프로젝트 배경
복잡한 결제 플로우로 인한 전환율 저하
→ 간편결제 UX 설계 도입(네이버페이·토스페이)
→ 결제 사용률 1.5% → 3.0%, 월 매출 3% 이상 증가
UI 불일치 및 비효율적 제작 프로세스
→ 디자인 시스템 구축 및 컴포넌트 정리
→ 디자인 리소스 40% 절감, 신규 화면 제작 속도 60% 향상
메인화면 콘텐츠 부족으로 인한 사용자 이탈
→ 콘텐츠 재배치 및 정보 구조 개선
→ MAU 35% 증가, 평균 체류시간 1.5배 상승, 클릭률 18% 상승
온보딩 과정의 UX 진입장벽
→ 직관적인 온보딩 플로우 및 위젯 UX 설계
→ 설치율 및 온보딩 완료율 30% 이상 향상
관리자 어드민 복잡성과 높은 오류율
→ B2B 어드민 UX 단순화 및 주요 기능 구조 개선
→ 결제 실패율 15% 감소, 관리자 업무 처리 시간 25% 단축
이커머스 내 상품 정보 혼선 및 낮은 구매전환율
→ 콘텐츠 위계 구조 정비 및 CTA 최적화
→ 특정 제휴사 페이지 클릭률 30%↑, 구매전환률 2.4% 상승
→ 간편결제 UX 설계 도입(네이버페이·토스페이)
→ 결제 사용률 1.5% → 3.0%, 월 매출 3% 이상 증가
UI 불일치 및 비효율적 제작 프로세스
→ 디자인 시스템 구축 및 컴포넌트 정리
→ 디자인 리소스 40% 절감, 신규 화면 제작 속도 60% 향상
메인화면 콘텐츠 부족으로 인한 사용자 이탈
→ 콘텐츠 재배치 및 정보 구조 개선
→ MAU 35% 증가, 평균 체류시간 1.5배 상승, 클릭률 18% 상승
온보딩 과정의 UX 진입장벽
→ 직관적인 온보딩 플로우 및 위젯 UX 설계
→ 설치율 및 온보딩 완료율 30% 이상 향상
관리자 어드민 복잡성과 높은 오류율
→ B2B 어드민 UX 단순화 및 주요 기능 구조 개선
→ 결제 실패율 15% 감소, 관리자 업무 처리 시간 25% 단축
이커머스 내 상품 정보 혼선 및 낮은 구매전환율
→ 콘텐츠 위계 구조 정비 및 CTA 최적화
→ 특정 제휴사 페이지 클릭률 30%↑, 구매전환률 2.4% 상승
프로젝트 성과
간편결제 도입
→ 네이버페이·토스페이 도입 후 결제 사용률 1.5% → 3.0% 상승
→ 월 매출 3% 이상 증가
→ 월 매출 3% 이상 증가
앱 메인화면 리뉴얼
→ 월간 활성 사용자(MAU) 35% 증가
→ 평균 체류시간 약 1.5배 증가
→ 상품 클릭률 18% 상승
→ 평균 체류시간 약 1.5배 증가
→ 상품 클릭률 18% 상승
디자인 시스템 구축
→ UI 요소 제작 및 커뮤니케이션 리소스 40% 절감
→ 신규 서비스 디자인 리드타임 2주 → 3~5일로 단축
→ 신규 디자이너 온보딩 시간 50% 단축
→ 신규 서비스 디자인 리드타임 2주 → 3~5일로 단축
→ 신규 디자이너 온보딩 시간 50% 단축
교구몰 UX 개선
→ 특정 제휴사 페이지 클릭률 30% 이상 증가
→ 구매전환률 2.4% 상승
→ 구매전환률 2.4% 상승
비대면 진료 서비스 개선, 백오피스 구축
→ 결제 실패율 15% 감소
→ 관리자 업무처리 시간 25% 단축
→ 관리자 업무처리 시간 25% 단축
핵심 기능



문제 중심 접근과 설계로 성과를 만드는 디자이너
각 프로젝트의 핵심 문제를 빠르게 파악하고, 직접 저니맵을 설계하여 사용자의 흐름을 구조화한 뒤, 명확한 UX 설계와 전략적인 UI 디자인으로 성과를 극대화했습니다.
진행 단계
UXUI디자인 단계
2025.02.
문제정의 > 구조설계 > UXUI디자인 > 프로토타입 > 개발협업
프로젝트 상세
1. 프로젝트 소개
기존 클래스몰은 콘텐츠 위계가 정돈되지 않아 학부모 사용자에게 혼란을 주었고, 주요 기능(강의/교재 구분, 선생님 노출, 공지 접근 등)의 접근성이 떨어졌습니다. 이를 개선하기 위해 전체 구조 리디자인 및 사용성 향상을 목표로 한 UX/UI 리뉴얼 프로젝트를 진행했습니다.
2. 작업 범위
전체 정보구조(IA) 재설계
서브메인, 클래스관리, 마이페이지, 학습관리, 숙제관리 등 주요 화면 와이어프레임 및 디자인
디자인 시스템 일부 적용 및 구성
디바이스별 반응형 고려
개발 전달을 위한 UI 가이드 정리
3. 주요 업무
UX 리서치 기반 사용자 문제 정의
콘텐츠 간 위계 구조 재정립 및 시각적 우선순위 조정
기능별 사용 시나리오 및 사용자 흐름 설계
와이어프레임 및 UI 디자인 설계
피그마 기반 프로토타이핑 및 클라이언트 커뮤니케이션
디자인 QA 및 퍼블리싱 협업
4. UX/UI 진행 시 중점 사항
콘텐츠 위계 정리: 강의/교재/선생님 항목 간 정보 구분 및 사용자 혼란 해소
정보 접근성 강화: 공지사항, 자주 묻는 질문 등 유용 정보의 노출 위치 최적화
사용성 개선: 수업 마감 선생님을 별도 처리하여 ‘운영되지 않는 사이트’처럼 보이는 문제 해소
UI 일관성 확보: 디자인 시스템 가이드 일부 적용을 통해 화면 간 통일성 유지
모바일 최적화: 학부모 타겟 특성을 고려한 모바일 UX 설계
기존 클래스몰은 콘텐츠 위계가 정돈되지 않아 학부모 사용자에게 혼란을 주었고, 주요 기능(강의/교재 구분, 선생님 노출, 공지 접근 등)의 접근성이 떨어졌습니다. 이를 개선하기 위해 전체 구조 리디자인 및 사용성 향상을 목표로 한 UX/UI 리뉴얼 프로젝트를 진행했습니다.
2. 작업 범위
전체 정보구조(IA) 재설계
서브메인, 클래스관리, 마이페이지, 학습관리, 숙제관리 등 주요 화면 와이어프레임 및 디자인
디자인 시스템 일부 적용 및 구성
디바이스별 반응형 고려
개발 전달을 위한 UI 가이드 정리
3. 주요 업무
UX 리서치 기반 사용자 문제 정의
콘텐츠 간 위계 구조 재정립 및 시각적 우선순위 조정
기능별 사용 시나리오 및 사용자 흐름 설계
와이어프레임 및 UI 디자인 설계
피그마 기반 프로토타이핑 및 클라이언트 커뮤니케이션
디자인 QA 및 퍼블리싱 협업
4. UX/UI 진행 시 중점 사항
콘텐츠 위계 정리: 강의/교재/선생님 항목 간 정보 구분 및 사용자 혼란 해소
정보 접근성 강화: 공지사항, 자주 묻는 질문 등 유용 정보의 노출 위치 최적화
사용성 개선: 수업 마감 선생님을 별도 처리하여 ‘운영되지 않는 사이트’처럼 보이는 문제 해소
UI 일관성 확보: 디자인 시스템 가이드 일부 적용을 통해 화면 간 통일성 유지
모바일 최적화: 학부모 타겟 특성을 고려한 모바일 UX 설계













