프로젝트 배경
1) 문제점
글로벌 스포츠용품 브랜드의 기존 웹사이트는 디자인이 노후되고, 모바일 환경에서의 사용자 경험이 미흡하여 브랜드 이미지 하락과 이탈률 증가 문제가 있었습니다. 한/영 이중 언어 지원이 미흡해 해외 사용자 접근성이 저하되었으며, 전체적인 관리 및 업데이트가 비효율적이었습니다.
2) 개선목표
- 반응형 웹사이트 구현: PC와 모바일에서 최적화된 UX 제공
- 글로벌 대응: 한/영 이중 언어 지원으로 해외 고객 접근성 강화
- 브랜드 가치 강화: 최신 디자인 트렌드와 UI로 브랜드 신뢰도 제고
- 효율적 관리: Next.js 기반으로 유지보수 및 업데이트 용이성 확보
3) 주안점
- 다양한 디바이스에서 일관된 사용자 경험 제공
- 글로벌 표준을 준수하는 UX/UI 설계
- 콘텐츠의 빠른 로딩과 쉬운 탐색성
- 브랜드 아이덴티티를 반영한 디자인 요소 및 컬러 시스템 적용
글로벌 스포츠용품 브랜드의 기존 웹사이트는 디자인이 노후되고, 모바일 환경에서의 사용자 경험이 미흡하여 브랜드 이미지 하락과 이탈률 증가 문제가 있었습니다. 한/영 이중 언어 지원이 미흡해 해외 사용자 접근성이 저하되었으며, 전체적인 관리 및 업데이트가 비효율적이었습니다.
2) 개선목표
- 반응형 웹사이트 구현: PC와 모바일에서 최적화된 UX 제공
- 글로벌 대응: 한/영 이중 언어 지원으로 해외 고객 접근성 강화
- 브랜드 가치 강화: 최신 디자인 트렌드와 UI로 브랜드 신뢰도 제고
- 효율적 관리: Next.js 기반으로 유지보수 및 업데이트 용이성 확보
3) 주안점
- 다양한 디바이스에서 일관된 사용자 경험 제공
- 글로벌 표준을 준수하는 UX/UI 설계
- 콘텐츠의 빠른 로딩과 쉬운 탐색성
- 브랜드 아이덴티티를 반영한 디자인 요소 및 컬러 시스템 적용
프로젝트 성과
브랜드 페이지 방문자 수 런칭 후 첫 달 기준 120% 증가
개편 이후 홈페이지 순수 유입 방문자 수가 약 120% 증가했습니다.
유지보수 효율성 50% 개선
Next.js 기반 구조로 업데이트 및 관리가 간소화되어, 월간 유지보수 소요 시간이 50% 단축됨
핵심 기능


브랜드 히스토리 타임라인 UI
브랜드의 주요 연혁과 성장 과정을 시각적으로 한눈에 볼 수 있는 타임라인 UI를 구현하여, 이용자가 히스토리를 쉽게 탐색하고 브랜드의 가치와 스토리를 직관적으로 이해할 수 있도록 지원합니다.

PC/Mobile 반응형 최적화로 효과적인 브랜드 제품 노출
다양한 디바이스 환경에서 제품 이미지와 정보를 최적화하여 노출, 사용자가 PC와 모바일 모두에서 브랜드 제품을 효과적으로 탐색하고 구매로 연결될 수 있도록 설계하였습니다.
진행 단계
기획 디자인 및 개발
2024.10.
• 기획 및 IA 설계 → 경쟁사 리서치, 브랜드별 콘텐츠 구조 정의
• 디자인 → 브랜드 정체성을 반영한 메인·서브 화면 구성 및 반응형 UI 설계
• 개발 → Next.js 기반 구현
• 디자인 → 브랜드 정체성을 반영한 메인·서브 화면 구성 및 반응형 UI 설계
• 개발 → Next.js 기반 구현
프로젝트 상세
1. 서비스 소개
- 글로벌 스포츠용품 브랜드 자사 브랜드 웹사이트 디자인 및 개발
2. 디바이스
- 반응형 웹 (PC, Mobile 대응)
3. 작업 범위
- UX 설계
- UI 디자인 - 퍼블리싱
- 글로벌 대응(한/영)
4. 개발환경
- Next.js
5. 링크
- www.peacesportskorea.com
- 글로벌 스포츠용품 브랜드 자사 브랜드 웹사이트 디자인 및 개발
2. 디바이스
- 반응형 웹 (PC, Mobile 대응)
3. 작업 범위
- UX 설계
- UI 디자인 - 퍼블리싱
- 글로벌 대응(한/영)
4. 개발환경
- Next.js
5. 링크
- www.peacesportskorea.com
