JFLOR
DESCRIPTION
Global Flooring — Product Landing
DURATION
Feb 2026
MY ROLE
- Selling-point analysis and one-page landing wireframe design.
- Web frontend development and mobile-optimised responsive publishing.
- Before/after drag slider interaction and quote inquiry form implementation.
TECH
HTML · CSS · JavaScript
Drag-to-compare slider
Project Purpose
JAEYOUNG is a thirty-year-old flooring manufacturer exporting to fifty countries. The launch of its Hybrid Woven line had to persuade two audiences at once — homeowners with pets, small apartments or elderly family members, and B2B contractors buying at volume — and end in a collected quote request. The page is built as a single long-scroll argument, structured so neither audience has to sit through the other's reasons.
Scope
- · One-page Long-scroll Landing Planning & Design
- · B2B / B2C Dual-audience Product Page
- · Product Advantage Visualisation
- · Lead Generation Form Integration
Key Technical Features
Long-Scroll Storytelling
- · Brand story → market need (small households, pets, an ageing population) → structure and technology → collection patterns → proof (certifications, before/after) → quote request.
- · Each section answers the objection raised by the one before it, which is what keeps the drop-off low.
Interactive Visual Aids
- · The four-layer construction — surface, textile, middle, base — is presented as a structural diagram rather than described.
- · A drag-to-compare slider handles before and after installation, doing the persuading that copy could not.
Product Showcase Grid
- · Urban Bric, Calm Mesh, Chevron and Earth Flow patterns with model numbers are grouped as a gallery/slide so a wide lineup stays browsable in a small viewport.
Lead Generation Form
- · Name, contact, address and floor area sit at the foot of the page in a form short enough to complete in one pass, wired so the data actually collects.
Design Points
Trust & Professionalism
A calm achromatic and warm-tone minimal UI holds a B2B register while remaining approachable to a consumer — establishing the product as premium flooring without saying the word twice.
Highlighting Core Values
NON-SLIP, impact absorption and easy cleaning — the points a buyer actually searches for — are separated into clear icons and bold type. Even the certification section was reorganised as a clean gallery rather than a wall of documents.