CEMU
por Marc Indurain @marcindurain
- 47
- 0
- 0
CEMU nos encargó que actualizáramos el diseño de su página web, de arriba a abajo. Es una web corporativa de una clínica médica que incluye también una parte didáctica con mucho contenido de calidad organizado en temas y palabras clave. Simplificar esta parte era un reto interesante y, la verdad, estamos contentos con el resultado.
Esta era la web de CEMU anterior:
Lo que podemos observar en la antigua web es un poco de desorganización de contenidos y un exceso de menús y botones, así como varios scrolls conviviendo al mismo tiempo. El resultat es que el contenido de la web, de muy alta calidad, se ve eclipsado por el diseño.
Objetivo: hacer un diseño web responsive y cómodo en el que el protagonismo fuera para el texto. Este es el resultado:
El resultado es una web bastante agradable a la vista, que genera confianza y que invita a leer el contenido. No sólo eso, sino que la organización de este contenido hacer que la web sea más intuitiva y permite al usuario a encontrar fácilmente aquello que busca.
Diseño Web Responsive
Seguro que a estas alturas ya sabes lo que es el Diseño Responsive, pero por si no te suena tienes que saber que para diseñar una página web hay que tener en cuenta las medidas de pantallas que la van a visualizar. Esto significa pensar en un diseño que se adapte a ordenadores de sobremesa, portátiles, tablets de todos los tamaños y móviles, también de diferentes tamaños.
Es cierto que hacer una web adaptada a todos los tamaños de pantalla puede ser una auténtica locura, así que nos guiamos por las medidas de referencia, ampliamente aceptadas:
- 480px
768px
900px
1080px
1200px
Hacer una página web con un diseño responsive puede dar muchas ventajas. Y es que no sólo genera una calidad en la experiencia del lector (cosa que mejora la notoriedad de marca), sino que Google posiciona mejor las webs adaptadas a todos los dispositivos.
Bien, este es el resultado del nuevo diseño de la página web de CEMU con diferentes adaptaciones. Los cambios principales entre pantallas son que el texto se adapta para que siempre se lea cómodamente y que el menú se va adaptando al tipo de pantalla para que siempre sea navegable:
Eso es todo. Tal y como comentábamos, estamos satisfechos con el resultado, sobretodo en referencia a la convivencia entre parte corporativa y parte didáctica.
0 comentarios
Entra o únete Gratis para comentar