← Back to Projects

// project case

TechPower

E-commerce platform for gaming PCs and components with focus on product discovery and checkout flow.

Mockup

Image unavailable

More visuals coming soon

Overview

An e-commerce storefront designed for fast product navigation, clear spec comparison and simple purchase journey.

What project is

A gaming hardware e-commerce platform where users browse builds, compare components and place orders.

Tech stack

Next.jsTypeScriptTailwindCSSFramer MotionShadcn/uiPostgreSQLRedisFastifyZodReact Query

My role

Implemented catalog UX, product detail pages and key commerce interactions across desktop and mobile.

Problem → Solution

The catalog had poor filtering and users struggled to compare items. I introduced a clearer filter model, better spec cards and tighter checkout progression.

Gallery

Explore interface screens

Slide 1 of 1

Technical highlights

  • Reusable filter system with URL-synced states.
  • Typed product models and normalized UI data mapping.
  • Component-level optimizations for large catalog rendering.
  • Comparison-focused UI patterns that reduce decision friction in dense specs.

Outcome / Learnings

The buying flow became more straightforward for users comparing technical specs. I learned to prioritize progressive disclosure in dense commerce interfaces.