01
Primary conversion
A four-step consultation planner captures a starting service, project context, contact details and a review summary.
Home, Design & Construction
Maris Workplace Studio
Maris Workplace Studio is a premium, editorial website for a fictional coastal-minded workplace design practice serving organisations in the United Kingdom, Australia and New Zealand. Its primary conversion is a short, accessible consultation-planning flow.
Home, design, and construction websitearchitecthomematerial
Visit live website ↗workplace-design-studio-v2.vercel.app
Project type
Home, design, and construction website
Industry
Home, Design & Construction
Experience
Responsive web experience
Availability
Live deployment
Project overview
Inside the Maris Workplace Studio experience
Maris Workplace Studio is a premium, editorial website for a fictional coastal-minded workplace design practice serving organisations in the United Kingdom, Australia and New Zealand. Its primary conversion is a short, accessible consultation-planning flow.
Demo-content notice: Maris, its team, projects, locations and project figures are fictional portfolio material created to demonstrate the site experience. The website does not contain customer reviews, star ratings or fabricated testimonials.
Primary conversion | A four-step consultation planner captures a starting service, project context, contact details and a review summary. It includes validation, disabled duplicate submission state, success state, retryable error state (enter an email containing error to simulate one), back/cancel controls, Escape support and focus management.
Experience details
Key features and interaction highlights
02
Contact conversion
A labelled contact form supports validation, loading, success and retryable error states. It deliberately does not make a real network request in this static demo.
03
Project archive
Search, intention filters, sort, selected-filter chip, clear/reset controls, result count, no-result state, dedicated project pages and a signature Framer Motion layout-reordering collage.
04
Studio archive
Project location/year/scope/scale/intention data appears across the project index and home collage. Studio profile uses a selector with a live media preview.
05
Services
Expandable service index with active/open state and six dedicated service routes.
06
Journal
Searchable, type-filtered field-note shelf with dynamic article routes and no-result recovery.
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 CSSFramer MotionWoutershadcn/uiRadix UI
Project FAQ
Questions about Maris Workplace Studio
What is Maris Workplace Studio?
Maris Workplace Studio is a premium, editorial website for a fictional coastal-minded workplace design practice serving organisations in the United Kingdom, Australia and New Zealand. Its primary conversion is a short, accessible consultation-planning flow.
Who is the Maris Workplace Studio website designed for?
Homeowners and project stakeholders comparing services, materials, capabilities, and outcomes.
What does the Maris Workplace Studio experience include?
The documented experience includes primary conversion, contact conversion, project archive, studio archive. The live website shows the complete interface and interaction flow.
Can I view Maris Workplace Studio online?
Yes. Use the “Visit live website” link on this page to open the current public deployment.
