Jekes Kebabs (2024)

Jekes Kebabs, es la marca líder en el creciente mercado de los kebabs bien hechos, en la capital española. Han conseguido darle un giro de tuerca y dignificar a través de procesos, una comida que tenía un nivel muy bajo en el mercado español.
2 móviles en la web de DeVinta.  El móvil de la izquierda, se encuentra en el menú. El móvil de la derecha, se encuentra en la sección de tus favoritos, con cuatros prendas guardadas en favoritos.

Objetivo

‍

El objetivo principal en este proyecto era el rediseño de la página web de Jekes, haciendo que esta fuera totalmente responsive y añadiendo unas nuevas funcionalidades que permitirán al cliente conectar aún más con la marca y facilitándole el poder realizar pedidos a través de esta web.

‍

La idea, hacer que el sitio fuera adaptable a múltiples dispositivos, mantener la esencia rebelde de la marca y añadir más funcionalidades, como el perfil de usuario donde los clientes pueden consultar su información personal y puntos acumulados. Otro aspecto importante fue promover las participación de los clientes a través del sitio web y las redes sociales de Jekes, sus destacando publicaciones y valoraciones en la plataforma.

‍

Aspectos a mejorar

‍

  • Jekes Kebabs es una marca rebelde dirigida a los jóvenes, así que se podía aumentar la participación y presencia de este público en la web, haciéndolos parte de la marca.

‍

  • Redirección a UberEats: La página solo funciona como una simple landing page que redirige a Uber Eats para realizar pedidos, lo que eliminaba la posibilidad de que los usuarios de hacerlo directamente en su propio sitio.

‍

Arquitectura de la información

‍

Se creó el Sitemap de la web, para tomar en cuenta la navegación primaria, secundaria y terciaria, además de definir las acciones principales que los usuarios puedan realizar: Menú, hacer pedidos y acceder a ofertas.

Sitemap de Jekes Kebabs
Sitemap de Jekes Kebabs

‍

Wireframes de baja

‍

Plasmado el Sitemap, el próximo paso era visualizar las pantallas. Para mantener el estilo rebelde de la marca, se optó por el diseño con scroll horizontal en la versión de Desktop, que genera en el usuario una reacción diferente.

‍

Otro punto importante, era definir cómo mostrar la sección de perfil del usuario, plasmándola finalmente, en una pantalla divida, que da prioridad a la sección de puntos e historial del usuario, sobre la información detallada del cliente.

‍

A lo largo de todas las pantalla, se mantiene el lenguaje predominante de la marca, con un toque rebelde, bastante cercano, con múltiples referencias a este término de origen árabe.

‍

4 wireframes de baja fidelidad de Jekes Kebabs en Desktop (Home, pedidos, perfil del usuario, pantalla de pago)
Wireframe baja fidelidad Desktop

‍

‍

4 wireframes de baja fidelidad de Jekes Kebabs en Tablet (Home, pedidos, perfil del usuario, pantalla de pago)
Wireframe baja fidelidad Tablet

‍

‍

5 wireframes de baja fidelidad de Jekes Kebabs en Móvil(Home, pedidos, perfil del usuario, pantalla de pago)
Wireframe baja fidelidad Mobile

‍

UI

‍

Para el diseño de la interfaz, se mantuvieron los respectivos colores de la marca y se seleccionaron 2 fuentes tipográficas que acompañan el estilo y tienen la voz de la marca. Archivo y Lexend-Mega son 2 tipografías gruesas, con bastante legibilidad y adaptándose a la idea de una marca moderna y urbana. Entre ambas fuentes, se puede conseguir una armonía visual que hace que el usuario se enfoque en la información clave en la pantalla.

‍

Paleta de colores y typescale de Jekes Kebabs
Paleta de colores y typescale de Jekes Kebabs

‍

Mockups Finales

Mockups de la home de Jekes Kebabs
Mockup de la Home de Jekes versión Mobile
Mockups de home de Jekes Kebabs
Mockup de la Home de Jekes versión Mobile
Mockup verión Tablet (Home y Perfil)
Mockups de Jekes versión Tablet (Home y Perfil)
Mockup versión Desktop Home
Mockup de Jekes versión Desktop
Mockup versión Desktop Fin de la home
Mockups de Jekes versión Desktop

Pasos a dar

‍

Los siguientes pasos a realizar con este proyecto, sería enviarlo a desarrollo para convertir la propuesta en realidad. Luego, deberán llevares a cabo pruebas y análisis intensos para determinar si el rediseño logra una mayor aceptación y participación de los usuarios, así como si incrementa las conversiones y el engagement en la web. Estos resultados permitirán evaluar la efectividad del diseño y su impacto en la experiencia del usuario.

‍

Aprendizajes

Una idea y un estilo claro para todas las plataformas. Este proyecto ha sido muy interesante y me permitió poner en práctica un pensamiento responsive, para ejecutar de manera consistente un proyecto de ampliación de la web de una franquicia que dará mucho de que hablar en la ciudad. Buscar reforzar la identidad digital de Jekes, así como incrementar la participación de los usuarios y mejorar la tasa de conversión ha sido un bonito desafío que me deja una profunda satisfacción personal.

Mira algún proyecto más

CONVERSEMOS,

CREEMOS Y

diseñemos

GRANDES

COSAS.