by UX / UI DESIGNER
HWANG YUJIN

TOP

JLC WEB
REDESIGN

Purpose

Study Case

Period

기획 및 제작(2주)XD(2일)

Skill

Photoshop / XD

서브페이지는 WATCH FINDER, COLLECTION,
OUR MANUFACTURE 총 3가지를 진행했습니다.

SUB PAGE - 01

WATCH FINDER

WATCH FINDER 페이지는 사용자들의 성별, 연령대, 선호도를 바탕으로 가장 어울리는 시계를 찾아주는 페이지입니다. 진행단계는 사용자의 취향파악, 추천 리스트 선택, 스트랩 커스터마이징 총 3단계로 나뉘어져 있으며,
커스터마이징이 끝난 후 그 정보를 바탕으로 퍼스널 어드바이저와 부티크 상담예약으로 넘어갈 수 있도록 설계하였습니다.

STEP 01

사용자의 취향파악

최대한 사용자에게 어울릴 수 있는 시계를 추천할 수 있도록 답변을 입력하는 폼(form)입니다. 편리한 사용성을 위해 성별, 연령대, 선호 스타일, 선호하는 디자인, 원하는 기능, 원하는 재질까지 총 6개의 절제된 질문으로 사용자의 원하는 바를 파악합니다.

STEP 02

추천리스트 선택

답변을 제출하면 화면이 바뀌면서 왼쪽에는 사용자가 입력한 답변을 보여주고 오른쪽은 답변을 바탕으로 시계모델들을 추천해줍니다. 원하는 시계의 상세페이지로 이동하거나 스트랩 커스터마이징 페이지로 이동할 수 있습니다.

STEP 03

스트랩 커스터마이징

왼쪽에는 시계에 관한 간단한 스펙을 보여주고, 오른쪽에서는 스트랩의 종류를 결정하고 컬러를 선택하면 가운데 있는 이미지에서 그 값을 반영합니다. 커스터마이징 후 그대로 바로 부티크 예약 상담을 신청할 수도 있습니다.

SUB PAGE - 02

COLLECTION

예거 르쿨트르는 총 8가지의 컬렉션 라인을 가지고 있습니다. 각 라인의 시계 모델들을 좀 더 편리하게 이동하면서 보기 위해 페이지의 상단에 탭 구성을 넣었습니다.

컬렉션 탭

상단에 위치한 탭을 펼치면 총 8가지의 컬렉션이 나타나고 선택한 컬렉션의 페이지로 이동하게 됩니다.

시계아이템에 호버했을 때

마우스를 올리면 좌측에는 바로 부티크 상담신청 예약으로 넘어가는 Contact us 아이콘이 뜨고, 우측에는 마음에 드는 시계를 담을 수 있는 Wishlist 아이콘이 뜹니다

SUB PAGE - 03

MANUFACTURE

예거 르쿨트르 매뉴팩쳐에서 선보이는 25가지 스킬에 대해 소개하는 페이지입니다. 25가지나 되는 내용을 전체적으로 보려면 페이지가 길어져서 많은 스크롤링이 요구됩니다. 사용자의 편의성을 위해 내용 컨텐츠를 6개의 단위로 나누어 해당 내용에 관한 설명글만 보이는 식의 레이아웃으로 구성하였습니다. 6개의 컨텐츠가 나온 후에는 관련 영상들을 배치해 반복되는 레이아웃을 환기시켜주었습니다.

THANK YOU