누리투어
웹사이트와 견적요청 경험
버스를 고르고 일정을 입력하는 과정을 화면 크기에 맞춰 설계했습니다. 고객용 웹사이트의 견적요청과 접수 이후의 관리자 화면을 하나의 흐름으로 연결했습니다.
- 담당 작업
- 로고 · 이용 동선·와이어프레임 · 반응형 웹사이트 · 관리자 UI
- 설계 초점
- PC는 정보를 한눈에 비교하고, 모바일은 여섯 단계로 나누어 입력
01 BRAND IDENTITY
로고와 화면의 시각적 기준
곡선이 겹쳐지는 심볼과 짙은 네이비를 브랜드의 중심에 두었습니다. 로고는 웹사이트의 시작점에, 노란색은 견적요청처럼 선택이 필요한 위치에 사용해 브랜드의 인상과 화면의 기능을 구분했습니다.
심볼과 워드마크
02 USER FLOW & WIREFRAME
이용 동선에서 화면 구조로
먼저 주요 버튼을 눌렀을 때 도착할 화면을 정리했습니다. 차량을 살펴보는 경로와 바로 견적을 시작하는 경로를 하나의 입력 흐름으로 모으고, 그 동선을 기준으로 메인·견적·모바일 와이어프레임을 구성했습니다.
메인에서 차량 탐색과 빠른 견적을 시작합니다
03 RESPONSIVE QUOTE
넓은 화면은 비교하며
작은 화면은 한 단계씩
PC에서는 출발지와 도착지, 일시와 연락처를 그룹으로 묶어 한 흐름에서 작성하게 했습니다. 모바일에서는 같은 내용을 여섯 단계로 나누고, 큰 선택 버튼과 진행률로 다음 행동을 안내합니다.
입력과 클릭 모션으로 살펴보고, 화면을 눌러 직접 넘겨보세요
선택 → 입력 → 확인
자주 고르는 목적은 버튼으로, 이동 정보는 입력칸으로
마지막에는 전체 내용을 다시 확인하도록 구성했습니다
어디로, 어떤 목적으로 가는지
언제, 몇 명이 함께하는지
안내받을 정보와 최종 내용 확인
04 ADMIN EXPERIENCE
견적이 도착한 다음의 화면
접수 목록에서 처리 상태를 먼저 보고, 상세 화면에서 여정 정보와 상담 메모를 함께 확인하게 했습니다. 고객의 견적요청 이후에도 업무가 이어지도록 구성한 관리자 화면입니다.