2026글로벌 바닥재 — 신제품 랜딩페이지
JFLOR
설명
글로벌 바닥재 — 신제품 랜딩페이지
기간
Feb 2026
역할
- 제품 셀링 포인트 분석 및 원페이지 랜딩페이지 와이어프레임 설계.
- 웹 프론트엔드 개발 및 모바일 최적화 반응형 퍼블리싱.
- 시공 전/후 드래그 슬라이더 인터랙션 및 견적 문의 폼 구현.
기술
Frontend
HTML · CSS · JavaScript
Interaction
Drag-to-compare slider
프로젝트 목적
재영(JAEYOUNG)은 전 세계 50개국에 수출하는 30년 역사의 바닥재 전문 기업입니다. 신제품 하이브리드 우븐은 두 종류의 고객을 동시에 설득해야 했습니다 — 반려동물·소가구·실버세대를 고려하는 일반 소비자와, 대량으로 구매하는 B2B 시공 고객. 그리고 견적 문의로 끝나야 했습니다. 그래서 원페이지 롱스크롤 하나의 논증으로 구성하되, 한쪽이 다른 쪽의 이유를 끝까지 듣지 않아도 되게 배치했습니다.
범위
- · 원페이지 롱스크롤 랜딩페이지 기획 및 디자인
- · B2B/B2C 겸용 제품 소개 웹페이지 구축
- · 제품 특장점 시각화
- · 문의 폼 연동
주요 기술 특징
롱스크롤 스토리텔링 구조
- · 브랜드 스토리 → 시장의 니즈(소가구·반려동물·실버세대) → 제품 구조와 기술력 → 컬렉션 패턴 → 신뢰도 입증(인증서·시공 전후) → 견적 문의.
- · 각 섹션이 앞 섹션이 만든 반론에 답하도록 배치했고, 이탈이 낮은 이유가 그것입니다.
직관적인 시각적 보조 장치
- · 표면층·직물층·중간층·하부층 4단 구조를 설명하는 대신 구조도로 보여줍니다.
- · 시공 전/후는 'Drag to compare' 슬라이더가 담당합니다. 카피로 안 되는 설득을 인터랙션이 대신했습니다.
제품 컬렉션 쇼케이스
- · Urban Bric·Calm Mesh·Chevron·Earth Flow 패턴과 모델 번호를 갤러리/슬라이드로 묶어, 좁은 화면에서도 넓은 라인업이 탐색 가능하게 했습니다.
견적 문의 폼 연동
- · 이름·연락처·주소·시공 평수를 한 번에 끝낼 수 있는 짧은 폼을 최하단에 배치하고, 데이터가 실제로 수집되도록 연동했습니다.
디자인 포인트
신뢰와 전문성
차분한 무채색·웜톤 기반의 미니멀 UI로 B2B의 무게를 유지하면서 일반 소비자에게도 다가가게 했습니다. '프리미엄 바닥재'라는 정체성을 두 번 말하지 않고 확립했습니다.
핵심 가치 강조
NON-SLIP·충격흡수·Easy Cleaning처럼 소비자가 실제로 검색하는 포인트를 명확한 아이콘과 볼드 타이포로 분리했습니다. 텍스트가 많은 인증서 부분도 서류 더미가 아니라 깔끔한 갤러리로 재구성했습니다.
프로젝트 보기웹사이트 방문 →