Flax&Kale ya tenía una fuerte presencia online distribuida en varias webs para cada uno de sus servicios. En Omatech nos ocupamos de unificar y centrar todo ese contenido en una única web corporativa con ecommerce.
En paralelo, F&K estaba renovando su imagen corporativa, por lo que creamos una guía de estilos digital que aportara consistencia, acorde a su nuevo estilo.
El diseño
El atractivo aspecto visual de los productos, coloridos y llenos de vida, ayudaron a crear un diseño minimalista, totalmente enfocado a que fueran los protagonistas durante toda la navegación.
Para el diseño de la interfaz se optó por una paleta sobria, basada en blancos y negros, todo ello acompañado de un sistema de iconos únicos, 100% diseñados para F&K.
Prototipado interactivo hecho en Invision.
Prototipado interactivo hecho en Invision.
#FFFFFF
#000000
#D60F41
Interacción
El prototipado es una parte muy importante, ya que nos permirte comprobar que toda la navegación funciona, realizar tests de usuario, obtener las primeras conclusiones antes de pasar a la fase de maquetación, y realizar las correcciones necesarias con el cliente.
Para Flax&Kale realizamos prototipos interactivos de alta fidelidad para versión de escritorio, tablet y móvil, comprobando así que se mantuviera la consistencia y continuidad entre dispositivos.
Prototipado interactivo hecho en Invision.
Prototipado interactivo hecho en Invision.
Mobile first
Toda la navegación, interfaz e interacciones se plantearon teniendo como referencia la versión para dispositivos móviles, ya que la fuente del tráfico era principalmente desde estos dispositivos.
Maquetación
En Omatech somos extremadamente estrictos en la implementación de una maquetación totalmente accesible, realizando tests de contraste, velocidad, lectura de pantalla y la optimización del markup para conseguir una carga del contenido rápida y limpia.
Sin perder de vista la accesibilidad y usabilidad, en la fase de maquetación se implementaron pequeñas animaciones en el contenido que ayudaron a crear una navegación más atractiva y dinámica.
Optimización
Imágenes y vídeos optimizados y adaptados a cada dispositivo, imaginator, etc... Lorem ipsum dolor sit amet, consectetur adipis cingelit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis mauris sit amet massa vitae tortor condimentum lacinia quis vel eros donec ac odio tempor orci dapibus ultrices in iaculis nunc sed augue lacus.
Desarrollo ambicioso
La fase de desarrollo supuso un importante reto para Omatech. No solo se debía programar una web corporativa, también un complejo sistema de ecommerce con todas sus opciones, formado por productos individuales, grupos de packs y un avanzado sistema de filtros, así como la zona interna de usuario desde donde gestionar sus compras y solucionar posibles incidencias.
Prototipado interactivo hecho en Invision.
Prototipado interactivo hecho en Invision.
Se desarrolló un sistema de landings desde donde el cliente es capaz de generar páginas modulares, personalizables, e independientes, para campañas de lanzamientos de producto y promociones.
También se integró un backoffice de control de ventas, gestión de códigos de descuento, todo ello gestionado desde el gestor de contenidos.
Lorem ipsum dolor sit amet....
CMS
Toda la web de Flax&Kale se gestiona desde el gestor de contenidos propio de Omatech, un potente sistema desde donde el cliente puede crear nuevas páginas, modificar o planificar contenidos... resumiendo, editar por completo su propia web, tomar su s propias decisiones y ser totalmente independiente.
Lo mejor es que siempre mantendrá la estética y estilos aprobados, manteniendo la personalidad, imagen de marca y consistencia.
En Omatech somos expertos en crear páginas autogestionables.
