Panichini — Digital Brand Experience
Traducir un universo físico a una experiencia web.
Seis experiencias de una misma marca gastronómica de Puerto Montt, unidas en un solo mundo digital de acuarela, storytelling y un anfitrión en pixel art.
- FECHA
- ROL
- CONCEPTO, DIRECCIÓN DE ARTE, UX/UI Y DESARROLLO ASISTIDO POR IA
- TERRITORIOS
- BRAND EXPERIENCEWEBUX/UIINTERACTIONAI-ASSISTED DEVELOPMENT
El problema
Panichini no es un solo negocio. Bajo la misma marca conviven seis formas distintas de encontrarla:
- Compra Online
- Café Boutique
- Lounge & Go
- Empresas y Coffee Break
- Casona Panichini
- Delicias Panichini
Cada una tiene su público, su ritmo y su tono. La pregunta que ordenó todo el proyecto fue:
¿Cómo hacer que todas esas identidades se sientan parte de Panichini sin hacer que todo se vea igual?
La idea
La respuesta no fue una página por negocio, sino un mundo común. Un lugar al que se entra y donde cada visitante elige qué experiencia vivir.
La frase central del proyecto terminó siendo también su arquitectura de navegación:
Un mundo para disfrutar.
La página dejó de ser una página. Se convirtió en un lugar.
El mundo
La dirección de arte toma el universo físico de la marca y lo lleva a una escena: acuarela, flores, Puerto Montt, montañas, lago, la fachada, los osos, rosas, mariposas, tonos pastel, composición editorial y escenas con intención cinematográfica.
Seis experiencias
Cada experiencia cambia color, imagen, copy, llamado a la acción y tono, pero todas comparten la misma estructura. La unidad no viene de que todo se vea igual, sino de que todo pertenece al mismo mundo: seis experiencias, y una rosa que se deshoja en cada una.
Storytelling
La web tiene intención editorial y emocional, no solo transaccional. El relato acompaña el recorrido:
Desde Puerto Montt, con cariño.
Pequeños momentos que se convierten en buenos recuerdos.
Cada lugar, una nueva historia.
El anfitrión
El Osito Panichini es la mascota física real de la marca —oso crema, sombrero de copa negro, cinta morada, chaqueta negra, chaleco crema y corbatín— llevada a pixel art.
No es un chatbot decorativo. Tiene tres funciones:
- Guía: compra, cafeterías, cartas, horarios, ubicación, Casona, empresas y contacto.
- Preguntas frecuentes: respuestas deterministas, sin IA generativa. Un horario nunca se inventa.
- Personaje: estados, humor, animaciones, arrastre y reacciones, sin infantilizar la marca.
Reemplaza visualmente el botón flotante de WhatsApp sin eliminarlo, y pasa la mayor parte del tiempo quieto: no corre sin motivo, no abre diálogos solo, no tapa los botones importantes.
Del experimento a la aplicación
Panichini ha funcionado como laboratorio de creación: un lugar para probar, iterar, integrar tecnología, diseñar sistemas y validar experiencias sobre una empresa real. Esta landing es la síntesis más madura de ese laboratorio hasta ahora.
Herramientas
Higgsfield · Claude Code · ChatGPT · HTML · CSS · JavaScript · Jumpseller · Liquid.
Y lo que no es software: conceptualización, diseño visual, iteración asistida por IA y mucha prueba y error. El mérito no está en una herramienta, sino en dirigir un sistema completo hasta materializar una experiencia digital coherente.
Proceso y aprendizajes
- El hero tenía que responder al primer gesto. La transición detecta el primer scroll real, lo retiene un instante, anima la portada durante unos 900–1100 ms, encuadra la siguiente sección y devuelve el control. Nunca pide varios scrolls.
- Dorado decorativo y dorado funcional. El dorado luminoso queda para el ornamento; los textos y botones usan tonos más oscuros (
#7A581C,#87651F,#8F6D26) y, sobre fondos oscuros, más claros (#E4C56C,#F0D58A) para mantener el contraste. - El riesgo ya no es que quede fea, sino pasarse de creativa. Acuarelas, flores, animaciones, carruseles, mascota, pixel art y transiciones ya conviven. El Osito es la última gran capa; desde aquí el foco pasa a rendimiento, móvil, accesibilidad, SEO, microinteracciones, conversión, contenido, fotografía y estabilidad.
- Experiencia de marca frente a inmediatez. Frente a referentes más directos del rubro, que ganan en rapidez funcional, Panichini apuesta por identidad, storytelling, diferenciación y recordación.
Resultado
Una landing prácticamente cerrada en lo visual, con transiciones y microinteracciones todavía en pulido, que lleva la misma experiencia al celular.
El trabajo lleva la firma Desarrollado por AHURYN.
START A CONVERSATION
¿Tienes algo en mente?
Algunos experimentos del laboratorio empiezan a partir de problemas ajenos. Si este te hizo pensar en el tuyo, cuéntamelo.