기상청 2024
기상청 모바일 서비스 기획 및 개발을 주도하여 모바일 사용자 경험을 개선했습니다.
Period 2024.08 ~ 2024.11 (3개월) Role PM · Frontend Team Koast
프로젝트 개요
기상청 대국민 서비스의 모바일 사용자 경험 개선을 위해 모바일 랜딩 페이지 기획 및 개발을 주도했습니다.주요 활동:
- 모바일 환경 중심 정보 구조 재설계
- 주요 기상 정보 한 화면 집중 배치 UI 기획
- 디바운싱/캐싱 전략 적용 타임슬라이더 컴포넌트 설계
- 모바일 UI 구성 및 스타일 가이드 정립
- 모바일 핵심 기상 정보 탐색성 개선
- 불필요한 API 요청 감소로 인터랙션 성능 향상
- 모바일 환경 일관된 사용자 경험 제공 가능한 UI 구조 확립
프로젝트 이미지
프로젝트 회고
하이라이트
1.
기존 서비스가 PC 중심 구조라 모바일에서 주요 기상 정보에 빠르게 접근하기 어려운 문제 존재
Task
모바일 환경에서 핵심 기상 정보를 한 화면 중심으로 탐색 가능한 정보 구조 재설계 필요
Action
모바일 사용 환경 기준으로 랜딩 정보 구조와 UI를 재설계하고 핵심 기상 정보를 한 화면에 집중 배치
Result
모바일 사용자가 핵심 기상 정보를 빠르게 탐색 가능한 UI 구조 구축
2.
시간대별 기상 데이터 조회 시 잦은 API 요청으로 인터랙션 끊김 발생
Task
조회 정확도는 유지하면서 불필요 호출을 줄일 수 있는 타임슬라이더 처리 전략 필요
Action
디바운싱과 캐싱 전략 적용한 타임슬라이더 컴포넌트 자체 개발
Result
불필요한 API 요청 감소, 부드러운 사용자 인터랙션 제공
3.
모바일 UI 기준이 명확하지 않아 페이지 간 시각/구조 일관성 부족
Task
랜딩 기준 공통 스타일과 구성 원칙을 수립해 모바일 경험 일관성 확보 필요
Action
모바일 랜딩 페이지를 기준으로 UI 구성과 스타일 가이드 정리
Result
모바일 환경에서 일관된 사용자 경험 제공 가능한 UI 구조 구축