Lemon Joy Events · 2025 · Sitio web para agencia de eventos
Lemon Joy
Un sitio que vende experiencias con la energía de sus eventos: +35% en solicitudes de propuesta.
- +35% solicitudes de propuesta desde el sitio tras el lanzamiento
- 2x páginas vistas por visita: el portafolio invita a seguir explorando
- 3 clics como máximo para pedir una propuesta desde cualquier página
- −30% rebote en mobile frente al sitio anterior
- Producto
- Sitio web corporativo
- Industria
- Eventos / Retail de marcas
- Rol
- Product Designer
- Alcance
- Diseño web, dirección visual, design system
Diseñé el sitio de Lemon Joy Events, una agencia de eventos corporativos que trabaja con marcas como Marc Jacobs, Covergirl y Burberry: una web que vende experiencias con la misma energía de sus eventos.
El reto
Vender experiencias en una pantalla
Una agencia que crea experiencias memorables necesitaba una web a la altura de sus eventos.
Lemon Joy organiza convenciones, lanzamientos de producto, cenas experienciales y fiestas corporativas para marcas reconocidas. Su mejor argumento es su trabajo, así que el sitio debía mostrarlo con fuerza, explicar con claridad qué hacen y llevar a las marcas a pedir una propuesta.
Objetivos del sitio
-
01
Mostrar el portafolio
Que las marcas y los eventos hablen por la agencia.
-
02
Explicar los servicios
Siete tipos de evento fáciles de recorrer y comparar.
-
03
Generar contactos
Llamados a la acción visibles en cada recorrido.
El enfoque
La energía de un evento, traducida a la web
-
01
Wireframes
Arquitectura de las 8 páginas: home, servicios, casos, nosotros, blog y contacto.
-
02
Design system
Tipografía, paleta, botones, inputs y componentes reutilizables.
-
03
Diseño
Desktop y mobile, con la marca aplicada en cada página.
-
04
Prototipo
Animaciones de carga y navegación prototipadas para el equipo de desarrollo.
Decisiones de diseño
-
01
La fotografía manda
Los eventos reales son el contenido principal: generan confianza al instante.
-
02
Tipografía con carácter
Brandon Grotesque en mayúsculas con acentos manuscritos, como la marca.
-
03
Contraste que guía
Navy profundo con amarillo limón para resaltar lo importante y los botones.
-
04
Navegación siempre a mano
Menú lateral fijo con redes sociales, sin quitarle espacio a las imágenes.
La solución
Un sitio que se siente como un evento
-
01
“The bond between people & brands”
Un hero con el mensaje de la marca en grande y un llamado a la acción claro desde el primer segundo.
-
02
Qué hacemos, en un vistazo
Los tipos de evento como tarjetas con fotos reales, para recorrerlas como una galería.
-
03
Valores que generan confianza
Cinco valores con íconos propios que explican cómo trabaja la agencia.
-
04
El trabajo como protagonista
Eventos para Marc Jacobs, Covergirl y más, presentados como casos de éxito.
-
05
Casos de estudio
Cada evento con su reto, la solución y los detalles que lo hicieron memorable.
Mobile, con el mismo impacto
El sitio se pensó también para el teléfono: el mensaje y la acción principal caben en la primera pantalla, y los servicios se recorren como tarjetas en una lectura vertical y cómoda.
Tipografía
- H1 Título de ejemplo 180px
- H2 Título de ejemplo 90px
- H3 Título de ejemplo 32px
- Body Título de ejemplo 20px
- Small Título de ejemplo 16px
Color
- Navy
#002554 - Deep navy
#001735 - Lemon
#F6EF85 - Blue
#0289CC - Sky
#64D3FF - White
#FFFFFF
Botones
El resultado
Una web con la personalidad de la marca
El sitio presenta a Lemon Joy como lo que es: una agencia que conecta personas y marcas a través de experiencias. Ocho plantillas consistentes en desktop y mobile, un design system reutilizable y una narrativa visual que pone el trabajo de la agencia en primer plano.
-
+35%
solicitudes de propuesta desde el sitio.
Cómo se midió: envíos del formulario de contacto, 3 meses antes frente a 3 meses después del lanzamiento.
-
2x
páginas vistas por visita.
Cómo se midió: Google Analytics, mismo periodo del año anterior.
-
−30%
rebote en mobile.
Cómo se midió: Google Analytics, sesiones móviles, sitio anterior frente al nuevo.
Si los eventos se recuerdan, la web también debía hacerlo.
Reflexión
Lo que me llevo de este proyecto
Lo que aprendí
En un sitio de servicios, la personalidad vende tanto como la información. El reto fue que la energía visual no le quitara claridad al camino hacia la propuesta.
Lo que haría distinto
Definiría las métricas con el cliente desde el inicio. Medimos bien después del lanzamiento, pero sin una línea base más detallada fue difícil atribuir cada mejora.