복잡한 물류 운영을 방문자가 이해할 수 있는 흐름으로. 스크롤, 기능 선택, 조건 입력을 통해 서비스의 작동 방식을 살펴보는 22페이지의 브랜드 홈페이지입니다.
- Project
- 자체 콘셉트 / 스터디
- Services
- 브랜드 기획
웹디자인
인터랙션
반응형 웹 - Category
- Website
- Date
- 2026
Connected
Logistics
Experience
Objective
복잡한 물류 운영을 방문자가 이해할 수 있는 흐름으로. 스크롤, 기능 선택, 조건 입력을 통해 서비스의 작동 방식을 살펴보는 22페이지의 브랜드 홈페이지입니다.
Naru Flow / Website walkthrough
보는 사람에서,
움직이는 사람으로.
01 / Scroll narrative
밝은 화면의 심벌에서 물류 현장의 장면으로 전환됩니다. 이후에는 스크롤 위치에 맞춰 비주얼의 시점이 바뀌며 관제 장면으로 이어집니다. 사이트 내부 메뉴를 오갈 때는 오프닝이 반복되지 않도록 했습니다.
한 번의 선택으로,
현장이 읽힌다.
02 / Connected interface
GATE는 예약과 입차, YARD는 위치와 대기, DOCK는 도크 운영, INSIGHT는 운영 현황을 보여줍니다. 선택한 기능의 설명과 지도, 상태를 한 화면에서 연결했습니다.
가상 현장의 동작을 보여주는 자체 콘셉트이며 실제 고객의 운영 데이터가 아닙니다.
우리 현장이라면?
조건을 바꾸며 이해하기.
03 / Guided calculation
사용자가 현장 조건을 입력하면 계산 결과를 확인하고 보고서 공유로 이어집니다. 계산기는 서비스 이해를 위한 시뮬레이션이며 실제 도입 효과나 비용 절감을 보장하지 않습니다.
첫 화면 너머에도,
갈 곳이 있도록.
04 / Website architecture
22개 페이지에서 기능 소개, 자료와 가이드, 문의까지 이어지는 정보 구조를 만들었습니다. 모바일 메뉴와 세부 화면도 같은 흐름으로 탐색할 수 있도록 구성했습니다.
Designed
to connect
Project approach
복잡한 물류 운영을 방문자가 이해할 수 있는 흐름으로. 스크롤, 기능 선택, 조건 입력을 통해 서비스의 작동 방식을 살펴보는 22페이지의 브랜드 홈페이지입니다.Naru Flow
브랜드 기획
웹디자인
인터랙션
반응형 웹
Across
every screen
Responsive design
물류 운영의 흐름을 작은 화면에서도 순서대로 확인할 수 있습니다. 실제 홈페이지를 모바일과 태블릿 크기에서 다시 캡처했습니다.
Project
& Delivery
Scope
- Project자체 콘셉트 / 스터디
- Services브랜드 기획
웹디자인
인터랙션
반응형 웹 - CategoryWebsite
- Date2026
