top of page

            UX/UI Design . MOBILE APP · COMMUNITY PLATFORM

Move 

Move is a mobile platform designed to simplify class planning,

team coordination, studio booking, and communication inside dance

communities.

Type.                                 Delivrables                                                                                                                                                   

Mobile App                      Brand Identity · UI/UX Design · Mobile App Design 

Role 

UX Designer / UI Designer / Visual Designer​​

LogoWhite.png
  1. Overview

As an active dancer myself, I noticed that dance teams and teachers constantly struggle with fragmented communication and scheduling. Classes, rehearsals, studio bookings, videos, and announcements are spread across multiple apps, creating confusion and wasting time for both teachers and students.

Problem

Current dance communities rely on too many disconnected tools:

  • Classes are managed on one app

  • Communication happens on LINE

  • Rehearsal schedules are manually collected one-by-one

  • Teachers create schedules manually for entire teams

  • Students must add schedules themselves into Google Calendar

  • Studio reservations happen separately

  • Rehearsal videos are lost in chat groups

  • Fee calculations for studio sharing are confusing

  • Finding available rehearsal times for large groups takes hours

This process becomes extremely exhausting during concerts, showcases, competitions, or large rehearsals involving many dancers.

GOal

Create an all-in-one platformcentralizes the entire dance workflow into one ecosystem.

2. UserResearch

Target users

​Dance Students

  • Need clearer schedules

  • Forget rehearsal dates

  • Struggle managing multiple teams

  • Want easier communication

  • Need quick access to rehearsal videos

Dance Teachers / Choreographers

  • Spend too much time organizing schedules manually

  • Need easier attendance tracking

  • Constantly repeat the same information in chats

  • Need a faster way to coordinate large groups

Team Leaders

  • Manage communication between teachers and dancers

  • Organize rehearsals and studio bookings

  • Calculate studio fee splits manually

3. USER PERSONAS

maya.png

*ai generated image

Ryu.png

*ai generated image

Maya

19, Student/Dancer

Goals

  • Improve and challenge herself

  • Meet new dance friends

Pain Points

  • Hard to find trusthworthy info

  • Don't know which class fits her level

  • Feels shy to join new groups

Ryu

28, Dance teacher

Goals

  • Promote classes & events 

  • Manage schedules early

  • Build a strong community

Pain points

  • Managing multiple platforms

  • Communication is scattered

  • Hard to reach the right audience

4. USER JOURNEY

Organizer (Teacher/Leader)

UserFlowteacher.png

Student (Dancer)

Untitled copy.png

05. INFORMATION ARCHITECTURE

Architecture.png

06. WIREFRAMES ( low fidelity)

Organizer (Teacher/Leader)

iPhone 16 & 17 Pro Max - 1.png
iPhone 16 & 17 Pro Max - 2.png
iPhone 16 & 17 Pro Max - 3.png
x.png
image 1.png
image 6 (1).png
image 1.png
iPhone 16 & 17 Pro Max - 8.png
image 2.png
image 5.png
image 5.png
iPhone 16 & 17 Pro Max - 13.png
iPhone 16 & 17 Pro Max - 14.png
iPhone 16 & 17 Pro Max - 15.png

07. Logo

Moodboard

image.png

Movement inspiration

Moodboard.png

Colors inspiration

Brand Personality key words

ENERGY

CREATIVITY

MODERN

INSPIRING

The Final Logo

The MOVE logo captures the energy, creativity,
and freedom of dance through a single
dynamic symbol.

It combines a stylized "M" with an abstract
dancer silhouette to create a mark that is
modern, memorable, and full of movement.

logo.png

Concept

M.png

Sketch9.png
Sketch7.png
Sketch1-2.png

M2.png

Initial letter "M"

Many quick sketches were made to explore the form

Final mark on illustrator

Ballet_edited.png

DancerSketch4.png
DancerSketch3.png
DancerSketch2.png
DancerSketch.png

Dancer.png

Image reference

Many quick sketches were made to explore the form

Final mark on illustrator

M2.png

+

Dancer.png

=

LogoMove.png

Movement

M2.png
LogoMove.png
Dancer.png

The Dancer

The "M"

THE ENERGY

MLogo.png
DancerIcon.png
LogoMovement.png

Wordmark

MoveText.png

MoveText2.png

Font
Co-Headline Light

Letter Spacing
130

A custom accent was added to the “E” to connect the wordmark with the logo and reinforce the brand identity.

Final logo

LogoMove.png

+

MoveText2.png

=

logo.png

Color palette

Primary Purple
#8F2DFF
Creativity . Movement

Accent Magenta
#D92CA6
Passion . Energy

Deep Navy
#05054F
Trust . Structure

Light Gray
#F5F5F%
Clean . Modern

Scalable and versatile

AppLogo.png

App icon

Instagram.jpg

SNS

T-shirt.png

Apparel

Tools

Figma-logo.svg.png

Figma
Wireframes architecture, Wireframe (low fidelity)  UI Design, Prototyping, Design System

ai.png
chatgpt.jpg

Adobe Illustrator
Logo Design, Iconography, Brand Assets, final screen design.

ChatGPT
Ideation, Content Writing, UX Support

08. Final Design

Shot copy.png
Shot12.png
Shot6.png
Shot7.png

what this project shows

MOVE showcases my ability to create a complete digital product from concept to final design.

By combining branding, UX thinking, and UI design, I de
veloped a solution that helps dance communities stay organized, connected, and engaged. As being part of dance communities myself i find this app very helpful.

bottom of page