Renovando eTechBA

imagen

Sitio web de la oficina de TechBA en Silicon Valley, Ca. Éste es un programa de la Secretaría de Economía de México, operado por la Fundación México-Estados Unidos para la Ciencia (FUMEC) que trabaja con Compañías Mexicanas que desarrollan tecnologias, productos y servicios inovadores para mercados internacionales.

El sitio etechba requería un cambio que mejorara el número de visitas y de contactos de negocios. Para lograr esto se inicia una serie de ajustes, tanto a la estructura como al diseño, que permiten una mejor navegación y mejores resultados en buscadores.

Cambio en la estructura
Se pasó de una estructura de portafolio, con listado de compañías, a una estructura temática, en la que tanto las compañías como las noticias y otros contenidos están divididas por el giro al que pertenecen; por ejemplo: la industria de software, call center o biotecnología.

home software Etechba

Se generaron páginas que engloban cada uno de los temas y permitirán, con el tiempo, acomodar la información según se genere.

Nuevo Diseño

antiguo diseño Etechba
El sitio funcionaba ya con Drupal y utilizaba un tema genérico. Al diseñar un tema echo a la medida, se buscó generar mayor identidad y tener un layout que funcionara con los cambios a la estructura. El nuevo diseño aprovecha la mayor área en horizontal, buscando reducir en lo posible las páginas muy extensas. Este diseño aplica una gama de azules partiendo del azul del logotipo, a fin de no tener demasiados contrastes o sobresaltos.

Se utilizó elasticss como un css framework, lo que agilizó el desarrollo de la plantilla de Módulos.



Se usaron varios modulos:

Panels - para crear el layout de la página de inicio y de páginas de secciones y categorías;

CCK- para colocar imágenes y vídeos

Views- para generar listas y bloques

Nodewords- para generar metatags

Wysiwyg - para editar textos en los nodos

Nice Menus - para un submenú horizontal

Email Download - para permitir bajar PDF al dejar su dirección de correo.

Visita el sitio etechba.com


sitio desarrollado por medio y forma

Versión

Añadir nuevo comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.

HTML Restringido

  • Etiquetas HTML permitidas: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Saltos automáticos de líneas y de párrafos.
  • Las direcciones de correos electrónicos y páginas web se convierten en enlaces automáticamente.