프로젝트 배경
복잡한 결제 플로우로 인한 전환율 저하
→ 간편결제 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 설계









