wijaya
Luxury storefront combining editorial brand storytelling with a fast, browsable product catalog.
overview
Christian Wijaya is a multi-page luxury storefront for watches, jewelry, leather goods, accessories, and exclusive events. It combines editorial imagery and brand heritage with practical catalog browsing, detailed product pages, and interactive customer touchpoints.
Astro static generation keeps the image-heavy experience fast while typed data and shared components make catalog content easy to maintain.
key features
shopping
- catalogBrowse 12 products across four collections.
- discoveryFilter by category and sort by price or name.
- product detailReview descriptions, specifications, prices, and related products.
brand
- editorial pagesPresent collections, heritage, events, and brand video.
- social proofSurface testimonials and consultation prompts.
- visual directionPair dark neutrals, gold accents, serif type, and large imagery.
interaction
- product controlsValidate quantity and provide cart feedback.
- formsValidate newsletter and model-application input.
- responsive navigationAdapt browsing and controls across viewport sizes.
platform
- static routesGenerate product pages from one typed catalog source.
- image pipelineServe responsive images with low-resolution placeholders.
- discoverabilityProvide semantic markup, metadata, canonical URLs, and legacy redirects.
technology stack
- interface
- Astro
- TypeScript
- vanilla CSS
- delivery
- Astro Assets
- Vercel
- quality
- Playwright
- axe-core
engineering highlights
data-driven catalog
One typed product source generates reusable cards, collection views, and 12 static product routes with consistent metadata and related products.
image-heavy performance
Astro Assets and low-resolution placeholders reserve layout space, serve responsive sources, and improve perceived loading across editorial pages.
automated quality
CI checks formatting, linting, types, builds, browser behavior, accessibility, coverage, redirects, and dependency security.