플러스프로젝트 배경
1) 문제점 - 중견 기업의 웹사이트와 모바일 앱이 노후화되어 모바일에서 레이아웃이 깨지고 이탈률이 높았습니다. - 화면마다 버튼·색상·간격 규칙이 달라 디자인과 개발 사이에서 재작업이 반복됐습니다. - 개선 근거가 담당자 감에 의존해, 무엇을 먼저 고쳐야 하는지 판단하기 어려웠습니다. - 웹 접근성과 성능 기준이 없어 스크린 리더 이용자와 저사양 환경이 배제되고 있었습니다. 2) 프로젝트 목표
프로젝트 성과
사용자 이탈률 40% 감소
리서치 기반 정보 구조 재설계와 반응형 개편으로 이탈률이 40% 낮아지고 페이지 체류 시간은 2.5배로 증가
모바일 전환율 35% 향상
모바일 우선 레이아웃과 결제·문의 동선 단순화로 모바일 전환율이 35% 상승
월간 활성 사용자(MAU) 60% 증가
리뉴얼 이후 MAU가 60% 늘고 고객 만족도 조사에서 5점 만점에 4.8점을 기록
Lighthouse 성능 점수 95점 이상 달성
코드 스플리팅·이미지 최적화·레이지 로딩을 적용해 주요 페이지에서 Lighthouse 성능 95점 이상을 유지
디자인 시스템 구축으로 화면 제작 표준화
디자인 토큰과 컴포넌트 라이브러리, Storybook 문서화로 신규 화면을 기존 컴포넌트 조합으로 제작 가능하게 전환
핵심 기능
컴포넌트 기반 디자인 시스템
디자인 토큰과 컴포넌트 라이브러리로 색상·타이포·간격을 표준화해 화면 전반의 일관성을 유지
진행 단계
사용자 리서치 및 문제 정의
2024.06.
사용자 인터뷰와 히트맵 분석으로 이탈 지점을 특정하고 개선 우선순위와 리뉴얼 범위를 확정
프로젝트 상세
1) 포트폴리오 소개 중견 기업의 노후화된 웹사이트 및 모바일 앱을 전면 리뉴얼한 UI/UX 디자인 및 프론트엔드 개발 프로젝트입니다. 사용자 리서치를 기반으로 직관적이고 현대적인 인터페이스를 설계하고, React 기반으로 반응형 웹을 구현하였습니다. 2) 작업 범위 - UI/UX 디자인: Figma를 활용한 와이어프레임, 프로토타입, 디자인 시스템 구축 - 프론트엔드 개발: React + Type
