UI/UX RENEWAL PROPOSAL

가입 직후의 망설임을
첫 퀴즈 완료로

출시된 학습 리워드 앱의 온보딩·홈·퀴즈·광고 경험을 하나의 학습 흐름으로 연결합니다.

01. Analysis & Strategy

첫 퀴즈까지 이어지는 성공 기준

클라이언트 핵심 요구사항

가입 후 동선 정리

가입 완료에서 첫 퀴즈 진입까지 다음 행동이 분명해야 합니다.

홈·퀴즈 화면 개선

이어하기, 문제 선택, 답변, 피드백을 읽기 쉬운 위계로 묶습니다.

광고 노출 경험

학습에 집중하는 순간을 해치지 않는 배치와 상태를 설계합니다.

핵심 역제안

첫 문제 완료 기준

새 가입자가 첫 퀴즈를 완료하고 피드백을 확인하는 흐름을 검수합니다.

기존 앱에 적용

기존 React Native 구조와 연동 계약을 확인하고 양 플랫폼에서 검증합니다.

인계 가능한 결과물

설계서·디자인 원본·발주사 저장소 소스·결과보고서를 제공합니다.

02. Strategic Deep-Dive

가입 이후의 다음 행동을 설계

온보딩 연결

가입 완료 직후 학습 시작 목적과 예상 소요를 짧게 안내하고 첫 퀴즈 진입 버튼을 명확히 배치합니다.

Expected Effect

첫 퀴즈까지 선택 부담 감소

학습 화면 정리

홈에는 첫 퀴즈와 이어하기를 우선 배치하고 문제 화면에는 질문·답변·정답 피드백을 순서대로 보여줍니다.

Expected Effect

풀이 완료 경로가 선명해짐

광고 경험 조정

문제 읽기와 답변 선택 중에는 광고가 핵심 조작을 가리지 않도록 영역과 노출 상태를 구분합니다.

Expected Effect

학습 몰입과 광고 운영의 균형

03. Implementation

기존 앱을 살리는 적용 방식

양 플랫폼 반영

React Native 기존 앱의 화면과 내비게이션에 적용

화면 일관성

디자인 원본 상태별 컴포넌트와 화면 규칙 전달

기존 연동 유지

NestJS API 계약 퀴즈·리워드 데이터 연결 방식 확인

데이터 호환

MySQL·MongoDB 현행 데이터 구조는 변경 범위를 합의

양 기기 검수

iOS·Android 화면 크기·터치·광고 영역 확인

소스 인계

발주사 저장소 전체 소스와 화면 캡처 결과 보고
04. Sequence

프로젝트의 성공을 완성하는
정교한 8단계 업무 프로세스

01

미팅

요구사항 청취 및 비즈니스 목표 상세 협의

02

계약 진행

상세 과업 범위 확정 및 공식 계약 체결

03

요구사항 재분석

개발 관점에서의 기술적 타당성 도출

04

기획/디자인

UI/UX 설계 및 시스템 아키텍처 상세 정의

05

클라이언트 컨펌

확정된 기획안에 대한 최종 리뷰 및 승인

06

개발

공유된 일정으로 투명한 집중 개발

07

테스트

단위/통합 테스트 및 버그 수정, 안정성 검증

08

배포

최종 운영 환경 배포 및 안정화 지원

05. Timeline

설계부터 인계까지 단계별 확인

Step 01

현행 진단

기존 화면·가입 동선·API 계약과 광고 정책 확인.

Step 02

화면 설계

온보딩·홈·퀴즈·광고 상태 설계와 디자인 원본 확정.

Step 03

앱 적용

기존 React Native 앱에 반영하고 연동을 확인.

Step 04

검수·인계

양 플랫폼 검수 후 소스·설계서·결과보고서 인계.

06. Communication & Trust

외주의 불안함을 확신으로,
가장 투명한 파트너십을 약속합니다.

'답답함'이 없는 커뮤니케이션

클라이언트가 가장 힘들어하는 '소통의 부재'와 '진척도 확인 불가능'을 해결하기 위해, 모든 협업 과정을 시스템화했습니다.

진행 상황 실시간 공유
기획서부터 소스코드까지 일정과 이슈를 함께 봄
항시 연결되는 소통 채널
지연 없는 피드백과 투명한 이슈 관리
정기 데모 세션
상상 속의 결과물이 아닌, 돌아가는 시스템을 매주 확인

"우리는 단순한 외주사가 아닙니다.
성공을 위해 커뮤니케이션의 중요성을
아는 팀입니다."

저희 제안이 마음에 드셨다면,
미팅에서 뵙기를 기대하겠습니다.

Thank You

Your Vision,
Our Mission.