wackycom · 로투스 바카라(Wishket)

프로젝트 배경

1) 문제점
- 노후화된 디자인 및 사용자 경험 저하
기존 Mnet TV 웹·앱 UI가 복잡하고 가독성이 낮아 사용자 이탈률 증가.
- 멀티 디바이스 환경 최적화 부족
PC 웹, 모바일 웹, 앱 간 일관된 사용자 경험 제공이 어려움.
- 실시간 방송 콘텐츠 반영 한계
방송 편성, 실시간 프로그램 정보, 아티스트 콘텐츠 업데이트 속도가 늦어 사용자 만족도 저하.

2) 프로젝트 목표
- 콘텐츠 중심의 심플한 UI/UX 리뉴얼
실시간 방송 콘텐츠를 중심으로, 직관적인 정보 전달과 시각적 몰입감을 극대화하는 디자인 설계.
- 멀티 디바이스 최적화 및 일관성 확보
PC, 모바일 웹, iOS, Android 앱 전반에 걸쳐 통합된 GUI 가이드라인을 구축.
- 실시간 콘텐츠 관리 효율성 향상
실시간 방송 및 업데이트 콘텐츠를 원활히 반영할 수 있는 UX 구조 설계.

3) 주안점
- 콘텐츠 우선 UX 설계
프로그램, 아티스트, 영상 등 핵심 콘텐츠를 강조하는 심플한 디자인 레이아웃 적용.
- 멀티 플랫폼 일관성 확보
다양한 디바이스 환경에서 동일한 경험을 제공하기 위해 GUI 시스템 및 가이드라인 개발.
- 실시간 방송 콘텐츠 연동 강화
프로그램별 실시간 업데이트, 방송 편성표, 라이브 스트리밍 UI 등 방송 중심 기능을 강화.

프로젝트 성과

PC Web & Mobile UI 리뉴얼 완료

PC 웹, 모바일 앱, 모바일 웹 동시 리뉴얼을 통한 사용자 경험 개선

사용자 만족도 향상

리뉴얼 후 사용자 설문조사에서 UI/UX 만족도 4.6점(5점 만점) 달성

방문자 트래픽 증가

모바일 MAU(월간 활성 사용자 수) 35% 상승, 웹 트래픽 28% 증가

실시간 콘텐츠 연동 강화

방송 편성표·실시간 스트리밍·라이브 투표 기능을 최적화해 사용자 체류 시간 40% 증가

멀티 플랫폼 디자인 가이드 구축

iOS·Android·Web 통합 GUI 가이드라인을 통해 운영 효율성 극대화

핵심 기능

콘텐츠 중심의 사용자 경험 설계

프로그램 하이라이트, 실시간 투표 등 핵심 콘텐츠를 직관적으로 노출하는 레이아웃 구성
다양한 콘텐츠 블록을 모듈형으로 설계해 업데이트 및 유지보수 효율화
시각적 몰입감을 강화하기 위해 대형 썸네일 적용

멀티 플랫폼 GUI 디자인 및 가이드라인 구축

PC, 모바일 웹, 앱 환경에 최적화된 UI 컴포넌트 및 시각적 디자인 시스템 제작
iOS 및 Android 전용 GUI 가이드라인을 제작해 운영 효율성 향상

프로젝트 상세

Mnet TV 프로그램 개편에 따른 PC Web site 디자인 리뉴얼 작업과
Mobile app(iOS, Android), Mobile Web 신규 디자인을 진행했습니다.

기존의 디자인 레이아웃에서 더욱 심플하고 컨텐츠를 강조할 수 있는 디자인을 적용하기 위하여 다양한 디자인 기획을 제안했습니다.
PC웹을 기준으로 하여 모바일 앱에 대한 핵심기능 디자인을 함께 진행했습니다.

실시간 진행되는 TV 프로그램의 업데이트와 별도 개선 작업을 함께 병행하여 진행했습니다.

- PC WEB DESIGN
- MOBILE GUI DESIGN
- MOBILE GUI GUIDELINE (IOS, ANDROID)