Webflow + custom application
Webflow controls the public content and visual browsing experience. The custom Next.js/Node.js application layer is used for the more complex, stateful customer journey.
Experiential real estate · Webflow
Elysium Communities
A narrative-led brand website for a new model of experiential microcities built around wellness and belonging.
View live site ↗
Project overview
What the project is.
Elysium Communities presents a new model of community-led experiential real estate. The work covered its Webflow customer experience and custom application flows, connecting a visually rich marketing site with application logic built outside Webflow.
Project role
Full-Stack Developer · Frontend and backend integration
Technology stack
Tools used on this project.
Frontend
WebflowReact
Application
Next.jsNode.js
Deployment
Vercel
What was built
The real work behind it.
- A multi-step waitlist and application experience that collects living preferences, household information and application choices in manageable stages.
- A configurable options flow for unit, view, dining, transport access, membership and application type.
- Early- and standard-application paths, including validation, progress handling and a confirmation experience.
- A referral journey that preserves a referral code, creates a shareable link and supports sharing by email, SMS, X and WhatsApp.
- A responsive bridge between the Webflow marketing experience and custom application screens.
How it works
A simple view of the journey.
- 1Visitor explores the Webflow site
- 2Starts the waitlist or reservation journey
- 3Custom application collects choices and contact details
- 4The selected application path is validated
- 5Visitor reaches confirmation and referral actions
Frontend & UX
Designed to work, not just look good.
- Webflow carries the editorial, image-led marketing experience; the custom application interface handles steps that need richer state and validation.
- Built option cards, form controls, progress cues, a sticky summary and confirmation states so a long application remains understandable.
- Kept the visual language consistent as visitors move between the public site and application journey.
Integrations
How the systems connect.
Responsive development
Built for every screen.
Long-form marketing sections, option grids, the progress interface and action areas were adapted independently for desktop, tablet and mobile. On smaller screens, controls stack, tap targets expand and the application summary remains usable without crowding the form.
Desktop
Tablet
Mobile
Performance & quality
The details that support the experience.
Step-by-step validationKeyboard-operable option cardsPersistent journey stateResponsive image and layout planningClear loading and confirmation states
Your project could be next