KR
위시켓
보통
외주
초등 음악 교육 웹서비스 UI/UX 고도화 및 디자인 시스템 구축 전문가
예산
2,000,000원
예상 기간
약 3개월
지원 마감
2026년 08월 27일
난이도
보통
기술 스택
Figma
Figma Dev Mode
Zeplin
Adobe Illustrator
Photoshop
Indesign
AI 분석 요약 기회점수 38/100
운영 중인 초등 음악 교육 웹서비스(PIUM)의 정식 런칭을 위한 UI/UX 고도화 및 Figma 기반 디자인 시스템 구축 프로젝트입니다. 학생용 학습 공간(대시보드, 음악 플레이어, 악보 뷰어, 게이미피케이션)과 교사/관리자용 백오피스(통계 대시보드, 콘텐츠·계정 관리 폼)의 UI를 고도화하고, 재사용 가능한 공통 컴포넌트 라이브러리와 Dev Mode 핸드오프 환경을 구축합니다. 디자인 단독 과업으로 SaaS·에듀테크 경험과 디자인 시스템 구축 경험을 갖춘 프리랜서 UI/UX 디자이너에게 적합합니다.
핵심 요구사항
- 기존 화면 UX 분석 및 핵심 이탈 구간 개선안 도출
- 학생용 학습 공간 및 교사/관리자 백오피스 UI 고도화
- PC 및 태블릿(iPad) 대응 반응형 레이아웃 설계
- 컬러/타이포/그리드 및 공통 컴포넌트 기반 디자인 시스템 구축
- 인터랙션 상태값(Hover, Active, Disabled, Error 등) 정의 및 가이드 작성
- Figma Dev Mode 핸드오프 세팅 및 개발 중 디자인 QA 지원
산출물
- UX 개선 제안서 (문서 또는 Figma 코멘트)
- UI 디자인 원본 파일 (Figma)
- 디자인 시스템 컴포넌트 라이브러리 가이드
매력 포인트
- 과업 범위와 산출물이 비교적 명확
- MVP·기획서·와이어프레임 등 클라이언트 준비 자료가 갖춰짐
- 에듀테크/SaaS 포트폴리오 확보에 유리
주의사항
- 예산 200만 원 대비 과업 범위(학생용+백오피스+디자인 시스템+반응형+QA)가 과도하게 넓어 단가가 매우 낮음
- 3개월 투입 기준 사실상 인건비 이하로, 무리한 일정/범위 협의 가능성
- 마일스톤 표기(12주차/34주차)가 모호해 실제 일정 관리 리스크 존재
프로젝트 유형리뉴얼
적합 개발자웹서비스 다화면 UI/UX 및 Figma 디자인 시스템 구축 경험이 있는 3년차 이상 프리랜서 디자이너
클라이언트 정보
회사위시켓
위치서울특별시 서초구
고용형태CONTRACTOR
프로젝트 원문 설명
[프로젝트 개요]
현재 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)
- 디자인 시스템 (컴포넌트 라이브러리 가이드)
현재 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)
- 디자인 시스템 (컴포넌트 라이브러리 가이드)
위시켓에서 원본 확인
원본 보기