FORM & FIELD | Interactive Furniture Store

FORM & FIELD — an interactive furniture shopping experience

THE GOAL Create a considered furniture storefront that combines editorial design with an intuitive journey from product discovery to checkout. Warm natural tones, olive accents and generous room photography create a cohesive brand experience.

MY ROLE Concept, web design, responsive front-end development, interaction design and functional testing.

KEY FEATURES • Product collection with categories, search and price sorting. • Product details with materials, care information, dimensions, finish options, sizes, quantities and updated pricing. • Product-to-room imagery and interactive room hotspots that open the relevant product. • Day/evening room mood and animated material cards. • Slide-out cart with variants, quantity editing, subtotals and local persistence. • Three-step checkout covering customer details, delivery/payment choices and final review. • Illustrative purchase completion with an itemised summary. • English/German interface, mobile navigation and responsive layouts. • Scroll reveals, image transitions, subtle product tilt and reduced-motion support.

TOOLS & SKILLS HTML5, CSS3, JavaScript, SVG, localStorage, IntersectionObserver, native dialogs and form validation. Node.js for local preview; a PHP shortcode wrapper prepared for WordPress embedding. Web design, e-commerce UX, responsive development and motion design.

PROJECT SCOPE Independent portfolio concept with illustrative products and pricing. The shopping flow is interactive; live payment processing, order fulfilment and transactional email are separate production integrations. The prepared WordPress wrapper has not yet been runtime-tested in WordPress.

VIDEO WALKTHROUGH https://youtu.be/V8DsZHUCDqM