Volver
Landing de marca y catálogo artesanalProducción
Proyecto freelance
BaoBlue
- React
- Next.js
- Tailwind
- Framer Motion
- Vercel
Problema
Una marca de aros de arcilla necesitaba una presencia web reconocible para mostrar su catálogo y llevar consultas a WhatsApp sin la complejidad de un e-commerce.
Contexto
Proyecto freelance para un cliente real. Diseñé y desarrollé la landing adaptando la identidad visual a una marca artesanal y expresiva.
Objetivo
Presentar el catálogo y el proceso de compra con una experiencia visual propia, rápida y clara en móvil.
Mi rol
- Diseñé y desarrollé la landing de punta a punta.
- Construí una dirección visual vibrante, animaciones y componentes reutilizables.
- Conecté el CTA directo al WhatsApp del encargado de ventas, sin formulario intermedio.
Arquitectura y decisiones
- Landing por componentes en React/Next.js, estilos con Tailwind y animaciones con Framer Motion.
- El CTA deriva directamente a WhatsApp; no se añadió un backend que el negocio no necesitaba.
Solución
- Sitio responsivo en React/Next.js con Tailwind, Framer Motion y componentes reutilizables.
- BaoBlue: catálogo de aros con hover, proceso de compra en 3 pasos, testimonios y FAQ.
- Paleta vibrante pero armoniosa, con las animaciones que más me gustan del proyecto.
- Despliegue en Vercel con flujo en GitHub.
Desafíos y trade-offs
- Mantener personalidad y movimiento sin perjudicar legibilidad, responsive ni velocidad de exploración.
Vistas
Capturas del sitio en vivo




Aprendizajes
- Traducir la personalidad del negocio en decisiones visuales concretas.
- Mantener animaciones llamativas sin romper la armonía visual.
Resultado
BaoBlue está en producción, desplegado en Vercel, y su repositorio es público.