Wetaca es el primer servicio de suscripción online que revolucionó la forma en que las personas disfrutan de la comida. Con un enfoque centrado en ofrecer platos auténticos elaborados por chefs, se ha consolidado rápidamente como un referente en España. En menos de una década, Wetaca ha pasado de ser una start-up a una empresa en pleno crecimiento. Con presencia en la mayor parte de la península, ha construido una base de clientes fiel y una sólida reputación basada en la calidad y el sabor de sus platos.

En una nueva etapa de la compañía, Wetaca decide acometer una renovación integral de marca. El alcance del proyecto abarca desde la revisión y creación de una nueva estrategia de marca y una nueva identidad visual, hasta el desarrollo de un nuevo sistema de diseño para su web y su zona privada. Posteriormente, desarrollamos los activos digitales en React y los entregamos en forma de librería para simplificar el trabajo del equipo de desarrollo de Wetaca.

Visitar web

El proyecto tuvo una duración de ocho meses, durante los cuales Paseo participó en todas las fases del proceso. El equipo de diseño contó con el apoyo de una red de colaboradores en estrategia de marca, diseño digital, ilustración, UX writing y desarrollo, para cubrir de forma exhaustiva cada etapa del proyecto.

Para la identidad de marca, era necesario desprenderse del look & feel de startup que estaba presente de forma natural en la marca anterior. El objetivo era llevar a Wetaca desde su condición de startup digital centrada en el servicio y el pedido online, a la de compañía de producto, con la comida como eje central.

El propósito del equipo era comunicar la alegría de comer y la sensación de disfrute. El logotipo refleja atributos propios del universo foodie presentes en la elección tipográfica. Una tipografía suave, untuosa y esponjosa (VC Honey) se modifica para crear un wordmark personalizado, con trazos ligeramente abiertos que transmiten ligereza y exquisitez al mismo tiempo.

También diseñamos un símbolo inspirado en los envases utilizados para transportar los platos desde la cocina central hasta los hogares de todo el país. Su forma redondeada y flexible se inclina ligeramente para expresar inconformismo y movimiento constante. Esta forma se convierte en el elemento central del sistema visual: gira, crece, se multiplica y se mueve para dar soporte a distintos mensajes.

En cuanto al color, actualizamos el color original de la marca para adaptarlo al nuevo lenguaje visual y a los entornos digitales, obteniendo un tono pomelo brillante que se convierte en la semilla de la nueva personalidad cromática de Wetaca. La paleta principal se desarrolla en tonos cálidos que reflejan distintos aspectos del servicio, desde la frescura de los ingredientes hasta la vida y la cultura urbanas. Esta paleta se amplía con una gama de tonos que aporta diversidad en la gama de productos y en piezas clave como ilustraciones, stickers y redes sociales.

El enfoque tipográfico flexible incorpora distintas opciones para titulares, utilizadas de forma diferenciada según el mensaje.

Original Sans es la tipografía principal para titulares: una grotesca rotunda y potente, inspirada en las primeras sans-serifs, con cursivas poco convencionales que se utilizan para destacar partes del mensaje y fragmentar las frases en módulos. Por otro lado, una serif clásica y redondeada, VC Honey, se combina con los detalles humanos y suaves de Souvenir, una combinación especialmente adecuada para titulares transaccionales y textos en redes sociales. DM Sans, una sans geométrica de bajo contraste, se elige para los textos de cuerpo por su escalabilidad y legibilidad en tamaños pequeños y formatos digitales.

Paseo define las directrices de un universo ilustrado en constante expansión que amplifica los mensajes escritos y los traduce visualmente en un conjunto de ilustraciones divertidas, cercanas y expresivas. Las ilustraciones toman como punto de partida los platos preparados, ingredientes frescos y objetos cotidianos relacionados con la marca. Combinadas con stickers, ayudan a reforzar el copywriting y hacerlo más atractivo y dinámico.

Llamamos a este sistema “Táper Design System”, inspirado en los envases de Wetaca. Se trata de un conjunto de reglas y directrices de diseño que unifican el lenguaje visual de la marca. Está basado en módulos y sigue la metodología de Atomic Design. Los módulos más pequeños, llamados átomos, se agrupan en otros mayores con funcionalidades añadidas. A medida que los componentes crecen, se vuelven más complejos y comienzan a construir la estructura de la interfaz.

Por último, diseñamos la web y desarrollamos el sistema atómico en una librería de componentes en React alojada en la plataforma Storybook, para que pudiera ser utilizada por el equipo de desarrollo de Wetaca.

Los iconos se diseñaron para ser escalables en pantallas pequeñas y adaptables a distintos usos dentro de la web, manteniendo al mismo tiempo una apariencia atractiva cuando se amplían. El sistema de diseño se concibió junto al equipo de UX y desarrollo de Wetaca, dando lugar a una solución flexible y escalable, capaz de crecer junto al negocio. El sistema evolucionará día a día a medida que sea adoptado por distintos departamentos de la marca, desde marketing hasta diseño, desarrollo y negocio.

Un proceso global en el que hemos trabajado con éxito junto al cliente y una amplia red de colaboradores, desde la estrategia hasta la interfaz visual.

Muchas gracias al equipo de Product Design y Development de Wetaca. Fotografías de campaña por Wetaca. Agradecimientos especiales a Estudio Brillante (Estrategia), Jaime Liñán (Identidad de Marca), Fernando Roldán (UX & UI), Ruth de la Torre (UX Writing), Pablo Pino (Ilustraciones web) and PUM! (Desarrollo en React).

Las tipografías utilizadas en este proyecto son Original Sans de Commercial Classics, VC Honey de Very Cool Studio and DM Sans de Google Fonts.