프로젝트 배경
Brisk는 출퇴근용 전기자전거 세 모델을 선보입니다. 스텝스루 시티, 롱테일 카고, 폴딩. 모두 페달 어시스트, 유압 디스크 브레이크, 분리형 배터리를 갖추고 두 번째 자동차를 자전거로 바꾸려는 도시 통근자를 겨냥합니다.
과제
전기자전거는 비싸고 취향을 타서 온라인에서 결정하기 어렵습니다. 세 모델의 차이를 한눈에 보이게 하고, 결제가 아니라 시승을 주요 전환으로 삼아야 했습니다.
우리의 역할
- 비주얼 아이덴티티
- 웹 디자인
- 프론트엔드 개발
솔루션
장체 디스플레이 서체와 남색, 시그널 주황으로 속도감을 냈습니다. 세 모델을 세로로 쌓고 각각 사진, 한 줄 포지셔닝, 핵심 사양 네 가지, 구매와 시승 버튼을 나란히 둡니다. 전면 주행 사진을 지나 우편번호로 가까운 대리점을 찾는 흐름으로 마무리합니다.
한 모델에 한 줄
시티, 카고, 폴드는 같은 레이아웃과 사양 칸을 쓰고 세 번째 칸만 적재량이나 접은 크기로 바꿔 차이가 저절로 드러나게 했습니다.
시승 우선 전환
모든 모델에 시승 버튼을 두고 마지막 우편번호 입력으로 대리점에 연결해, 고가의 결정을 오프라인 경험으로 돌려보냅니다.
마키로 마무리
푸터 위로 흐르는 "RIDE PAST THE TRAFFIC — BRISK" 띠가 기억해야 할 문장을 반복합니다.
자주 묻는 질문
이 프로젝트의 설계 판단과 진행 방식에 대해 자주 받는 질문입니다.
전기자전거 사이트에서 왜 구매보다 시승을 앞에 두었나요?
전기자전거는 비싸고 승차감이 사람마다 달라서 타 보지 않고 온라인으로 사는 사람은 드뭅니다. 모든 모델에 시승 버튼을 두고 마지막 우편번호 검색으로 가까운 대리점을 안내해, 고가의 결정을 오프라인 경험으로 돌려보냅니다.
세 모델이 왜 완전히 같은 레이아웃인가요?
시티, 카고, 폴드는 같은 사진 자리와 네 개의 사양 칸을 쓰고 세 번째 칸만 적재량이나 접은 크기로 바꿨습니다. 레이아웃을 고정하면 차이가 저절로 드러나 한 줄씩 비교하지 않아도 자신에게 맞는 모델을 알 수 있습니다.
페이지 끝에 왜 흐르는 띠를 두었나요?
푸터 위로 "RIDE PAST THE TRAFFIC — BRISK"가 계속 흐르며 브랜드 문장을 마지막으로 한 번 더 보여 주고 속도감과도 호응해, 페이지를 떠날 때 이 문장이 남습니다.
대리점망이 있는 브랜드의 자사몰에는 어떤 연동이 필요한가요?
핵심은 대리점 찾기입니다. 대리점 데이터를 관리하기 쉬운 목록으로 만들고 우편번호나 위치로 가장 가까운 매장을 찾아 시승 예약을 해당 대리점에 전달합니다. 보통 5~7주면 오픈합니다.