Brief

Build a premium, minimal furniture e-commerce experience from an FLSStart frontend, transfer it into a manageable WordPress architecture, and preserve the art-directed layout across desktop and mobile. The solution had to cover editorial Rooms content, a real WooCommerce catalogue, product pages, cart, checkout and a clear demo delivery scenario.

What was delivered

Frontend: responsive FLSStart/SCSS components, semantic templates and a unified design system were converted into a custom WordPress theme. WordPress architecture: Rooms are managed as a dedicated content type with SCF fields, while products, categories, stock, cart, checkout and orders are handled by WooCommerce.

Commerce and delivery: category filtering, quantity updates, stock changes, cart drawer, checkout and order confirmation were implemented and verified. Nova Poshta branch and parcel-locker choices are presented as an explicit demo flow. Motion: IntersectionObserver drives staged Y/X reveals, card stagger and image reveals; the existing FLS parallax is limited to the Home and Room heroes, with prefers-reduced-motion support.

Key challenges

The main challenge was combining editorial motion with commercial UI without slowing down product discovery or checkout. Large entry images initially pushed mobile LCP to 31.5 s and the page to about 40 MB; the final pass reduced the visual payload to about 1.9 MB and brought mobile Lighthouse performance to 93 with LCP 2.7 s and CLS 0.

The project also required a clean separation between custom content and WooCommerce data, consistent responsive behaviour from 390 to 1920 px, and reliable production migration to an isolated WordPress installation and database.

Result

A production-ready responsive demo store deployed at solve.mike-dev.com.ua. Home, Rooms, Single Room, Shop, product pages, cart, checkout and order confirmation were manually verified at 390 / 768 / 1440 / 1920 px with no horizontal overflow, broken images or console errors. Build, wpbuild and git diff checks pass.

Demo boundary: no real payments are processed. Cash on Delivery is used for test orders only. “Nova Poshta delivery UX is implemented in demo mode. Production API integration requires merchant credentials.”