Simple view

Outfit Check

A lookbook site for a streetwear shop in Toril, Davao City.

Type
Lookbook website
Role
Design and build, solo
Status
Live

Built with JavaScript, Three.js, GSAP, Lenis, Vite

Outfit Check screenshot

Context

A lookbook website for Outfit Check, a streetwear clothing shop. I offered to build it for the shop at no charge. The owner agreed and provided the photos. I designed and built it on my own in November 2026. Pages: Home, Lookbook, About and Visit.

Key decisions

  • The lookbook is data. The grid of tees is generated at build time from one list of names, brands and colours, so adding stock does not mean editing page markup.
  • Motion with a purpose. GSAP handles scroll reveals and the move from a grid photo to its larger view. Lenis smooths the scroll.
  • 3D on demand. Three.js powers the WebGL hero photo and the chrome 3D monogram, and it is only downloaded when one of those sections needs it.
  • One clear action. Every page ends in the same "Message us" button, because the shop answers questions about sizes and stock by message.

Result

  • Live on Netlify.
  • Four pages built as a Vite multi-page site, with shared parts kept in partials.

Home page