1차 공개일 · 8월 20일1차 강의가 모두 공개됩니다
← WORK 목록으로
KOREA위시켓디자인

초등 음악 교육 웹서비스 UI/UX 고도화 및 디자인 시스템 구축 전문가

운영 중인 초등 음악 교육 웹서비스(PIUM)의 정식 런칭을 위한 UI/UX 고도화 및 Figma 기반 디자인 시스템 구축 프로젝트입니다. 학생용 학습 공간(대시보드, 음악 플레이어, 악보 뷰어, 게이미피케이션)과 교사/관리자용 백오피스(통계 대시보드, 콘텐츠·계정 관리 폼)의 UI를 고도화하고, 재사용 가능한 공통 컴포넌트 라이브러리와 Dev Mode 핸드오프 환경을 구축합니다. 디자인 단독 과업으로 SaaS·에듀테크 경험과 디자인 시스템 구축 경험을 갖춘 프리랜서 UI/UX 디자이너에게 적합합니다.

2026.08.18VIEW 3위시켓에서 수집
Budget2,000,000원
Difficulty중급
Duration약 3개월
Work style외주
Required stack

필요 기술

FigmaFigma Dev ModeZeplinAdobe IllustratorPhotoshopIndesign
Project brief

프로젝트 내용

[프로젝트 개요]
현재 MVP 개발이 완료되어 운영 중인 초등 음악 교육 웹서비스의 정식 서비스 런칭을 위한 UI/UX 고도화 프로젝트입니다. 사내 전담 디자이너 부재로 인해, 기존 화면의 UX를 분석하여 개선안을 도출하고, PC 및 태블릿 환경에 최적화된 UI 디자인 고도화와 향후 유지보수를 위한 Figma 기반 디자인 시스템을 구축해주실 전문 프리랜서 디자이너를 모시고자 합니다.

[프로젝트 배경 및 목표]
주요 기능 구현은 완료되었으나, 초등학생 타겟에 맞는 직관적인 사용성과 시각적 완성도를 높여야 하는 상황입니다. 단발성 화면 디자인에 그치지 않고, 내부 기획/개발 담당자가 향후 원활하게 서비스를 확장할 수 있도록 재사용 가능한 공통 UI 컴포넌트를 정리하고 체계적인 디자인 핸드오프 환경을 구축하는 것이 목표입니다.

[과업 범위]
1. 수행 범위
- 기획: 기존 화면 UX 분석 및 주요 이탈 구간/핵심 화면 개선안 제안
- 디자인: 학생용 학습 공간 및 교사/관리자용 백오피스 UI 디자인 고도화, 디자인 시스템 구축
- SW 개발: 해당 없음 (디자인 단독 과업)

2. 상세 기능 요구 사항
2-1. 학생용 학습 공간 UI/UX 고도화
- 초등학생 눈높이에 맞춘 직관적인 메인 대시보드 UX 재설계
- 인터랙티브 음악 플레이어 및 악보 뷰어 UI 디자인 고도화
- 학습 진도율 및 보상(게이미피케이션) 요소 시각화
- PC 및 태블릿(iPad 등) 해상도 대응을 위한 반응형 레이아웃 설계
2-2. 교사/관리자용 백오피스 UI/UX
- 학급별/학생별 학습 통계 데이터 시각화 대시보드 디자인
- 학습 콘텐츠(음원, 악보 등) 등록 및 관리 폼(Form) UI 설계
- 학생 계정 관리 리스트 및 상세 페이지 디자인
2-3. 디자인 시스템 구축 및 핸드오프
- 브랜드 아이덴티티를 반영한 컬러, 타이포그래피, 그리드 시스템 정의
- 재사용 가능한 공통 UI 컴포넌트(버튼, 인풋, 모달, 툴팁 등) 라이브러리화
- 사용자 인터랙션(Hover, Active, Disabled, Error 등) 상태값 정의 및 가이드 작성
- 개발자 전달용 Figma Dev Mode 핸드오프 세팅 및 개발 과정 중 디자인 QA 지원

3. 비기능적 요구사항
3-1. 성능/규격: Figma를 활용하여 컴포넌트 기반으로 작업해야 하며, 에셋 추출이 용이하도록 레이어 정리가 필수적입니다.
3-2. 보안/인증: 내부 기획서 및 데이터에 대한 보안 유지 필수

[기술/제조 스택]
- Figma (필수)
- Figma Dev Mode 또는 Zeplin (핸드오프용)

[클라이언트 준비 사항]
- 문서 및 자료: 현재 운영 중인 PIUM 서비스 접속 권한, 기존 MVP 와이어프레임 및 기능 정의서
- 투입 인력 및 조직: 내부 기획자, 프론트엔드/백엔드 개발자

[주요 일정]
- 희망 착수일: 계약 완료 후 즉시 착수 희망
- 주요 마일스톤: 12주차 UX 분석 및 디자인 시스템 기초 세팅, 34주차 핵심 화면 UI 디자인, 5주차 서브 화면 및 반응형 디자인, 6주차 핸드오프 및 디자인 QA
- 최종 오픈(납품) 희망일: 착수 후 약 3개월 이내 (협의 가능)

[지원 자격 및 우대 사항]
- 지원 자격: 다수의 화면을 포함한 웹서비스 UI/UX 디자인 경험을 보유한 프리랜서 디자이너
- 우대 사항: SaaS, 에듀테크, 인터랙티브 웹서비스 디자인 경험자 우대, Figma 기반 디자인 시스템 구축 경험 필수

[산출물]
- UX 개선 제안서 (간략한 문서 또는 Figma 내 코멘트 형태)
- UI 디자인 원본 파일 (Figma)
- 디자인 시스템 (컴포넌트 라이브러리 가이드)
지원 기회 분석

지원 전에 볼 것

핵심 요구사항

  • 기존 화면 UX 분석 및 핵심 이탈 구간 개선안 도출
  • 학생용 학습 공간 및 교사/관리자 백오피스 UI 고도화
  • PC 및 태블릿(iPad) 대응 반응형 레이아웃 설계
  • 컬러/타이포/그리드 및 공통 컴포넌트 기반 디자인 시스템 구축
  • 인터랙션 상태값(Hover, Active, Disabled, Error 등) 정의 및 가이드 작성
  • Figma Dev Mode 핸드오프 세팅 및 개발 중 디자인 QA 지원

예상 산출물

  • UX 개선 제안서 (문서 또는 Figma 코멘트)
  • UI 디자인 원본 파일 (Figma)
  • 디자인 시스템 컴포넌트 라이브러리 가이드

매력 포인트

  • 과업 범위와 산출물이 비교적 명확
  • MVP·기획서·와이어프레임 등 클라이언트 준비 자료가 갖춰짐
  • 에듀테크/SaaS 포트폴리오 확보에 유리

확인할 점

  • 예산 200만 원 대비 과업 범위(학생용+백오피스+디자인 시스템+반응형+QA)가 과도하게 넓어 단가가 매우 낮음
  • 3개월 투입 기준 사실상 인건비 이하로, 무리한 일정/범위 협의 가능성
  • 마일스톤 표기(12주차/34주차)가 모호해 실제 일정 관리 리스크 존재
Client signal

클라이언트 정보

회사 · 위시켓 / 지역 · 서울특별시 서초구 / 고용형태 · CONTRACTOR
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...