플러스프로젝트 배경
1) 문제점 - 모바일 유저의 이탈률 증가: 기존의 게임 커뮤니티 포털이 데스크톱 환경에만 맞추어 설계되어 있어, 모바일 접속 시 화면이 깨지거나 버튼 터치 영역이 좁아지는 등 모바일 사용자 경험(UX)이 심각하게 저하되어 있었습니다. - 일관성 없는 복잡한 UI: 메인 홈, 월드컵 투표, 미니게임 등 각 서비스 페이지별 비주얼 디자인 톤앤매너가 일치하지 않아 사용자의 몰입감을 방해하고 서비스 신뢰도를 떨
프로젝트 성과
모바일 사용자 이탈률 25% 감소
PC 화면에 맞추어진 UI를 반응형 듀얼 그리드로 전면 개편하여 모바일 뷰포트의 가독성을 극대화하고, 모바일 접속자의 이탈률을 기존 대비 25% 감소시켰습니다.
초기 페이지 로딩 속도 40% 단축
무거운 레거시 요소를 가볍고 빠른 Svelte 컴포넌트 구조로 리팩토링하고 CSS를 최적화하여, 초기 렌더링 완료 속도(LCP)를 기존 3.5초에서 2.1초로 단축했습니다.
신규 유저 온보딩 전환율 30% 향상
게이머들에게 친숙한 Discord OAuth 2.0 계정 연동을 구현하여 불필요한 회원가입 이탈 단계를 제거하고, 신규 유저의 가입 전환율을 30% 증가시켰습니다.
핵심 기능
반응형 듀얼 그리드 레이아웃
모바일과 데스크톱 뷰포트에 맞추어 레이아웃이 자동 유기적으로 스케일링되는 시스템입니다. 배틀 카드, 랭킹 및 피드 콘텐츠 목록이 디바이스 기기 폭에 부드럽게 재배치됩니다.
진행 단계
요구사항 정의 및 레이아웃 기획
2025.07.
기존 게임 커뮤니티의 모바일 오작동 원인 분석 및 반응형 리뉴얼 기획. 10~30대 게이머 타겟에 최적화된 다크 및 네온 컨셉 테마 및 CSS 스타일 가이드라인을 수립했습니다.
프로젝트 상세
[프로젝트 상세 내용] 1) 프로젝트 개요 본 프로젝트는 게이밍 및 엔터테인먼트 커뮤니티의 웹 플랫폼을 대상으로, 유저들의 체류 시간과 몰입감을 극대화하기 위해 UI/UX 레이아웃을 고도화하고 다양한 참여형 인터랙티브 콘텐츠를 구축한 개발 프로젝트입니다. 데스크톱과 모바일 환경 모두에서 부드럽게 동작하는 반응형 커뮤니티 구현을 지향했습니다. 2) 담당 역할 프론트엔드 UI/UX 설계 및 전체 인
