시각장애인 음성 공연 보조 앱 UI/UX 디자인

전략 제안서

공고 요구사항 뒤에 숨은 진짜 과제를 짚고, 들리는 UI 설계(Voice Spec)·큰 글씨 3단 대응·두 앱 공용 라이브러리라는 3가지 핵심 전략과 7일 로드맵을 제시합니다.

사전 기획서

시각장애인 음성 공연 보조 앱 UI/UX 디자인

청취자·나레이터·핸드오프 3개 관점의 9개 핵심 화면을 HIFI 목업으로 그려, 제안한 접근성 전략이 실제 화면에서 어떻게 구현되는지 시각적으로 증명합니다.

라이브 데모

시각장애인 음성 공연 보조 앱 UI/UX 디자인

접근성을 고려하지 않은 화면이 스크린리더에서 어떻게 무너지는지, 그리고 저희 설계가 적용된 뒤 어떻게 달라지는지를 4단계로 직접 눌러 보며 체험하실 수 있습니다.

산출물 다운로드 & 위시켓 지원 센터

제안 패키지 원본 파일과, 위시켓 지원서·댓글·포트폴리오에 그대로 붙여 넣을 수 있는 텍스트를 한 곳에 모았습니다.

deep-proposal v0.3.260624 step01-ideation v0.3.260624 step02-index v0.3.260624 step03-proposal v0.3.260624 step04-wireframe v0.3.260624 step05-demo v0.3.260624

산출물 파일 다운로드

proposal.html 전략 제안서 · 1920×1080 8슬라이드 · PDF 출력 최적화

다운로드

wireframe.html 사전 기획서 · 1920×1080 13페이지 · HIFI 목업 9종

다운로드

demo.html 인터랙티브 데모 · 4단계 시나리오 · 음성 안내 포함

다운로드

위시켓 원스톱 복사 센터

제안내용 (지원서 본문) 500자 이하 타이트한 핵심 후킹 문구

안녕하세요. 6년차 개발·디자인 전문팀입니다.

이 앱의 사용자는 화면을 보지 못하거나 거의 보지 못합니다. 그래서 저희는 '예쁜 화면'이 아니라 '읽히는 순서'까지 함께 설계해 드립니다.

1) 보이스 스펙(Voice Spec)
화면마다 스크린리더가 읽어줄 문장과 포커스 이동 순서를 번호로 명시해 Figma에 함께 납품합니다. 개발팀이 해석 없이 그대로 적용할 수 있습니다.

2) 큰 글씨 3단 대응
글자 크기 100/150/200%에서도 레이아웃이 깨지지 않도록 설계하고, 명도 대비 실측표를 첨부합니다.

3) 두 앱 공용 라이브러리
나레이터·청취자 앱이 하나의 컴포넌트를 공유합니다. 기능 변경 요청이 와도 한 곳만 고치면 양쪽에 반영되어 7일 일정을 지킬 수 있습니다.

앱 아이콘·스토어 스크린샷(팟빵형)·피처드 이미지까지 포함해 납품합니다. 사전 제작한 제안서/기획서/데모를 확인해 주세요.

지원완료 댓글 공고 댓글란에 작성할 짧은 정중 멘트

안녕하세요, 대표님. 공고 내용을 바탕으로 전략 제안서와 화면 사전 기획서, 그리고 실제 동작을 확인하실 수 있는 인터랙티브 데모까지 미리 제작하여 지원드렸습니다.

특히 시각장애인 접근성(낭독 순서·명도 대비·큰 글씨 3단 대응)을 개발팀이 바로 적용할 수 있는 명세 형태로 준비했습니다. 검토 후 편하게 문의 주시면 성심껏 답변드리겠습니다. 감사합니다.

포트폴리오 1: 제안서 포트폴리오 신규 등록용 제목 및 설명

[포트폴리오 제목]
시각장애인 음성 공연 보조 앱 UI/UX 전략 제안서 (접근성 우선 설계)

[포트폴리오 설명]
시각장애인을 위한 음성 공연 보조 서비스(나레이터 앱 + 청취자 앱)의 UI/UX 디자인 전략 제안서입니다.

화면을 보지 못하는 사용자에게 실제 UI는 스크린리더가 읽어주는 문장의 순서라는 관점에서 출발해, 3가지 핵심 전략을 제시했습니다.

① Voice Spec Layer: 화면별 포커스 순서와 낭독 문구를 명시해 개발팀이 그대로 구현할 수 있는 명세로 납품
② Accessible Type & Contrast System: 폰트 100/150/200% 3단 대응과 WCAG AA/AAA 대비 실측 리포트
③ One Foundation, Two Apps: 두 앱이 공유하는 단일 컴포넌트 라이브러리로 기능 변경 리스크 방어

7일 일정의 일자별 로드맵과 스토어 등록 에셋(아이콘·스크린샷·피처드) 산출물 계획까지 포함되어 있습니다.

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.

포트폴리오 2: 와이어프레임 포트폴리오 신규 등록용 제목 및 설명

[포트폴리오 제목]
나레이터·청취자 2개 앱 핵심 화면 사전 기획서 (HIFI 와이어프레임)

[포트폴리오 설명]
음성 공연 보조 서비스 2개 앱(나레이터/청취자)의 핵심 화면 사전 기획서입니다.

청취자(시각장애인 관객), 나레이터(공연 해설자), 디자인 산출물 핸드오프 3개 관점으로 나누어 총 9개 화면을 HIFI 목업과 기능 명세로 설계했습니다.

· 청취자: 진행 중인 공연 목록/자동 대기, 초대형 터치 영역의 청취 중 화면, 음성 요약 공연 상세
· 나레이터: 할당 공연 목록, 마이크 상태와 청취자 수가 보이는 공연 중 브로드캐스트, 공연 메모
· 핸드오프: Voice Spec 시트, 명도 대비/타입 스케일 검증 리포트, 스토어 등록 에셋 키트

각 화면마다 포커스 이동 순서, 낭독 문구, 터치 타깃 크기, 명도 대비 수치를 함께 기술했습니다.

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.

PDF → 이미지 변환 명령어 터미널에 입력하여 PDF를 고해상도 이미지로 일괄 분할 변환 (ImageMagick)

magick -density 300 proposal.pdf -quality 100 proposal_page_%02d.png