Yodel – Music Player

Yodel is a sleek, minimalist music player inspired by the tactile joy of the original iPod. Designed as a personal UI/UX exploration, it blends retro elements with a modern mobile layout, focusing on intuitive interaction, deep contrast, and a satisfying playback experience.

Music App

UI/UX

Roles

UI/UX Designer · Visual Designer

UI/UX Design · Mobile Interaction

Client

Independent Concept

Tech Stack

Figma

UI/UX Design

Figma

UI/UX Design

Figma

UI/UX Design

Design Concept

The Cybertruck is not a conventional vehicle, and its digital experience shouldn’t be either. This redesign focuses on:

A cinematic feel through bold visuals, dark themes, and immersive media
Modular layout systems for easier navigation and responsive adaptability
A focus on interactive elements like carousels, accordions, and model changers to help users engage with the product in-depth
Visually rich feature highlights (e.g., Bioweapon Defense Mode, Theater on Wheels, and Charge Everything) that bring Tesla's unique selling points to life
Clean typography and glassmorphic UI elements that evoke a futuristic, high-tech aesthetic

Design Concept

The Cybertruck is not a conventional vehicle, and its digital experience shouldn’t be either. This redesign focuses on:

A cinematic feel through bold visuals, dark themes, and immersive media
Modular layout systems for easier navigation and responsive adaptability
A focus on interactive elements like carousels, accordions, and model changers to help users engage with the product in-depth
Visually rich feature highlights (e.g., Bioweapon Defense Mode, Theater on Wheels, and Charge Everything) that bring Tesla's unique selling points to life
Clean typography and glassmorphic UI elements that evoke a futuristic, high-tech aesthetic

Overview

At the heart of the design is a rotating vinyl disc that doubles as a visual progress tracker, bringing a sense of rhythm and movement to the interface. The circular playback controls mimic the iPod’s click-wheel structure, reinterpreted with modern materials and glowing accents.

Design features include:

Retro-inspired layout with modern visual polish
Dark mode interface that highlights content and creates focus
Vinyl animation for immersive track feedback
Tactile button styling for intuitive navigation and control
Minimal distractions, placing the music front and center

Reflection

This project was a nostalgic reimagination, fusing my love for the iPod’s physical charm with clean, functional mobile UI. It was about creating something that feels familiar yet fresh, emotional yet efficient.

The Solution

Heartz is a pocket-sized memory capsule that captures the emotional signature of a moment. When activated, it records:

Heartbeat – representing the emotional intensity of the moment
Ambient sound – capturing laughter, conversations, nature, etc.
Temperature – reflecting the environmental tone
Voice reflection – a brief spoken thought or feeling

Research Insights

Through scenario mapping, user empathy exploration, and interviews with visually impaired individuals, we uncovered key insights: Tactile and auditory cues trigger the strongest memories. Many blind users desire ways to log and revisit life moments that feel meaningful—but current tech is not designed for them. Memory is emotional—yet most devices focus on data, not feeling.