Skip to content
Back to projects

Bonsái Artesanía

Online shop with a product cart and home delivery for Ana, a handmade jeweller from Vigo

Live site(opens in a new tab)Source(opens in a new tab)
Bonsái Artesanía first screen: on a cream background, the serif headline «Flowers that never wilt» on the left and, inside an arch, a photograph of two resin earrings with orange petals hanging from a branch.
My role
Design, development and deployment
Year
2026
Status
In production

Shop for a handmade jewellery brand that sold only through Instagram. The goal was to give it a proper storefront with a catalogue, product pages and ordering, without the friction of a full e-commerce platform for an inventory of one-off pieces.

It shares its skeleton with Sangil Studio but has no CMS: the catalogue is small and changes rarely, so content lives in the repository and is edited in a file. Adding Sanity here would have been adding a piece nobody would use.

What's inside

  1. A complete design system in tokens inside Tailwind’s `@theme` and nowhere else: there is no way to use a colour or spacing value outside the system.

  2. Scroll reveals are pure CSS (`animation-timeline: view()`), without a line of JavaScript, and respect `prefers-reduced-motion`.

  3. Authentication with NextAuth over MongoDB, and order notifications by email with Nodemailer.

Stack

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • MongoDB
  • NextAuth
  • Nodemailer
  • Vercel