INTRO

뚜벅뚜벅찰칵

뚜벅뚜벅 걷고 사진 찰칵!
지나간 장소에 소중한 추억을 남겨 보세요.

나의 일상과 경험을 지도에 기록합니다.

UX DESIGN

Wireframe and Prototype which shows service flow.

Ahead of UI design work, I take a test to make smooth and
concentraing service flow using prototyping tool 'marvelapp'.

UI DESIGN

Screen Design & Features about DDUDDUCHAL

HOME

01

HOTSPOT & MISSION

현재 위치 근처의 명소를
거리순으로 보여줍니다.

장소별 미션을 확인하고
미션을 수행해 컬렉션을
완성해 보세요.

02

INFORMATION

장소를 선택하면 해당 장소에 대한
설명 및 미션을 확인할 수 있습니다.

03

MEMORY

현재 위치에서의 생각과
느낌을 기록해 보세요.

MAP

지나간 장소를 자동으로 지도에 기록하여 표시합니다.
이미 다녀간 장소는 직접 색칠할 수 있습니다.

DIARY

기록한 컨텐츠를 장소별로 볼 수 있습니다.
특정 장소에서 일어났던 소중한 순간들을 잊지 마세요.

MY

01

당신의 발자취를
Journal에 남겨드립니다.

02

Collection을 통해
장소별 미션 달성 수준을
확인할 수 있습니다.

DESIGN GUIDE

COLOR

Point Color : Sensitive, Emotional, Delightful & Cheerful

#82e9fe

#fefa52

Sub Color

#ffffff

#f5f5f5

#cdcdcd

#000000

TYPOGRAPHY

English : Arial

ABCDEFGHIJKLMNOPQRSTUVWXWZ
abcdefghijklmnopqrstuvwxyz

Tip-Tap Click, ddudduchal 10sp

Tip-Tap Click, ddudduchal 12sp

Tip-Tap Click, ddudduchal 16sp

Korean : Noto Sans CJK KR

가나다라마바사아자차카타파하

10sp 뚜벅뚜벅 걷고, 사진 찰칵-!

12sp 뚜벅뚜벅 걷고, 사진 찰칵-!

16sp 뚜벅뚜벅 걷고, 사진 찰칵-!

GUIDELINE

Following 'Standard Guide for Android', I designed ddudduchal
based spartphone resolution ratio which is 'xxhdpi(Ratio3)'.

Resolution about images is '2436*1125' that matches iPhone X screen.

INTERACTION

Generating interaction guide document
before making prototype.
It would be a helpful guide for interaction design.

USABILITY TEST

After making high fidelity prototype, I conducted
usability test to evaluate usability of ddudduchal
which is most critical part of UX.

FULLSCREEN