INTERFACES · customized by industry

Interfaces customized by industry—
here are sixteen examples.

One interface skeleton: in beauty it's a skin profile, in pet it's weight and food switch, in renovation it's site progress.
These sixteen screens we built ourselves, captured at phone size—not design mockups.

Frontend16 screens · 7 industries Backend14 screens · 17 modules

16screen examples 7industries 1skeleton Changing industry changes fields, layout, and featured modules—not a rewrite from zero

BeautySkin Profile · SKIN LAB

Understand your skin before deciding what to buy

Skin-type quiz builds the profile first; products picked by profile; today's limited item has a countdown.

Fresh-roast coffee F&B mobile UI: today's bake freshness countdown, delivery/dine-in entries, single-item zone

F&BFresh-Roast Coffee

Baked at 6:00 today, fresh to your hands

Four entries for delivery and dine-in; freshness window as a countdown bar; single-item zone below.

Pet mall mobile UI: customer cat-photo waterfall wall, cat-food/litter zone, flash sale

PetCat Pics Mall

A wall of cat photos—browse then buy

Customer-uploaded cat photos form the first-screen waterfall; cat food and litter follow; no staged shots.

Qizhi smart-home mobile UI: whole-home hub product, scene linkage, smart-lighting zone

Smart homeQizhi · Whole-home

Control the whole home with one phrase

Dark hero visual; hub product leads; scene linkage and smart lighting in separate zones.

Maternal & babyAnxin Mama · Baby Mall

Baby is 8 months old

Baby profile on first screen, recommendations by age; membership tier, daily check-in, nine-grid category.

Reno-company mobile UI: active-site progress live, responsible foreman, construction-stage photos

DecorationZhujia Reno · Site Live

Move in within 40 days, progress live the whole way

Active sites split by community; foreman, stage, and on-site photos all in the live feed.

HealthHealth Select

Autumn immunity boost special

Profile with age and routine; first-screen hero changes with the profile; nutrition, devices, TCM tabs.

Base-lab beauty mobile UI: twelve-shade tester, filter by shade, full-set discount promo bar

BeautyBase Lab

Try the shade, then order

Twelve-shade tester on first screen, filter by shade number; promo bar tucked below, out of the way.

F&BTaste Profile

It remembers you; ordering like an old friend

Spice, flavor, dislikes, frequent stores saved as a profile; recommendations straight from it.

Element-lab beauty mobile UI: transparent core-ingredient concentration table, ingredient comparison, flash sale

BeautyElement Lab

Try the ingredients, then decide

Core ingredients as a visual comparison table; concentration shown as numbers, no adjectives.

Baby-mall points UI: available points, points-range slider filter, points-redeem goods

Maternal & babyAnxin Mama · Points Mall

1,280 points available

Points range as a slider filter; redeemable goods priced in points; two columns per screen.

Reno-quote mobile UI: budget by main/aux materials and labor, area quotes compared side by side

DecorationZhujia Reno · Transparent Quote

Quote broken down line by line, every cent clear

Budget split into main materials, aux materials, labor; several area quotes compared side by side.

Pharmacist tonic-hall mobile UI: pharmacist homepage and Q&A, group-based tonic plans

HealthAsk the Pharmacist

Before ordering, hear the pharmacist say one thing

Pharmacist homepage on first screen; answered-question count as proof; this week's plans by group.

Pet mobile UI: 7-day food-switch plan, daily grams by weight, feeding check-in

PetGrain Diary

Don't switch food cold; 7-day transition

Daily grams by weight; seven-day formula scheduled by day; check-in records keep accumulating.

Baby-mall member-code UI: in-store redemption QR, six-digit fallback, pickup and return codes

Maternal & babyAnxin Mama · Member Code

Show at the store

Code rotates every 60 seconds; if unscannable, a six-digit fallback; pickup and return codes follow the order.

Baby-mall flash-sale UI: eight-session timeline, next-session countdown, flash vs regular price

Maternal & babyAnxin Mama · Flash Sale

Next session starting

Eight sessions a day on a timeline; next session counts down to the second; flash price beside regular price.

These sixteen we built ourselves, not a client's live product—so we dare show every screen. What you see is how far customization goes; if your industry isn't here, tell us the scenario and we'll lay out a version for your stuff.

Captures show the Chinese interface—this build serves Chinese business users; copy is configurable per locale.

Change the skin, not the skeleton.

The sixteen look different but run on the same thing underneath. So customizing for your industry isn't writing from zero—it's rearranging existing modules and swapping fields.

Products & price List, detail, price, stock, spec—one set. Changing industry changes fields and definitions, not a rewrite.

Cart to payment Add-to-cart, order, address, payment result, after-sales—once the main flow works, all sixteen screens work.

Member & profile Quiz, profile, tags, repurchase reminders. Beauty records skin type, pet records weight—same thing, different fields.

Content & campaigns Limited-time, flash, countdown, zones, image-text slots. Campaign pages are templates; change copy before a big promo.

The other half

Beyond the frontend, there's a backend.

Products, inventory, coupons, flash, commissions, fund flows, AI call logs—the half customers don't see, 17 top-level modules in total. Fourteen captured screens are on another page.

See backend · 14 screens →

Commerce backend product-master thumbnail: 2,679 product masters

Your industry—
what should the interface look like.

Tell us your goods, process, and audience; we'll lay out an interface for you. Whether it fits, decide after seeing it.

Tell us my industry →

Interfaces customized by industry—here are sixteen examples.