Ecommerce

Pronokal

Pioneros en productos flexitarianos, decidieron unificar su presencia online mediante una completa web con ecommerce, confiando en Omatech para su diseño, desarrollo y puesta en marcha.

TEXT ALTRNATIU

El reto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sollicitudin sit quis a id amet semper. Urna, pellentesque suspendisse massa velit. Dolor consectetur urna, eget euismod sit gravida eget viverra consectetur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum aliquet purus tempor, nec sed neque donec at nunc. Rhoncus mattis ultrices orci odio sit mauris, aliquam fames. Iaculis nunc lorem mi lorem.

DESCRIPCIO DE LA IMATGE

El diseño

Un diseño
centrado en
el producto

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.

Más información

DESCRIPCIO DE LA IMATGE DESCRIPCIO DE LA IMATGE
  • Invision

    Photoshop

    Prototipado interactivo hecho en Invision.

  • Invision

    Sketch

    Prototipado interactivo hecho en Invision.

Tipografía

Roboto Bold

Roboto Bold sample

Roboto Regular

Roboto Regular sample

Colores

Primarios

  • #E9E3D7
  • #9C7C36
  • #FF5E45

Secundarios

  • #FFF2B0
  • #F4CD74
  • #C9BD9B
  • #FACBB7
  • #C5DDF8

Componentes

DESCRIPCIO DE LA IMATGE

Iconos

  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA
  • Icona: NOM DE LA ICONA

Interacción

Interacciones
y prototipado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fermentum lorem leo pulvinar quam curabitur in semper et. Ipsum, in scelerisque suscipit euismod in massa. Tempor suspendisse facilisis et velit euismod ut. In vehicula accumsan, proin arcu quam viverra. Eget ut a et accumsan, rutrum egestas.

Eu tempus turpis sed tristique interdum egestas ornare ullamcorper. Leo odio dolor morbi tempus amet pellentesque.

Más información

DESCRIPCIO DE LA IMATGE
  • Invision

    Invision

    Prototipado interactivo hecho en Invision.

  • Invision

    Plugin Craft

    Prototipado interactivo hecho en Invision.

  • DESCRIPCIÓ IMATGE
  • DESCRIPCIÓ IMATGE
  • DESCRIPCIÓ IMATGE
  • DESCRIPCIÓ IMATGE

Mobile first

El móvil es el dispositivo preferido de acceso del target de la marca.

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.

Lore ipsum

Una maquetación accesible, sin olvidar el movimiento

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.

Más información

DESCRIPCIO DE LA IMATGE DESCRIPCIO DE LA IMATGE

Programación a medida

Desarrollo a medida

Sistema de gestión de descuentos y campañas. Sistema de cálculo de gastos de envío e integración con la empresa de envío. Mongo DB

Amet duis nunc aliquam ipsum ante. Et vitae sed turpis id. Leo, eget at urna iaculis diam dui, convallis non. Sagittis vulputate ornare proin quis vulputate adipiscing vel consectetur. Quis nunc quis iaculis viverra ornare massa non magna.

Más información

DESCRIPCIO DE LA IMATGE DESCRIPCIO DE LA IMATGE
  • Invision

    Laravel

    Prototipado interactivo hecho en Invision.

  • Invision

    Sketch

    Prototipado interactivo hecho en Invision.

Lorem ipsum

Configurador de dieta

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.

DESCRIPCIO DE LA IMATGE DESCRIPCIO DE LA IMATGE

Programación a medida

Un ecommerce inteligente

Sistema de gestión de descuentos y campañas. Sistema de cálculo de gastos de envío e integración con la empresa de envío. Mongo DB

Amet duis nunc aliquam ipsum ante. Et vitae sed turpis id. Leo, eget at urna iaculis diam dui, convallis non. Sagittis vulputate ornare proin quis vulputate adipiscing vel consectetur. Quis nunc quis iaculis viverra ornare massa non magna.

Más información

DESCRIPCIO DE LA IMATGE DESCRIPCIO DE LA IMATGE

Arquitectura

Pronokal connect

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sollicitudin sit quis a id amet semper. Urna, pellentesque suspendisse massa velit. Dolor consectetur urna, eget euismod sit gravida eget viverra consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum aliquet purus tempor, nec sed neque donec at nunc. Rhoncus mattis ultrices orci odio sit mauris, aliquam fames. Iaculis nunc lorem mi lorem.

DESCRIPCIO DE LA IMATGE DESCRIPCIO DE LA IMATGE

CMS

Gestión de contenidos sin complicaciones

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.

DESCRIPCIO DE LA IMATGE
¿Tienes un proyecto digital en mente, y no sabes por donde empezar? Te echamos una mano. 👋