</>
Back
Custom landing pagesLive

BaoBlue · Anrra

ReactNext.jsTailwindFramer Motion

Problem

Two small businesses (clay earrings and woodwork) needed a web presence to show themselves off and take sales over WhatsApp, without the complexity of an e-commerce.

Context

Two freelance landing pages built in my free time for people close to me. I designed and built both solo, tuning the tone to each business and personality.

My role

  • Designed and built both landings end to end.
  • Tailored the style to each brand: BaoBlue (clay earrings) with vibrant colors; Anrra (woodwork) warmer.
  • Wired the CTA straight to the salesperson's WhatsApp, with no intermediate form.

Solution

  • Responsive sites in React/Next.js with animations (Framer Motion) and reusable components.
  • BaoBlue: earring catalog with hover, a 3-step buying process, testimonials and FAQ.
  • A vibrant yet harmonious palette, with the animations I like most in the project.
  • Deployment on Vercel with a GitHub workflow.

Views

Screenshots from the live site

BaoBlue — Unique earrings for unique people
BaoBlue — Unique earrings for unique people
Earring catalog (hover)
Earring catalog (hover)
How to buy in 3 steps
How to buy in 3 steps
Customer testimonials
Customer testimonials

Learnings

  • Translating each person's and business's personality into visual decisions.
  • Keeping eye-catching animations without breaking visual harmony.

Result

BaoBlue is live and in use. Anrra is finished on the development side, waiting for the client to send the content photos.