📌 JFLOR (재영) - 글로벌 바닥재 전문 기업 신제품 랜딩페이지 구축
🔹 프로젝트 개요
- 작업 기간: 2026.02
- 작업 범위: 원페이지 롱스크롤 랜딩페이지 기획 및 디자인, B2B/B2C 겸용 제품 소개 웹페이지 구축, 제품 특장점 시각화, 문의 폼 연동
- 사용 도구: HTML/CSS/JavaScript, UI/UX 디자인 툴 (제품 이미지 합성 및 웹 리소스 최적화)
- 비고: 40만 원 예산에 맞춘 고효율 원페이지 웹사이트 제작
🔹 프로젝트 목적
'재영(JAEYOUNG)'은 전 세계 50개국에 수출하는 30년 역사의 글로벌 바닥재 전문 기업입니다. 본 프로젝트는 새롭게 출시된 '하이브리드 우븐(Hybrid Woven)' 바닥재의 특장점(반려동물 친화, 논슬립, 층간소음 완화 등)을 잠재 고객(일반 소비자 및 B2B 대량 시공 고객)에게 직관적으로 설득하고, 최종적으로 무료 견적 상담 DB를 수집하는 '전환 목적형 랜딩페이지'를 구축하는 데 초점을 맞췄습니다.
🔹 핵심 기술 및 구현 기능 (Key Technical Features)
- Long-Scroll Storytelling (롱스크롤 스토리텔링 구조):
브랜드 스토리 ➔ 시장의 니즈(소가구/반려동물/실버세대) ➔ 제품의 구조와 기술력(Technology & Features) ➔ 컬렉션 패턴 ➔ 신뢰도 입증(인증서/시공 전후) ➔ 최종 견적 문의(Lead Generation)로 이어지는 매끄러운 원페이지 롱스크롤 구조를 설계하여 방문자의 이탈을 최소화했습니다.
- Interactive Visual Aids (직관적인 시각적 보조 장치):
바닥재의 4단 구조(표면층, 직물층, 중간층, 하부층)를 사용자가 직관적으로 이해할 수 있도록 구조도 UI를 배치했습니다. 특히 시공 전/후(Before & After)의 차이를 극적으로 보여주기 위해 'Drag to compare(드래그 비교)' 슬라이더 인터랙션을 구현하여 제품의 시각적 만족도를 높였습니다.
- Product Showcase Grid (제품 컬렉션 쇼케이스):
다양한 패턴(Urban Bric, Calm Mesh, Chevron, Earth Flow)과 모델 번호를 갤러리/슬라이드 형태로 묶어, 좁은 화면 안에서도 많은 종류의 제품 라인업을 깔끔하게 탐색할 수 있도록 UI를 구성했습니다.
- Lead Generation Form (견적 문의 폼 연동):
랜딩페이지의 궁극적인 목표인 DB 수집을 위해, 페이지 최하단에 이름, 연락처, 주소, 시공 평수를 간단히 입력할 수 있는 직관적인 문의 폼(Consultation)을 배치하고 데이터가 정상적으로 수집되도록 연동했습니다.
🔹 디자인 포인트
- Trust & Professionalism (신뢰와 전문성): B2B 기업의 무드를 살리면서도 일반 소비자에게 어필할 수 있도록, 차분하고 고급스러운 무채색 및 웜톤(Warm Tone) 베이스의 미니멀한 UI를 적용했습니다. 이를 통해 '프리미엄 바닥재'라는 제품의 정체성을 시각적으로 확립했습니다.
- Highlighting Core Values (핵심 가치 강조): 'NON-SLIP', '충격흡수', 'Easy Cleaning' 등 소비자가 가장 궁금해하는 소구 포인트를 명확한 아이콘과 볼드한 타이포그래피로 분리하여 가독성을 극대화했습니다. 텍스트가 많은 인증서 부분도 깔끔한 갤러리 형태로 정돈했습니다.
🔹 담당 역할
- 제품 셀링 포인트 분석 및 원페이지 랜딩페이지 와이어프레임 설계
- 웹 프론트엔드 개발 및 모바일 최적화 반응형 퍼블리싱
- 시공 전/후 드래그 슬라이더 인터랙션 및 견적 문의 폼 구현
🔹 주요 화면