3 min to read
Kpop DicToc
Application for Kpop Lyrics Game
DESCRIPTION
좋아하는 노래 가사를 익히면서 자연스럽게 한국어를 배우는 무료 게임입니다.
APP ICON

Tab
하단과 상단 탭은 사용자에게 좋은 인상을 주는 위트요소로 인터렉션 효과를 적용하였습니다.


Select Mode
게임 선택 화면에서는 수준별 게임 진행 기록을 보여주며, 좋아하는 곡을 저장할 때 심플한 모션을 주었습니다.

Correct Match Motion
글자를 맞출 때마다 글자 카드에 효과를 추가하여 정답을 맞췄을 때의 쾌감을 극대화했습니다.

Wrong Match Motion
글자 카드를 잘 못 맞추었을 때는 다시 음악을 틀어주어 다시 도전할 수 있게끔 조성하였습니다.

Contest Mode
상단의 트로피와 하단의 풍선으로 대회를 행사 처럼 보이게끔 연출하였습니다.

Contest Motion
대회 진행 시에는 점수와 시간을 눈에 띄게금 표시하여 사용자의 긴장감을 높였습니다.

Result Motion

게임 결과 화면은 역동적으로 모션을 설계하여 사용자의 몰입감을 극대화 하려고 노력하였습니다.

Check in Event
출석체크 시 출석 완료 도장을 받게 되고 보물상자가 열리면서 사용자의 기대감을 극대화 하였습니다.

App Update News
사용자가 읽지 않고 지나칠 수 있는 업데이트 팝업을 종을 치는 모션을 추가하여 몰입감을 높였습니다.

Empty Motion
DicToc Kpop의 상징적인 캐릭터를 활용하여 사용자에게 재미를 더 했습니다.


Setting
사용자가 앱을 자신의 선호에 맞게 커스터마이징 할 수 있도록 설계하였습니다.

Delete
쓰레기를 버리는 연출로 데이터를 삭제하는 그 순간 경험을 극대화 시켰습니다.

More Gem
앱내 광고를 시청하면 리워드 보상이 있음을 위트있게 표현하려고 하였습니다.

Rate App
거부감이 들 수 있는 리뷰 요청 팝업을 편지를 받는 모션을 추가하여 재미있게 표현하였습니다.

PROMOTION VIDEO
TECHNOLOGIES & TOOLS
Sketch, Illustrator, AfterEffect
좋아하는 노래 가사를 익히면서 자연스럽게 한국어를 배우는 무료 게임입니다.
APP ICON

Tab
하단과 상단 탭은 사용자에게 좋은 인상을 주는 위트요소로 인터렉션 효과를 적용하였습니다.


Select Mode
게임 선택 화면에서는 수준별 게임 진행 기록을 보여주며, 좋아하는 곡을 저장할 때 심플한 모션을 주었습니다.

Correct Match Motion
글자를 맞출 때마다 글자 카드에 효과를 추가하여 정답을 맞췄을 때의 쾌감을 극대화했습니다.

Wrong Match Motion
글자 카드를 잘 못 맞추었을 때는 다시 음악을 틀어주어 다시 도전할 수 있게끔 조성하였습니다.

Contest Mode
상단의 트로피와 하단의 풍선으로 대회를 행사 처럼 보이게끔 연출하였습니다.

Contest Motion
대회 진행 시에는 점수와 시간을 눈에 띄게금 표시하여 사용자의 긴장감을 높였습니다.

Result Motion

게임 결과 화면은 역동적으로 모션을 설계하여 사용자의 몰입감을 극대화 하려고 노력하였습니다.

Check in Event
출석체크 시 출석 완료 도장을 받게 되고 보물상자가 열리면서 사용자의 기대감을 극대화 하였습니다.

App Update News
사용자가 읽지 않고 지나칠 수 있는 업데이트 팝업을 종을 치는 모션을 추가하여 몰입감을 높였습니다.

Empty Motion
DicToc Kpop의 상징적인 캐릭터를 활용하여 사용자에게 재미를 더 했습니다.


Setting
사용자가 앱을 자신의 선호에 맞게 커스터마이징 할 수 있도록 설계하였습니다.

Delete
쓰레기를 버리는 연출로 데이터를 삭제하는 그 순간 경험을 극대화 시켰습니다.

More Gem
앱내 광고를 시청하면 리워드 보상이 있음을 위트있게 표현하려고 하였습니다.

Rate App
거부감이 들 수 있는 리뷰 요청 팝업을 편지를 받는 모션을 추가하여 재미있게 표현하였습니다.

PROMOTION VIDEO
TECHNOLOGIES & TOOLS
Sketch, Illustrator, AfterEffect
Comments