</>
Volver
Landing pages a medidaEn vivo

BaoBlue · Anrra

ReactNext.jsTailwindFramer Motion

Problema

Dos emprendimientos pequeños (aros de arcilla y productos en madera) necesitaban presencia web para mostrarse y recibir ventas por WhatsApp, sin la complejidad de un e-commerce.

Contexto

Dos landing pages freelance hechas en mi tiempo libre para personas cercanas. Diseñé y desarrollé ambas solo, ajustando el tono a cada negocio y personalidad.

Mi rol

  • Diseñé y desarrollé las dos landings de punta a punta.
  • Adapté el estilo a cada marca: BaoBlue (aros de arcilla) con colores vibrantes; Anrra (productos en madera) más cálida.
  • Conecté el CTA directo al WhatsApp del encargado de ventas, sin formulario intermedio.

Solución

  • Sitios responsivos en React/Next.js con animaciones (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.

Vistas

Capturas del sitio en vivo

BaoBlue — Aros únicos para personas únicas
BaoBlue — Aros únicos para personas únicas
Catálogo de aros (hover)
Catálogo de aros (hover)
Cómo comprar en 3 pasos
Cómo comprar en 3 pasos
Testimonios de clientas
Testimonios de clientas

Aprendizajes

  • Traducir la personalidad de cada persona y negocio en decisiones visuales.
  • Mantener animaciones llamativas sin romper la armonía visual.

Resultado

BaoBlue está en vivo y en uso. Anrra quedó terminada a nivel de desarrollo, a la espera de que el cliente enviara las fotos del contenido.