Product PrototypeSelected

Roya Latin Dance

Latin practice and movement-feedback prototype

A practice tool for adult self-learners: choose today’s state, find the beat, run a 15-second feedback round, and save one correction for the next session.

  • Product
  • Dance
  • Practice Tool
  • Action Feedback
SelectedWeb AppLiveWebCreated 2025-06-26Updated 2026-04-05
Roya Latin Dance cover

Overview

What shaped the work

Outcome

Results and impact

  • State-based onboarding and a four-step starter task
  • Tap Tempo, Practice Timer, and Session Generator tools
  • 15-second movement feedback lab with framing preview, one-point correction, self-check feedback, and local practice history

Decision

Key decisions and tradeoffs

  • State-based onboarding and a four-step starter task
  • Tap Tempo, Practice Timer, and Session Generator tools
  • 15-second movement feedback lab with framing preview, one-point correction, self-check feedback, and local practice history

Evidence

Evidence and proof

  • Next.js product site
  • Local camera preview and practice timer
  • LocalStorage practice rounds

Visual history

Latest state first, previous interface states preserved underneath

This timeline keeps a readable visual memory of the surface, so the newest cover can stay on the project card without erasing what came before.

Case study

Narrative, decisions, and proof

01

Outcome

Results and impact

  • State-based onboarding and a four-step starter task
  • Tap Tempo, Practice Timer, and Session Generator tools
  • 15-second movement feedback lab with framing preview, one-point correction, self-check feedback, and local practice history

02

Decision

Key decisions and tradeoffs

  • State-based onboarding and a four-step starter task
  • Tap Tempo, Practice Timer, and Session Generator tools
  • 15-second movement feedback lab with framing preview, one-point correction, self-check feedback, and local practice history

03

Evidence

Evidence and proof

  • Next.js product site
  • Local camera preview and practice timer
  • LocalStorage practice rounds

04

Role

Role and contribution

  • Latin practice and movement-feedback prototype

05

Problem

Problem to solve

  • For adult dance practice, the hard part is often not access to content, but knowing what to practice today and how to notice whether one round improved. This prototype turns practice into a loop: choose a state, find the beat, run 15 seconds, and keep one correction.
  • A beginner or returning adult dancer wants to start one practice round quickly.
  • The learner has a specific issue around weight transfer, hips, feet, or frame.

06

Constraints

Constraints and boundaries

  • Format: Web App
  • Status: Live

07

Background

Why this exists

For adult dance practice, the hard part is often not access to content, but knowing what to practice today and how to notice whether one round improved. This prototype turns practice into a loop: choose a state, find the beat, run 15 seconds, and keep one correction.

08

Scenario

Use scenarios

  • A beginner or returning adult dancer wants to start one practice round quickly.
  • The learner has a specific issue around weight transfer, hips, feet, or frame.
  • Camera framing preview, a short practice round, and local history create a lightweight feedback loop.

09

Delivery

What I shipped

  • State-based onboarding and a four-step starter task
  • Tap Tempo, Practice Timer, and Session Generator tools
  • 15-second movement feedback lab with framing preview, one-point correction, self-check feedback, and local practice history

10

Design

Design decisions

  • The page should act like a usable practice tool, not a portfolio explanation.
  • Dance learning becomes a task loop: fewer choices, short rounds, and reviewable corrections.
  • The prototype boundary stays explicit: it supports self-check and practice memory without overstating mature motion-recognition capability.

11

Tech

Implementation

  • Next.js product site
  • Local camera preview and practice timer
  • LocalStorage practice rounds
  • Responsive tool-surface interaction

Flow

The path from entry to completion

This version is best understood as a living product: entry points, feedback loops, and completion states matter as much as the surface design.

Choose / Practice / Feedback

Roya Latin Dance flowChoosePracticeFeedback

Explore

Open the product in context

Roya Latin Dance cover

Live preview

Some sites may block iframe embeds because of their security policy. If the frame stays blank, use the Open live link above.

Access

This entry is still part of a living practice. The public surface may be a live URL, a guided preview, or a curated set of interface states depending on the current release shape.