앱디자인 화면설계 UXUI 프로토타입 제작

1. 보이는것만이 디자인의 전부는 아닙니다.

심미적으로 이뻐보이고 단순한 그래픽 요소로만 설계된 화면은

UX가 잘 녹여 졌다고 말하기 어렵습니다.

당x마켓, 번x개장터등 같은 카테고리를 가지고 있는 어플리케이션의 상품 카드가

서로 다르게 디자인되어 있는 이유는 무엇일까요?

사용자에게 전달하려는 서비스 경험과 의도가 각자 다르기 때문입니다.

우리가 가장 대중적으로 이용하는 카X카오톡, 유X브등 심미적으로 비쥬얼적으로 힘이 들어가 있는 부분은 찾기가 어렵습니다.

많은 기업들은 프로덕트 구축시 사용성에 초점을 두고 있습니다.

그저 빠르게 그려내는 공장식 설계가 아닌 서비스의 의도에 맞추어

사용자에게 긍정적인 서비스 경험을 제공하는 화면을 설계해드립니다.

2. 머테리얼 디자인 가이드(AOS)/휴먼 인터페이스 가이드(IOS) 표준 가이드 라인에 맞는 화면을 디자인합니다.

모든 앱 화면에는 사용자를 위한 표준 가이드라인이 정해져 있습니다.

실제 개발 과정 앱 출시에서 검열되거나 사용자 가이드라인에 맞춰지지 않아

앱을 다시 제작하는 불상사가 일어나기도 합니다.

실제 프로덕트 출시 경험에 기반하여 안드로이드와 IOS 표준 가이드 라인에 맞는 화면을

설계하고 반복되지 않도록 디자인 합니다.

3. 실제 개발까지 이어질 수 있도록 설계합니다.

모든 UI들은 Z축에 따른 Elevation value를 가지고 있기 때문에 스크린에 배치할 경우 위계를 결정하거나 인터렉션 적용 시 컴포넌트 간 충돌 방지하기 위해 필수로 엘리베이션을 지정해야합니다.

이러한 부분들이 지정 되지않고 그래픽적으로만 디자인하게 되면 실제 개발시 더 많은 비용과 시간이 소모 될 수 있습니다.

4. 개발 과정에서 시간을 단축 시킬 수 있는 프로토타입 구현

와이어프레임을 통해 실제 앱을 개발하기전 아이디어를 테스트 해볼수있는 프로토타입은

개발과 디자인을 직접적으로 이어주는 다리같은 역할을 합니다.

이 과정에서 아이디어의 취약점이나 전체적인 설계의 흐름과 UX등을 조금 더 직관적으로

바라보면서 실패를 줄여나가는 과정으로 프로덕트 구축시 필수적으로 들어가는 과정입니다.

단순히 이미지 작업이 아닌 실제 앱을 구동하였을때 어떠한 플로우로 진행되고 어떠한 부분들이

취약한지 알아볼 수 있는 프로토타입을 구축해드립니다.

*상품 설명*

1. 스탠다드(서브페이지), 디럭스(메인페이지)

상세기획이 준비되어 있어 바로 디자인 작업만 필요한 상태

준비해 주신 기획서를 토대로한 디자인을 바로 진행합니다.

기획서가 준비되어 있지 않다면 추가 상품인 기획 추가를 통해 도움 드릴 수 있습니다.

최소한의 서비스 방향성만 제시해 주신다면 서비스 의도에 맞게 화면 설계를 해드리겠습니다.

추가 상품

1) 기획 추가

아이디어를 가지고 있지만 어디서부터 어떻게 시작해야 할지 막막하신 분들 혹은

단순 페이지만 변경하고 싶지만 어떻게 변경 해야될지 고민이 있으신 분들을 위해

앱의 전체적인 플로우를 참고해 기존의 흐름과 잘 녹여들 수 있도록 기획을 도와 드립니다.

서비스 의도에 맞는 메뉴 구조 설계, 유저 시나리오, AI 작업을 통해

최적의 앱을 설계해 드립니다.

2) 프로토타입 추가

완성된 페이지를 직접 연결해 보며 플로우 흐름을 직관적으로 볼 수 있습니다.

실제 앱이 구동됐을때와 같은 플로우 흐름을 보여줄 수 있습니다.

프로토타입 시연은 앱 개발과 디자인을 직접적으로 연결시켜주는 중요한 다리의 역할로

기획의 의도를 분명하게 전달할 수 있는 장치입니다.

1페이지 - 스탠다드(서브페이지) 30,000원 / 디럭스(메인페이지) 40,000원

추가 상품(1페이지) - 기획 추가 45,000원 / 프로토타입추가 40,000원

페이지 산정 기준은 아트보드 1장이 아닌

같은 레이아웃을 가진 화면이 슬라이드 혹은 탭으로 인해

연속되는 화면이라면 1페이지로 산정됩니다.

예) 스플래시 이미지 슬라이드 3장 분 = 1페이지

2. 프리미엄

아이디어만 가지고 계신 고객분께 최고의 상품입니다.

생각중인 서비스가 있으시다면

기획부터 개발 직전의 과정인 프로토타입까지 전부 패키지로 도와드리고 있습니다.

서브 메인 구분 없이 1페이지 기준 120,000원이며

페이지 산정 기준은 스탠다드, 디럭스와 같습니다.

페이지 수가 20페이지 이상일 경우 페이지당 가격협의가 아닌

상담 후 결정됩니다.

[준비해 주시면 좋아요]

- 기획서 및 스토리 보드

- 로고, 이미지, 일러스트, 폰트, 컬러, 아이콘등

(준비가 되어있지 않다면 무료 이미지, 대체 소스, 혹은 기본더미 박스로 대체됩니다.)

[이렇게 진행 될꺼에요]

1. 기획 검토 및 상담 진행

2. 디자인 작업 진행

4. 1차 전달 및 수정(최대2회)

5. 최종 완료

[원활한 진행을 위한 유의사항]

- 개발 작업은 진행 하지 않습니다.

- 로고, 일러스트, 폰트, 아이콘, 이미지가 준비 되어있으시지 않다면

무료 소스로 진행되고 있습니다.

콘텐츠에 필요한 소스는 꼭 준비해주세요. 상품에 제작이 포함되어 있지 않습니다.

(ex : 브랜드 캐릭터 일러스트, 포함되는 영상, 로고 디자인, 아이콘 디자인)

유료 소스로 진행할 경우 의뢰인이 제공해주셔야 합니다.

- 1차 전달시 jpg로 전달되며 최종확인 후 피그마 원본 파일로 전달드립니다.

- 앱 내 사용되는 문구등은 미리 지정해주시지 않는다면 더미 텍스트로 사용될 수 있습니다.

사용 폰트 : 무료폰트 사용

사용 라이센스 : 무료 이미지 사용

원본 파일 : 무료제공

저작권 귀속 : 의뢰인 귀속

작업 범위 : 모바일웹, 앱

작업 툴 : 피그마

* 완성된 작업물을 포트폴리오로 사용될 수 있으나 원하지 않을 경우 미리 말씀 부탁드립니다