모든 포트폴리오LUDGI / PROJECT ARCHIVE
고객 프로젝트
XPASS — 물류 서비스를 설명하는 반응형 웹
배송배차 솔루션의 기능과 이용 흐름을 한 페이지에 정리한 고객 프로젝트입니다. PC·태블릿·모바일에서 서비스 소개부터 문의까지 이어지는 화면을 디자인하고 개발했습니다.
PROJECT SCOPE
- 서비스 정보 구성
- 반응형 디자인·개발
- 문의까지 이어지는 화면
- 웹 기본기
제작 노트
PROCESS & SCOPE
복잡한 물류를, 이해하기 쉬운 화면으로.
배송배차 시스템을 처음 접한 방문자가 서비스의 주요 기능을 파악하고 도입을 검토할 수 있도록 소개 페이지를 만들었습니다. 위시켓을 통한 디자인·개발 계약으로 수행했으며, 물류 시스템 자체의 알고리즘 개발과는 구분되는 작업입니다.
고객이 제공한 화면 설계와 서비스 자료를 바탕으로 기능 소개, 시스템 화면, 요금제, FAQ와 문의 동선을 구성했습니다. Next.js와 Tailwind CSS로 반응형 화면을 구현해 여러 기기에서 같은 서비스 흐름을 살펴볼 수 있도록 했습니다. 아래 이미지는 당시 공개한 프로젝트의 실제 소개 화면입니다.
- 서비스 정보 구성
- 배차·운송·관리 기능을 처음 보는 방문자도 순서대로 이해할 수 있게 소개 흐름을 정리했습니다.
- 반응형 디자인·개발
- PC·태블릿·모바일 환경에 맞춰 레이아웃과 탐색 구조를 구현했습니다.
- 문의까지 이어지는 화면
- 요금제·FAQ·문의 등 도입을 검토하는 사용자의 다음 행동을 연결했습니다.
- 웹 기본기
- 메타데이터·OG 등 공유와 검색 노출의 기본 설정, 브라우저 확인과 배포 작업을 수행했습니다.
LET’S CONNECT
이 작업에서 시작할 다음 이야기.
교육·콘텐츠 협업과 사업 제휴에 관한 이야기를 기다립니다.