Skip to content

Concept projectE-commerce · E-commerce · 2026

Bloom Lab — Bright skincare store

Product-first cards, a cart drawer with free-shipping bar and a skin quiz with recommendations.

bloom-lab-concept.vercel.app
Bloom Lab — Desktop

Design idea

Candy pink and peach, a spinning ‘New’ sticker, 3D buttons that press down. Playful but sales-driven.

Mobile approach

Products in 2 columns, full-height cart drawer, horizontally scrolling category chips.

Colour palette

  • Cream

    #FFF6F2

  • Pink

    #FF5C8A

  • Peach

    #FFB38A

  • Plum

    #2D1B3D

  • Sun

    #FFE14D

Typography

Bricolage Grotesque

Display

Bricolage Grotesque + DM Mono

Body

Stack

  • HTML
  • CSS
  • JavaScript
  • Vercel

Scales to Next.js + a CMS for a real build.

Screens

Bloom Lab — Full page
Desktop · Full page (1920px)
Bloom Lab — Tablet
Tablet · 834px
Bloom Lab — Mobile
Mobile · 390px

Key sections

  • Category-filtered product cards
  • Cart drawer + free-shipping bar
  • 3-question skin quiz
  • Review cards

Process

  1. 01

    Range and AOV analysis

  2. 02

    Card and CTA system

  3. 03

    Cart, quiz and recommendation logic

  4. 04

    Conversion QA and launch

Target metrics

⚠ Example / projected targets — not real client results.

average order value target (example)
+%20
quiz completion target (example)
%35
cart-abandonment target (example)
-%15

Next step

Have a project in mind? Let's talk it through.

Tell us what you want to build. We'll reply with questions or a call proposal — and a written proposal after discovery. No obligation.

Cookie preferences
Strictly necessaryRequired for the site to work: e.g. remembering this choice and, for authorised staff only, the admin session. Always on.

Cookie Policy