01
Discovery
/, /search, four /collection/:slug pages, filters, sorting, empty search and filter states
Home, Design & Construction
Wickline — Architectural Light
Wickline is a portfolio-ready London architectural-lighting storefront. It presents a sixteen-piece designer lighting catalogue, four collections, editorial pages, trade and contact flows, a cart and checkout prototype, and an art-directed light/dark experience.
Home, design, and construction websitearchitectlighting
Visit live website ↗wickline-lighting.vercel.app
Project type
Home, design, and construction website
Industry
Home, Design & Construction
Experience
Responsive web experience
Availability
Live deployment
Project overview
Inside the Wickline — Architectural Light experience
Wickline is a portfolio-ready London architectural-lighting storefront. It presents a sixteen-piece designer lighting catalogue, four collections, editorial pages, trade and contact flows, a cart and checkout prototype, and an art-directed light/dark experience. Prices are presented in GBP and the studio address is 64 Clerkenwell Road, London EC1M 5PQ.
The live project uses a React 19, TypeScript, Vite, Express, tRPC, and Tailwind CSS 4 foundation. Client-side navigation is provided by Wouter, with GSAP and ScrollTrigger providing the environmental theme transition, section reveals, and product-theatre motion.
Discovery | /, /search, four /collection/:slug pages, filters, sorting, empty search and filter states
Experience details
Key features and interaction highlights
02
Product
Sixteen /product/:slug pages, finish and cable selectors, stock states, add-to-bag confirmation, unavailable-product fallback
03
Editorial
/projects, /about, /journal, and four /journal/:slug articles
04
Service
/trade, /faq, /contact, /policies, and 404 fallback
05
Commerce prototype
/cart, /checkout, /confirmation, quantity controls, empty bag, delivery options, form validation and confirmation state
Visual gallery
Desktop details and mobile experience
Three genuine captures from the live deployment show the opening view, an interior content section, and the responsive mobile composition.
Build characteristics
Technology and delivery signals
Labels come from project documentation where available; conservative delivery characteristics are used when a repository does not specify its stack.
ReactTypeScriptViteTailwind CSSGSAPWouterExpressNode.js
Project FAQ
Questions about Wickline — Architectural Light
What is Wickline — Architectural Light?
Wickline is a portfolio-ready London architectural-lighting storefront. It presents a sixteen-piece designer lighting catalogue, four collections, editorial pages, trade and contact flows, a cart and checkout prototype, and an art-directed light/dark experience.
Who is the Wickline — Architectural Light website designed for?
Homeowners and project stakeholders comparing services, materials, capabilities, and outcomes.
What does the Wickline — Architectural Light experience include?
The documented experience includes discovery, product, editorial, service. The live website shows the complete interface and interaction flow.
Can I view Wickline — Architectural Light online?
Yes. Use the “Visit live website” link on this page to open the current public deployment.
