Beautymakers.

From a product idea
to a manufacturing plan.

A B2B platform connecting beauty brands with manufacturers. As a founding designer, I structured manufacturing information and designed the path from discovery to quotes and consultation.

ROLE
Founding Product Designer
PERIOD
2018.08–2023.04
OWNERSHIP
UX/UI · Product planning · Frontend
PLATFORM
PC · Tablet · Mobile
Beautymakers on desktop, laptop, tablet, and mobile
≈34% ↑
Mobile quote-request completion

After removing the camera step and simplifying the flow

Brands struggled to find manufacturers. Manufacturers struggled to find suitable customers.

The original crowdfunding service faced limits in repeat purchasing and profitability. As remote manufacturing consultation became necessary, we focused on the information gaps and repetitive work involved in making cosmetics.

BRANDS
“We only need a small batch, but minimum quantities usually aren’t listed. We have to contact them again.”

Comparing suppliers required separate calls, often leaving only a few options to compare.

MANUFACTURERS
“Many brand requests don’t fit our conditions. It would help to see their requirements before connecting.”

There were few channels to share available capacity, while unsuitable inquiries still required time.

User and manufacturer feedback · Portfolio p.7

01

Crowdfunding

Discover and back finished products

02

LAB + Estimate

Product and manufacturer data, plus mobile quotes

03

B2B manufacturing

Compare requirements, then request a quote or consultation

A database and a quote feature still left users stuck.

We integrated around 6,000 products and 1,000 manufacturers in LAB and explored mobile quotes in Estimate. Interviews, inquiry emails, event logs, and work observations shaped the next iteration.

EMAIL + INTERVIEW27 inquiries

Information lacked comparable criteria

Repeated questions about missing minimum order quantities (MOQ) and certifications meant users still had to ask suppliers.

To search and filtering ↓
WORK OBSERVATIONPC / Tablet

Core work happened on larger screens

Operations teams and brand planners worked differently from the assumptions behind the mobile-first MVP.

To workspace decisions ↓
IN-APP EVENT LOG42%

Users dropped out at the camera step

The camera stage had a 42% session drop-off rate, identifying a barrier in the mobile quote flow.

To a simpler quote flow ↓

UX GOALStart with what users know, help them assess fit, and connect that decision to an action.

01 / WORK CONTEXT

Room to compare at work. Fewer steps to quote on mobile.

OBSERVATION
Operations teams and planners worked mainly on PCs
DECISION
Give desktop discovery and mobile quoting distinct roles
BEFORE

Mobile-first browsing

Users browsed products and manufacturers through category pages.

Original LAB home, product list, and detail screens
LAB · screen details
AFTER

A workspace for search, lists, and details

Dense requirements and manufacturer information are organized for reading and comparison on PCs and tablets.

Manufacturer list with search, sorting, and minimum order quantities
Manufacturer list · work-oriented discovery
01

Operations teams and brand planners

I designed desktop and tablet search and detail structures around the work of reading and comparing manufacturers.

02

Influencers, solo founders, and new brands

Mobile quoting remained available. These users needed a direct path to choose requirements and review an estimate.

03 / FROM DISCOVERY TO INQUIRY

Connect a useful finding to the next inquiry.

BEFORE
Separate product and manufacturer information interrupted the next step
DECISION
Connect inquiry from detail pages and offer a direct consultation route
BEFORE

Browse product → find manufacturer information again → ask about requirements

AFTER

Product detail → estimate · Manufacturer detail → requirements and inquiry

01

Keep inquiry close to the decision

Product details lead to an estimate. Manufacturer details bring certifications, minimum quantities, and an inquiry button together, connecting information with an action.

02

A separate entry for consultation first

Quick Inquiry serves users who want to speak to someone without going through search and quoting. Inquiry type, business type, contact details, and the request establish the consultation context.

Product detail with a direct action to view an estimate
Product detail → estimate
Manufacturer details showing certification, the inquiry action, and minimum production quantity
Manufacturer detail → requirements and inquiry
View Quick Inquiry
Quick Inquiry form with inquiry type, business type, contact details, and request
Quick Inquiry · full screen
04 / MOBILE QUOTE FLOW

Getting a quote should not have to start with a photo.

EVIDENCE
42% session drop-off at the camera stage
DECISION
Remove capture and recognition confirmation; prioritize search and selection
BEFORE

Take a photo, then confirm recognition

Users had to photograph a reference product and confirm its name before entering the next requirements.

Original Estimate camera screen asking for a product photo
Before · photograph the target product
AFTER

Search and select a reference product

Choose a category and reference product, set container and volume, then review the estimate.

Redesigned mobile quote screen with product search and selection
After · search and select a target product
BEFORE
  1. Category
  2. Capture product
  3. Confirm recognition / name
  4. Add functions
  5. Volume / container
  6. Sign in
  7. Estimate
AFTER
  1. Category
  2. Subcategory
  3. Select product
  4. Container / volume
  5. Sign in
  6. Estimate

Comparison uses the same endpoint: viewing the estimate. · Portfolio pp.9, 16

≈34% ↑

Higher quote-request completion

Reported after removing the camera feature and simplifying the flow.

Improvement reported in the portfolio, p.16

MY DESIGN CONTRIBUTIONI retained the mobile entry point and focused the flow on the choices needed to complete a quote.

From organizing manufacturing information to supporting the work itself.

From the initial product through its pivot and operation, I used user evidence to set feature priorities and information structure. My work connected interface design, product planning, and web implementation.

01

Product direction

The platform evolved from crowdfunding to a desktop and tablet manufacturing tool with a mobile quote service.

02

Information structure

I extended the product and manufacturer database into a structure that supported comparison by intent and production requirements.

03

Task completion

The simplified mobile quote flow showed an approximately 34% increase in completion. Quick Inquiry offered an additional entry into consultation.

REFLECTION
Start with what users know. Lead them to what they need to decide.

The service closed as business conditions changed. The experience taught me to revise assumptions through user feedback and structure an unfamiliar domain around real work. That became a foundation for designing other complex B2B products.