시각장애인을 위한 음성 공연 보조 서비스 — 나레이터 앱 · 청취자 앱 UI/UX 디자인 및 스토어 등록 에셋 제작 제안
나레이터 앱 9개 화면군(스플래시·로그인·온보딩 5단계·메인·공연 중·공연 메모·공연 상세·프로필·약관)과 청취자 앱 7개 화면군을 7일 내에 완성해야 합니다.
앱 아이콘(AOS 512·iOS 1024), 팟빵 앱 형식을 선호하시는 스토어 스크린샷, 피처드 이미지(1024×500)까지 규격에 맞춰 납품해야 합니다.
비기능 요구사항으로 명시된 시각장애인 접근성. 이 프로젝트에서는 장식이 아니라 품질의 정의 그 자체입니다.
화면을 보지 못하는 사용자에게 실제 UI는 스크린리더가 읽어주는 문장의 순서입니다. 시안만 넘기면 개발팀은 무엇을 읽힐지 스스로 정해야 합니다.
그래서 공고에도 큰 글씨와 명도 대비가 먼저 적혀 있습니다. 음성만이 아니라 확대에도 버티는 레이아웃이 함께 필요합니다.
계약 특이사항에 명시된 기능 변경 요청. 화면을 한 장씩 그리면 변경 한 번에 일정이 무너지므로, 컴포넌트 라이브러리가 전제되어야 합니다.
모든 화면에 보이지 않는 레이어를 한 장 더 얹습니다. 포커스 이동 순서(①→②→③), 각 요소의 낭독 문구와 역할·힌트, 상태 변화 시 읽어줄 안내문(예: "공연이 시작되었습니다. 청취자 47명")을 화면 위에 그대로 명시해 납품합니다.
개발팀이 Semantics 라벨을 고민할 필요 없음 · 접근성 재작업 0회
Figma Variables로 타이포·컬러·간격을 토큰화하고, 글자 크기 100% / 150% / 200% 세 단계에서 레이아웃이 깨지지 않는 상태를 각각 시안으로 증명합니다. 모든 텍스트는 WCAG AA(4.5:1) 이상, 핵심 조작 요소는 AAA(7:1) 이상으로 실측합니다.
저시력 사용자 이탈 방지 · 스토어 접근성 심사 리스크 제거
공고가 요구하신 '공통 템플릿'을 구조로 실현합니다. 파운데이션 라이브러리 1개를 나레이터 앱 파일과 청취자 앱 파일이 함께 참조하도록 구성해, 두 앱의 톤과 조작 규칙이 절대 어긋나지 않게 만듭니다.
변경 요청 시 컴포넌트 1곳 수정으로 양쪽 앱 동시 반영
요구사항 청취 및 비즈니스 목표 상세 협의
상세 과업 범위 확정 및 공식 계약 체결
개발 관점에서의 기술적 타당성 도출
UI/UX 설계 및 시스템 아키텍처 상세 정의
확정된 기획안에 대한 최종 리뷰 및 승인
PMS를 통한 투명한 집중 개발
단위/통합 테스트 및 버그 수정, 안정성 검증
최종 운영 환경 배포 및 안정화 지원
기존 개발 완료 화면 구조 분석, 컬러·타입 토큰과 대비 기준 확정, 공용 컴포넌트 1차 세트 공유. 첫날 저녁 Figma 링크 전달.
스플래시·소셜 로그인·온보딩(약관·이름·포트폴리오·승인 대기·반려)·메인·공연 중·공연 메모·공연 상세·프로필·약관 완성.
공용 컴포넌트를 재사용해 목록·자동 대기·청취 중·공연 상세를 완성하고, 폰트 150·200% 확대 시안을 동시에 검증.
아이콘·스크린샷·피처드 이미지 제작, Voice Spec 시트와 접근성 실측 리포트 정리 후 Figma 원본 일괄 인계.
클라이언트가 가장 힘들어하는 '소통의 부재'와 '진척도 확인 불가능'을 해결하기 위해, 모든 협업 과정을 시스템화했습니다.
"우리는 단순한 외주사가 아닙니다.
성공을 위해 시스템으로 소통하는
여러분의 사내 팀이 되겠습니다."