XPASS — 물류 서비스를 설명하는 반응형 웹
위시켓을 통한 배송배차 서비스 프로젝트2025.05 · 소개 페이지 디자인·개발소개 페이지 디자인 · 반응형 프론트엔드 개발

Tags
Next.jsTailwind CSSResponsive WebVercel
Key Results
01
서비스 정보 구성: 배차·운송·관리 기능을 처음 보는 방문자도 순서대로 이해할 수 있게 소개 흐름을 정리했습니다.
02
반응형 디자인·개발: PC·태블릿·모바일 환경에 맞춰 레이아웃과 탐색 구조를 구현했습니다.
03
문의까지 이어지는 화면: 요금제·FAQ·문의 등 도입을 검토하는 사용자의 다음 행동을 연결했습니다.
04
웹 기본기: 메타데이터·OG 등 공유와 검색 노출의 기본 설정, 브라우저 확인과 배포 작업을 수행했습니다.
Project Details
배송배차 솔루션의 기능과 이용 흐름을 한 페이지에 정리한 고객 프로젝트입니다. PC·태블릿·모바일에서 서비스 소개부터 문의까지 이어지는 화면을 디자인하고 개발했습니다.
배송배차 시스템을 처음 접한 방문자가 서비스의 주요 기능을 파악하고 도입을 검토할 수 있도록 소개 페이지를 만들었습니다. 위시켓을 통한 디자인·개발 계약으로 수행했으며, 물류 시스템 자체의 알고리즘 개발과는 구분되는 작업입니다.
고객이 제공한 화면 설계와 서비스 자료를 바탕으로 기능 소개, 시스템 화면, 요금제, FAQ와 문의 동선을 구성했습니다. Next.js와 Tailwind CSS로 반응형 화면을 구현해 여러 기기에서 같은 서비스 흐름을 살펴볼 수 있도록 했습니다. 아래 이미지는 당시 공개한 프로젝트의 실제 소개 화면입니다.
서비스 정보 구성: 배차·운송·관리 기능을 처음 보는 방문자도 순서대로 이해할 수 있게 소개 흐름을 정리했습니다.
반응형 디자인·개발: PC·태블릿·모바일 환경에 맞춰 레이아웃과 탐색 구조를 구현했습니다.
문의까지 이어지는 화면: 요금제·FAQ·문의 등 도입을 검토하는 사용자의 다음 행동을 연결했습니다.
웹 기본기: 메타데이터·OG 등 공유와 검색 노출의 기본 설정, 브라우저 확인과 배포 작업을 수행했습니다.
비슷한 프로젝트가 필요하신가요?
프로젝트 의뢰하기 →