S-25 · Site recreation · 2026-10-14
Eungyeoldam
Sulwhasoo site recreation
Recreation of a Korean herbal cosmetics brand site in 120 pages, with product pages, brand story and store finder
How it was made
The original is the Korean site of a herbal cosmetics brand run by Amorepacific. It is a Korean commercial site with no award record.
All 20 page types of the original were built; only list counts were reduced. There are 33 products and 12 news and 12 exhibition entries.
The 1440×507 home key visual, 3-column 448px recommendation cards and 120px section gaps follow measured values. Home document height is 3,407px in the original and 3,359px in the recreation.
Key visual crossfade 1000ms, text entrance 1300ms, recommendation carousel 1416px slide in 1000ms. The motion recording comparison found no transitions that exist only in the recreation.
Links to the external shop, group site and SNS were replaced with internal pages or removed. Six videos became photos, and social login brands became phone and ID login.
The brand name Eungyeoldam, product names, prices, store addresses, phone numbers and reviews are all fictional. Secondary text #888 was raised to #6b6b6b to meet 4.5:1 contrast.
Key features
- Mega menu · search layer · language selector
- 33 categories · group dropdown · pagination
- Sticky product tabs · retailer dropdown · review sorting
- Horizontal brand timeline · news filter · store search
Where and how to use it
Suited to cosmetics and household brand sites with dozens of products. Category lists, product pages, brand story and store finder sit under one header and footer.
Industries
- Cosmetics and beauty brands
- Food and supplement brands
- Household brands with retail stores
Reusable screens and features
- Category list with group dropdown
- Sticky product tabs and bottom purchase bar
- Horizontal brand timeline
- Store finder list and online retailer tab
Points to check
There is no cart or checkout; purchase ends at a retailer list. Login and sign-up forms validate input but do not submit.
After reading the document
The live site opens in a new window.
Go to site(opens in new window)