El Michi

Más que un restaurante vegano. Una casa digital para la comida, la comunidad, el coworking y los eventos.

El Michi es un restaurante plant-based y un espacio de comunidad en Puerto de la Cruz, Tenerife. Hicimos evolucionar su identidad digital y convertimos el escaparate de un restaurante en una plataforma para todo lo que pasa allí: comida, coworking, eventos, catering y menú semanal.

Sector
Restauración, hostelería, coworking
Ubicación
Puerto de la Cruz, Tenerife
Año
2025/26
Servicios
MarcaDiseñoDesarrolloRebranding digitalDiseño UX/UIDesarrollo webArquitectura CMS
9secciones en la web, cada oferta con su propio recorrido
5platos a la semana en el Menú Semanal, pedidos por WhatsApp
1año de colaboración, creciendo con el negocio paso a paso
El reto

Un restaurante, un coworking, una comunidad. Y una web que solo contaba una de esas historias.

El Michi nace de unos valores claros: comida plant-based, sostenibilidad, respeto por los animales, economía regenerativa y gente pasándolo bien junta. La web era el escaparate del restaurante, mientras el local ya era mucho más: un coworking, un calendario de eventos, un servicio de catering, un menú semanal.

El reto era dar a cada una de estas experiencias su propio espacio sin perder la personalidad juguetona de la marca ni complicar la web. Y hacerlo sin convertir un sitio de barrio cercano en una marca corporativa.

Antes y después

El mismo sitio, una nueva forma de presentarse.

Antes del proyecto, El Michi era un “Cowork & Brunch” con un gato rosa sobre un toldo azul marino. Hoy los mismos valores hablan un solo lenguaje visual, del cartel redondo del gato a la terraza y la pizarra del take away.

AntesHasta 2025
La fachada anterior, “Cowork & Brunch”
Dentro, hacia la zona coworking
El brunch, como se fotografiaba
DespuésHoy
El nuevo cartel, plant based y surf point
El gato redondo, visto desde la calle
Paneles de la terraza
La pizarra del take away
Qué hicimos

Un proyecto, paso a paso

Marca

Rebranding digital

Una evolución del lenguaje visual, no un logo nuevo: el mismo El Michi, por fin con su propia voz online.

1.1Dirección visualVerdes cálidos, crema, melocotón y toques naranja, titulares expresivos y un tono informal, irónico e inclusivo. Vivir de forma consciente no tiene por qué ser aburrido.
Olive#3F4139Cream#EBECD9Sea green#1B8C78Sand#DCDDC1Peach#FFCB9FAaHybriduoABCDEFGHIJKLM abcdefghijklm 0123456789
1.2Componentes UIBotones pill, cards redondeadas, bordes marcados y layouts editoriales: un pequeño kit de piezas con el que se construye cada página.
1.3Dos marcas, una conversaciónRemoto, el coworking dentro de El Michi, tiene un carácter más profesional. Lo integramos en la web para que las dos identidades dialoguen: El Michi como lugar para comer y encontrarse, Remoto como lugar para trabajar y hacer networking.
Diseño

Diseño UX/UI

Un recorrido claro para cada servicio, responsive desde el primer wireframe.

2.1Arquitectura de la informaciónUn sitemap orientado al SEO en nueve secciones: inicio, sobre nosotros, menú, Remoto, eventos, tienda, catering, menú semanal y contacto. Cada oferta tiene su recorrido y la navegación sigue siendo simple.
2.2Un menú pensado para el móvilAçaí, desayunos, platos y bebidas agrupados por categoría, cada plato con ingredientes, suplementos y alérgenos, fácil de leer en la mesa.
2.3Menú SemanalCinco platos a la semana, con ingredientes y alérgenos, actualizados por el equipo. Se piden con un mensaje de WhatsApp ya escrito, con plazos de pedido, recogida y un anticipo del 50% dentro del flujo.
2.4Catering veganoUna landing para particulares, eventos y empresas locales, con un formulario que convierte el interés en una petición concreta.
2.5Eventos y tiendaUn archivo de eventos con una página por evento y un mensaje de WhatsApp ya escrito. Un catálogo de productos y merch que se piden por WhatsApp, sin checkout que gestionar.
Desarrollo

Desarrollo

Diseñada en Webflow, entregada en WordPress, gestionada por el equipo.

3.1De Webflow a WordPressConstruimos la web en Webflow, la convertimos con Udesly y la integramos en WordPress: la libertad de diseño del primero y la gestión de contenidos del segundo.
3.2Contenido dinámicoMenú, platos, alérgenos, eventos y productos son contenidos que el equipo edita solo, sin tocar el diseño.
3.3Lanzamiento y acompañamientoSEO on-page básico para cada página en el lanzamiento, y después acompañamiento mientras el negocio crece: información operativa, enlaces de WhatsApp para eventos, mantenimiento del tema y de las URL.
Cronología

Un año, paso a paso

  1. Ago 2025Discovery y estrategia UXSitemap orientado al SEO, arquitectura de la home y de las páginas principales, recorridos para comida, coworking y eventos.
  2. Sep 2025Diseño visual y contenidosDirección UI, paleta y botones, textos en español, las páginas Sobre nosotros, Remoto y eventos.
  3. Oct a dic 2025Desarrollo y CMSMenú, tienda, productos y alérgenos, contenido dinámico y configuración técnica.
  4. Abr a may 2026Nuevos serviciosWireframes, textos, formularios y el flujo de WhatsApp para Catering y Menú Semanal.
  5. Jun a jul 2026Evolución y soporteInformación operativa, enlaces de WhatsApp para eventos, mantenimiento de la estructura de URL.
Resultados

Qué cambió

  1. 01Una identidad digital más clara: comida, sostenibilidad, comunidad y coworking en un solo ecosistema.
  2. 02Nuevas vías de venta: catering, menú semanal, eventos y merch tienen cada uno su recorrido.
  3. 03Más autonomía: el equipo actualiza los contenidos sin tocar el diseño.
  4. 04Menos fricción: WhatsApp y formularios dedicados llevan a la gente del interés a la petición.
Míralo en vivoelmichidelpuerto.comvisitar la web
Siguiente proyectoProject Wellness EquipmentUn catálogo de equipamiento profesional, y un recorrido de presupuesto construido sobre su forma de vender.leer el caso
Empieza un proyecto

Cuéntanos adónde quieres llegar.

Te ayudamos a encontrar el enfoque adecuado. Empieza con una pregunta.

¿Qué necesitas? Elige las que quieras, o ninguna.
{{ p.name }}{{ p.name }}

{{ p.hA }} {{ p.hB }}

{{ p.lede }}

{{ U.industry }}
{{ p.industry }}
{{ U.location }}
{{ p.location }}
{{ U.year }}
{{ p.year }}
{{ U.client }}
{{ p.url }}
{{ U.services }}
{{ t.name }}{{ x.s }}
[IMAGE] {{ hero.cap }}
[IMAGE] {{ hero.cap }}[IMAGE] Mobile
{{ f.n }}{{ f.l }}
{{ U.chalEb }}

{{ p.chalH }}

{{ c.t }}
{{ U.apprEb }}

{{ appr.h }}

{{ appr.p }}

  1. {{ pr.n }}{{ pr.t }}{{ pr.p }}
{{ U.cinEb }}

{{ cin.h }} {{ cin.sub }}

{{ cp.t }}

{{ cin.url }}
{{ cin.recCap }}{{ cin.recNote }}
{{ cin.sbEb }}

{{ cin.sbH }}

{{ cin.sbP }}

  1. {{ fr.n }}{{ fr.t }}{{ fr.p }}
{{ cin.veoEb }}

{{ cin.veoH }}

{{ cin.veoP }}

  1. {{ vs.n }}{{ vs.t }}{{ vs.who }}{{ vs.p }}
  2. {{ cin.veoNote }}
{{ cin.syEb }}

{{ cin.syH }} {{ cin.sySub }}

{{ cin.syP }}

{{ ch.n }}{{ ch.t }}
{{ U.scrubLive }} · {{ cin.pctTxt }}
{{ cin.syNote }}
  1. {{ cc.n }}{{ cc.t }}{{ cc.p }}
{{ cin.lnEb }}

{{ cin.lnH }}

{{ cin.lnP }}

  1. {{ ls.n }}{{ ls.t }}{{ ls.p }}
{{ U.baEb }}

{{ ba.h }}

{{ ba.p }}

{{ U.before }}{{ ba.beforeWhen }}
{{ bi.cap }}
{{ U.after }}{{ ba.afterWhen }}
{{ ai.cap }}
{{ U.didEb }}

{{ U.didH }}

{{ c.terrName }}

{{ c.title }}

{{ c.intro }}

{{ st.num }}{{ st.t }}{{ st.p }}
[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.b.cap }}[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.b.cap }}[IMAGE] {{ st.c.cap }}[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.b.cap }}{{ c.n }}{{ c.h }}Aa{{ p.typeName }}ABCDEFGHIJKLM abcdefghijklm 0123456789
{{ U.featEb }}{{ tg.t }}

{{ ft.h }} {{ ft.sub }}

{{ fp.t }}

  1. {{ fl.n }}{{ fl.site }}{{ fl.t }}{{ fl.p }}{{ fd.f }}
{{ sh.k }}{{ sh.label }}
{{ sh.note }}
{{ U.tlEb }}

{{ tlH }}

  1. {{ ph.when }}{{ ph.t }}{{ ph.p }}
    2.
{{ U.resEb }}

{{ resH }}

  1. {{ r.num }}{{ r.r }}
    2.
{{ U.quoteEb }}
{{ quote.text }}
[C]{{ quote.who }}{{ quote.role }}
{{ U.liveEb }}{{ p.url }}{{ U.visit }}
{{ U.ongEb }}

{{ ong.h }}

{{ ong.p }}

{{ og.terr }}{{ og.status }}{{ og.t }}{{ og.p }}
{{ U.nextEb }}{{ next.name }}{{ next.hA }} {{ next.hB }}{{ U.readCase }} [IMAGE] {{ next.cap }}
{{ U.moreEb }}{{ U.allWork }}
{{ tx.eb_start }}

{{ tx.start_h }}

{{ tx.start_lede }}

{{ tx.need_q }} {{ tx.need_hint }}
{{ cta }} {{ tx.or_write }} hello@beeasydesign.com