Loading
Projects/Case Study
FrontendPersonal Project

Audix

Audix is a premium e-commerce showcase for high-end wireless earbuds. Built with Next.js, it features a curated lineup of 10 products with dynamic product pages, gradient blob backgrounds, and a responsive grid layout designed to highlight the premium nature of the brand.

Role

Frontend Developer

Year

2025

Stack

Next.js, React, TailwindCSS

Audix
01

The Challenge

Designing a product showcase that communicates luxury and premium quality through UI alone — without a backend or cart system. The challenge was making static product pages feel dynamic and engaging while keeping the build lean and fast.

02

The Outcome

Delivered a polished Next.js e-commerce showcase with 10 fully detailed product pages, gradient blob background effects, and a responsive grid layout. The site loads instantly and scores high on Lighthouse performance metrics.

03

What It Does

01

10 Premium Products

Complete wireless earbuds collection ($179–$399)

02

Dynamic Product Pages

Detailed specs, features, and pricing per product

03

Active Noise Cancellation

Highlighted as a key product differentiator

04

Gradient Blob Backgrounds

Unique visual identity per product

05

Responsive Grid Layout

Optimized for desktop, tablet, and mobile

06

Touch Controls Showcase

Advanced earbud functionality display

07

Water Resistance Ratings

Sport and lifestyle product differentiation

08

Wireless Charging

Premium feature callouts across product range

04

Gallery

Click to expand
Haider Ahmad | Full Stack Developer & UI/UX Designer