Unpacking the field notes…
Unpacking the field notes…
shop window · 04
EXP-04 · iHAVECPU
ประสบการณ์หน้าร้านออนไลน์
The parts of the store customers touch every day: finding the right product, comparing it, zooming in and getting drivers after they buy.
01
Built and maintained these storefront features from Figma to production.
A PC store has thousands of similar-looking products. Customers need help choosing, a clear look at what they're buying, and a smooth experience on every screen.
02
Stack: Next.js, React, TypeScript
Product Journey asks what you'll use the machine for and guides you to fitting products, with its own mobile flow.
Benchmark cards show expected game performance for each spec, with skeletons while data loads.
A new zoom control sized for each screen, writing transforms directly while dragging so the page doesn't re-render on every move.
Scroll lock without layout shift, 16px inputs against iOS zoom, notifications that sit above modals, and support for older browsers.
03
Everyday storefront pages that help customers decide and feel smooth on every device.
Next expedition →
Ship & Watch