NEW

June 2023

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

Category

UI/UX Design · Mobile Interaction

Client

Independent Concept

Tech Stack

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.

More Other cases

View more works

XPD Motion Graphic Explainer Video

24-26 Feburary 2025

Motion Design | Animation

Kingsman Bank

November 2022

UI/UX Design | Digital Wallet App

hey@brayden.sg

Experience is key

Get in touch.

Whether it’s designing an interface, building a brand, or crafting a visual story. I’m here to help bring your ideas to life in a way that connects.

Let's Connect

hey@brayden.sg

Experience is Key

Get in touch.

Whether it’s designing an interface, building a brand, or crafting a visual story. I’m here to help bring your ideas to life in a way that connects.

Let's Connect