myutex · 위시켓(Wishket)

프로젝트 배경

택배 가맹점은 서비스 안내, 이용 절차, 장점 등을 효과적으로 전달할 수 있는 온라인 채널이 부족해
고객에게 정보를 명확하게 전달하는 데 한계가 있었습니다.
본 프로젝트는 택배 가맹점에서 제공하는 핵심 정보를 한눈에 전달할 수 있는 랜딩 페이지를 제작하여,
가독성과 접근성을 높이고 사용자 이해도를 향상시키는 것을 목표로 진행되었습니다.

프로젝트 성과

택배 가맹점에서 강조하고자 하는 정보를 구조화하여 랜딩 페이지로 구현

택배 가맹점이 전달하고자 하는 서비스 특징, 이용 절차, 장점을 정리해 콘텐츠 구조로 설계하고, 사용자가 한눈에 이해할 수 있는 랜딩 페이지로 구현했습니다.

UI/UX 개선을 통해 핵심 메시지 전달력 향상

정보의 우선순위와 사용자 동선을 고려해 레이아웃과 시각 요소를 개선함으로써, 복잡한 설명 없이도 핵심 메시지가 효과적으로 전달되도록 구성했습니다.

반응형 웹 적용으로 PC, 태블릿, 모바일 환경 모두 대응

다양한 화면 크기에서도 동일한 정보와 사용 경험을 제공할 수 있도록 반응형 웹을 적용하여, 디바이스에 관계없이 안정적인 화면 구성을 구현했습니다.

불필요한 페이지 이동 없이 정보 확인이 가능한 단일 페이지 구성

불필요한 페이지 이동 없이 필요한 정보를 한 페이지에서 확인할 수 있도록 구성하여, 사용자의 탐색 부담을 줄이고 서비스 이해도를 높이는 단일 페이지 구조로 구현했습니다.

핵심 기능

정보 중심 랜딩 페이지

택배 가맹점 서비스, 이용 절차, 장점을 한 페이지에 집중 배치

UI/UX 최적화

사용자가 필요한 정보를 빠르게 파악할 수 있도록 콘텐츠 구조와 시각적 흐름 설계

반응형 웹

다양한 디바이스 환경에서도 일관된 화면과 사용 경험 제공

진행 단계

기획

2025.08.

택배 가맹점 랜딩 페이지의 목적과 전달해야 할 핵심 메시지를 정의하고, 사용자에게 효과적으로 정보를 전달하기 위한 전체 콘텐츠 방향을 기획했습니다.

화면 설계

2025.08.

페이지 구성과 정보 배치를 고려해 주요 섹션별 화면 구조를 설계하고, 사용자가 자연스럽게 정보를 확인할 수 있도록 화면 흐름을 정리했습니다.

UI/UX 디자인

2025.08.

가독성과 직관성을 중심으로 시각적 요소를 구성하고, 사용자 동선을 고려한 UI/UX 디자인을 통해 핵심 정보가 잘 드러나도록 디자인했습니다.

프론트엔드 개발

2025.08.

반응형 웹을 구현하고, 다양한 디바이스 환경에서도 안정적으로 동작하도록 프론트엔드 개발을 진행했습니다.

운영환경 배포

2025.08.

운영 환경에 맞춰 빌드 및 배포를 진행하고, 실제 서비스 환경에서 정상적으로 노출되는지 최종 점검과 안정화 작업을 수행했습니다.

프로젝트 상세

1) 포트폴리오 소개 :
- 택배 가맹점에서 사용할 랜딩 페이지를 만들었습니다.

2) 작업 범위 : 개발에 참여한 범위 및 지원환경
- 화면 설계, UI/UX 디자인, 프론트엔드 개발, 반응형 웹

3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
- 택배 가맹점에서 나타내고 싶어하는 정보들을 랜딩 페이지에 담았습니다.