Streamix UI
Project resources
Technologies
Features
Overview
Development of a web interface inspired by streaming platforms, designed to test advanced UI/UX skills, responsive design, and dynamic content handling. The goal was to recreate a credible streaming-style experience with a dynamic catalogue, fluid navigation, and micro-interactions while preserving visual consistency across devices. Special attention was given to layout, spacing, and animation to improve perceived product quality.
Role
Interface design and frontend development, focused on advanced responsive design, UI componentization, visual quality, interactions, and API-driven data handling.
What I did
Built a streaming-style homepage with a dynamic hero, horizontal carousel rows, and content cards with hover and focus states. Integrated a dynamic catalogue via API, handling loading, error, and empty application states. Optimized responsive behavior across breakpoints by adapting grids, carousels, typography, and imagery for desktop, tablet, and mobile. Added micro-interactions and animations on hover, entry, and scroll to improve perceived responsiveness and UI quality. Structured the interface into reusable components for layout, rows/carousels, content cards, and skeleton/loading states.
Problems solved
Complex layout with carousels
Carousel-based interfaces are difficult to handle responsively. Dedicated rules were defined to preserve visual consistency, coherent interactions, and adaptive content density across breakpoints.
Perceived UI quality
Without animation, the interface feels static and unconvincing. Micro-interactions improved perceived responsiveness, visual quality, and continuity across sections.
Asynchronous data handling
With API-loaded content, multiple application states need to be handled carefully. Patterns were implemented to keep the experience fluid even under non-ideal network conditions.
Other projects
A selection of other work that helps clarify my technical approach.