01
온전히 보이는 제품 상세 (새 창)
제품의 형태와 주요 구성을 큼직한 사진으로 보여줍니다.
전기자전거 · 제품 브랜드 · 자체 프로젝트
사이트 직접 보기 (새 창)MONO Mobility
다른 이동을, 명확하게 비교하다.
제작 이야기
다른 이동을, 명확하게 비교하다.
세 가지 전기자전거를 큰 제품 이미지와 간결한 정보로 소개합니다. 모델 추천부터 로컬 비교 목록까지, 구매 전 탐색의 깊이를 담은 제품 브랜드 사이트입니다.
- 프로젝트
- 랭크빌더 자체 제작
- 작업 범위
- 모델 3개 상세 · 사양 비교·저장 · 라이프스타일 모델 추천
- 대응 화면
- PC · 태블릿 · 모바일
- 브랜드 색상
- #F2F2EF#16191B#CB3227
안쪽까지 둘러보세요.
아래 화면을 누르면 해당 페이지로 이동합니다.
02
나란히 놓고 고르는 비교 (새 창)
저장한 모델의 사양과 생활 속 쓰임을 비교합니다.
03
일상에 맞는 모델 추천 (새 창)
보관 공간과 사용 목적에 따라 이유가 있는 추천을 제공합니다.
같은 브랜드, 다른 화면 크기.
화면을 이렇게 구성했습니다01 02 03
제품이 주인공인 화면
바퀴까지 온전히 보이는 제품 사진과 크고 선명한 타이포그래피를 조합했습니다.
나란히 비교하는 선택
프레임과 보관 방식, 기본 구성을 비교하고 목록을 브라우저에 저장합니다.
일상에서 시작하는 추천
사용 목적과 보관 공간, 선호 구성을 바탕으로 추천 모델과 이유를 안내합니다.
눈으로 보고,
직접 사용해보세요.
모델을 비교 목록에 담거나 세 가지 질문에 답해보세요. 실제 판매나 주문 없이 제품 탐색과 선택 흐름을 체험할 수 있습니다.
- 모델 탐색
- 제품 상세
- 라이프스타일 추천
- 사양 비교
- 로컬 목록 저장
전체 페이지 디자인 펼쳐보기
본 프로젝트는 가상 브랜드의 자체 제작 데모입니다. 실제 고객사·매출·납품 성과를 의미하지 않습니다. 사진은 생성 이미지와 디자인 참고용 이미지를 사용했으며, 실제 결제·예약·외부 데이터 연동은 제공하지 않습니다.
