← 부스터웹 디자인 컨셉 갤러리

B2B+B2C · 제조 / 시공

카펫·러그 제조·시공 홈페이지
— 2-트랙 전환 디자인 컨셉

가정용 러그 온라인 판매(B2C)와 상업·관공서 현장 시공(B2B)을 한 회사가 함께 다루는 업종을 위한 홈페이지 컨셉. 서로 다른 구매 심리를 가진 두 고객을 한 사이트에서 갈라 받도록 설계했습니다.

B2B+B2C 하이브리드 2-트랙 구매 분기 제작사례 · 시공사례 갤러리 반응형 아임웹 적용 가능

본 페이지는 실제 의뢰를 기반으로 제작한 디자인 컨셉 데모입니다. 브랜드명·회사 정보는 익명화된 가상 정보이며, 지어낸 수치·인증·후기는 넣지 않았습니다.

The Brief과제

카펫·러그 업종은 "규격품을 바로 담아서 결제"하는 B2C 구매"실측→맞춤 제작→현장 시공→A/S"로 이어지는 B2B 견적 구매가 한 회사 안에 공존합니다. 두 흐름은 구매자의 의사결정 방식 자체가 다르지만, 대부분의 경쟁 사이트는 순수 쇼핑몰이거나 순수 시공 전문 사이트 한쪽으로 치우쳐 있었습니다. 회원가입·온라인 주문(커머스)과 제작사례·시공사례(포트폴리오)를 한 사이트에서 자연스럽게 나눠 받는 구조, 그리고 세금계산서·방염·A/S 같은 고관여 거래의 신뢰 요소를 함께 설계하는 것이 과제였습니다.

What We Focused On우리가 신경 쓴 것

01

2-트랙 구매흐름을 히어로 첫 분기로

"규격은 바로 온라인 주문 / 맞춤은 실측 후 견적"이라는 두 갈래를 히어로 바로 아래 동급 카드로 배치해, 방문자가 스크롤 한 번 만에 자기 상황에 맞는 동선으로 갈라지도록 했습니다.

02

제작사례 ≠ 시공사례 — IA를 분리

공정(원사·직조·제작 과정)과 현장(설치·비포/애프터)은 방문자에게 주는 신뢰의 성격이 다르다고 판단해, 두 갤러리를 별도 섹션으로 나누고 각각 다른 이미지 톤으로 구성했습니다.

03

고관여 거래의 신뢰 레이어를 공통 배치

카펫 시공은 고가·하자 우려가 큰 거래라, 세금계산서 발행·A/S 보증 같은 신뢰 요소를 트러스트 바와 푸터에 일관되게 노출해 B2B·B2C 양쪽 방문자 모두가 안심하도록 설계했습니다.

04

소재 질감을 크게 — 품질을 눈으로 증명

울 원사·직조 공정의 클로즈업 이미지를 풀블리드로 크게 배치해, 설명 문구보다 질감 자체가 품질의 증거가 되도록 했습니다.

05

실사 무드는 무료 상업 스톡으로

실제 제품·시공 사진을 받기 전 단계라, Pexels·Pixabay의 상업적 이용 가능한 실사 사진으로 공간·소재·시공 현장의 톤을 구현하고, 수주 후 실사진으로 교체 가능하게 열어두었습니다.

06

지어내지 않는 정직한 설계 (반-날조)

누적 시공 건수·경력·인증 같은 수치는 확정 전이라 가짜로 채우지 않고 자리표시로 남겼습니다. "표시 수치·후기는 자리표시이며 실데이터로 교체됩니다"라는 각주를 명시해, 완성도를 위해 없는 사실을 만들지 않는 원칙을 지켰습니다.

라이브 데모 열기 → 다른 컨셉 보기