Designing for Loyalty at Scale
Client
Blue Rewards
Year
2025 - Present
Overview
A UI interaction study exploring how glassmorphism, motion, depth, and visual feedback can transform a static button into a more tactile digital interaction.
The project focuses on designing responsive button states that feel immediate, intuitive, and consistent within a mobile interface.
Context
Platform
Mobile interface.
Focus
Interaction Design, UI Design, Motion Design, Micro-interactions, and Glassmorphism.
Tools
Figma, Prototyping.
Goal
Create a glass button interaction that communicates user input through subtle changes in depth, light, scale, and motion.
Design Challenge
Turning a static glass component into a responsive interaction
Creating clear feedback between user input and interface response
Balancing visual depth with usability
Making motion feel tactile without becoming distracting
Design Strategy
1 – Material & Depth
Using translucency, blur, borders, highlights, and subtle glow to create a layered glass surface with a sense of depth.
2 – Interactive States
Defining a clear progression between:
Default → Pressed → Active
Each state maintains the same visual identity while providing distinct feedback to the user.
3 – Motion & Feedback
Using subtle changes in scale, brightness, depth, and position to make the interaction feel responsive.
Motion is treated as functional feedback rather than decoration.
Visual System
Glass Surface · Blur · Light · Border · Glow · Icon · Motion
Together, these elements create a reusable visual language for tactile interface components.
Interaction Flow
Idle → Press → Feedback → Active
The prototype demonstrates how the button responds to user input and transitions between interaction states within a realistic mobile interface.
Outcome
Designed a complete glass button interaction
Defined reusable interaction states
Explored tactile feedback through motion and visual changes
Combined material design with functional interaction
Created a high-fidelity Figma prototype for testing and iteration
Scope of Work
