BITTERMAKER — Website Wireframes

01 Homepage · Homepage Hero new arrival → 4-panel nav → Cacao Origin → Workshop entry

Collection Origin Workshop

Bittermaker

Hainan EST·2022 Cart (0)

NEW ARRIVAL · 新品上市

85%
Dark Chocolate

Espresso · Dried Fig · Mineral

EXPLORE NOW →

Cacao Photo

01

Cacao · 万宁可可

DISCOVER →

Chocolate Photo

02

Chocolate · Craft Chocolate

SHOP →

Coffee Photo

03

Coffee · Coffee

SHOP →

Ice Cream Photo

04

Ice Cream · Ice Cream

VIEW MENU →

18.7°N
110.3°E

The Origin · Cacao Origin

Where the Cacao
Really Grows.

READ THE STORY →

CACAO WORKSHOP · 可可工坊体验

From cacao bean to chocolate bar — hands-on, start to finish.

BOOK A WORKSHOP →

Bittermaker

Chocolate Coffee Workshop Instagram

Hainan · EST·2022

Hero banner links to new product detail page

Each panel navigates to its category page

Workshop banner links to booking page

02 Chocolate / Coffee Category + Product Detail Product listing with filters · Add to cart

Bittermaker

Collection Workshop Cart (2)

Chocolate · Craft Chocolate

Bean-to-Bar · Single Origin Hainan

12 products

All

56% Milk

70% Dark

85% Extra

White

Limited

56%

TAS-16

Citrus Milk

Cinnamon · Tangerine

¥ 68 + Cart

70%

DRK-22

Dark Chocolate

Dark Cherry · Cedar

¥ 75 + Cart

85%

XTR-08

Extra Dark Chocolate

Espresso · Mineral

¥ 82 + Cart

White

WHT-01

White Chocolate

Vanilla · Honey

¥ 65 + Cart

Limited

LTD-05

Limited Edition

Seasonal · Tropical

¥ 95 View

+ Load More

Bittermaker

Collection Cart (2)

Product Photo

DRK-22 · Single Origin

Dark Chocolate

70%

Flavor Notes

Dark Cherry

Tobacco

Cedar

¥ 75

−

1

+

ADD TO CART →

♡ SAVE TO WISHLIST

Description

Tasting Notes

Pairing Guide

Filter tabs sort products by cacao percentage

Clicking a product card opens the detail page

Add to Cart updates the cart badge in real time

03 Cart & Checkout Cart → Shipping info → Payment confirmation

Bittermaker

← Continue Shopping

MY CART

IMG

Dark Chocolate 70%

Dark Cherry · Cedar · TAS-22

−

2

+

Remove

¥ 150

IMG

Citrus Milk 56%

Cinnamon · Tangerine · TAS-16

−

1

+

Remove

¥ 68

SHIPPING INFO

Name

Phone

Address

City

ZIP Code

ORDER SUMMARY

Subtotal¥ 218

Shipping¥ 15

Promo code−¥ 20

TOTAL ¥ 213

Promo Code

APPLY

Payment Method

WeChat Pay

Alipay

Bank Card

PLACE ORDER →

A confirmation SMS will be sent after your order is placed.

Cart supports quantity adjustment with live price update

Payment options: WeChat Pay / Alipay / Bank card

SMS confirmation on order; cold-chain shipping via SF Express

04 Workshop + Course Booking Cacao workshop course list → Select course → Date / Time slot booking

Bittermaker

← Home Cart (0)

WORKSHOP

可可Workshop

All Courses

Beginner

进阶 Advanced

亲子 Family

Course Photo

Beginner

Bean-to-Bar Intro

Craft your own chocolate bar from scratch.

⏱ 2.5 hrs · Max 8 guests ¥ 288 /人

BOOK NOW →

Course Photo

Advanced

Tasting Master Course

Explore cacao varieties and flavor profiles in depth.

⏱ 4 hrs · Max 6 guests ¥ 488 /人

BOOK NOW →

Course Photo

Family

Family Cacao Class

For children 6+ and parents to enjoy together.

⏱ 2 hrs · Max 10 guests ¥ 198 /人

BOOK NOW →

Course Photo

Private

私人定制Workshop

Custom experiences for corporate, birthdays & anniversaries.

⏱ Flexible duration Contact for pricing

ENQUIRE →

Bittermaker

← All Workshops

Course Photo

Beginner · 2.5 hrs

Bean-to-Bar
入门体验

✓ Bilingual instruction (EN / ZH)

✓ All materials & tools provided

✓ Take home your handmade chocolate

✓ Cacao tasting kit gift box

¥ 288 /人

SELECT DATE

← May 2023 →

M

T

W

T

F

S

1

2

3

4

5

6

7

8

9

10

11

Select Time

10:00 AM

02:00 PM

04:30 PM

Sold Out

Participants

−

2 guests

+

Name

Phone

Special requests (optional)

2 guests × ¥ 288

¥ 576

CONFIRM BOOKING →

4 workshop types: Intro / Advanced / Family / Private

Date picker shows only available sessions

SMS confirmation after booking; WeChat Pay supported

Website Architecture

Site Map & User Flow