Bloc amb imatge de fons (visual-block)
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.
Bloc amb imatge a sang al lateral (visual-block, side-block, side-block_reverse)
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.
Bloc amb imatge a sang al lateral (visual-block, side-block, side-block_reverse)
Lore ipsum
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.
Bloc amb imatge i text en 2 files sense superposar (visual-block, visual-block-row)
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.
Bloc que el següent bloc comença amb el color del bloc que el precedeix (section-block + overlay-next)