
El diseño, estructura y arquitectura web que se ha seguido en la propuesta para la nueva web de Habaneras, parte de las nuevas tendencias que se respiran en las páginas en 20178
Mobile First: Somos conscientes que de que cada vez más aumentan las visitas a las páginas web desde dispositivos móviles y esta tendencia va a continuar creciendo en el futuro. En el mercado existen muchos tamaños diferentes de pantallas y debemos poder mostrarnos bien en todas ellas. Además, el diseño web responsive es un factor SEO clave que tiene Google a la hora de posicionar bien nuestra web en los buscadores.
Scroll vertical: El pánico al scroll ya es historia porque ahora ya estamos familiarizados con el uso de internet y sabemos navegar haciendo uso del scroll para acceder al contenido. Esto lo hemos utilizado en la conceptualización del diseño de Habaneras de su página de inicio.
Micro-interacciones: Las definimos como una respuesta al usuario por parte de una interfaz, generando una respuesta inesperada y poco intrusiva que sorprenda o agrade al usuario. Son las transaciones entre interacciones e intentaremos incluirlas en formularios (la función autocompletar de un campo de texto o las pistas que ofrecemos en un formulario para completar una tarea), over de secciones, compartir en rrss (ejemplos como corazones del twitter al marcar un tuit como “Me gusta”), etc.
Apostamos por un diseño de calidad y coherente: Esto incluye una estructura de contenidos sencilla y lógica, y un diseño común en todas las áreas que “colabore” con la información que hay en el sitio web. Es mejor una web sencilla, con una estructura clara y con pocos colores que una multicolor y con diferentes diseños, que lo único que consigue es distraer al usuario y no permitirle navegar de forma cómoda.
Uso de retícula: Usamos distintos tipos de retículas o grids para distribuir los contenidos en la web de Habaneras. Algunas son de tipo en columnas porque son muy flexibles y se pueden separar distintos tipos de información. En la home, se usan retículas de columnas y también por modulos, esto conforma un resultado muy agradable por que se ve más limpia, atractiva y los elementos están claramente diferenciados.
Arquitectura y diseño
Programación
Actualización y mantenimiento