Selling a neighbourhood, not just apartments
The Oak Living
Moncton, CA
April 3, 2024
Real Estate
Corporate
UI/UX Design
Webflow Development
CMS
Booking
Integrations
Custom Code
Snapshot (AEO)
The project in four lines
The Oak, a new residential community in Moncton's North End, New Brunswick, leasing modern apartments through Thrive Properties.
Renters choose a neighbourhood before a floor plan, and the team needed a site that sells the setting and turns interest into booked showings quickly.
A Webflow site with a lifestyle-led homepage, CMS units listing and unit pages, 360° virtual tours, floor plans, FAQ and showing bookings.
The Oak launched its booking system weeks earlier than planned and every unit can be explored online before a visit.
Numbers
The project in four lines
2 days
from design to a working website
10 unit pages
generated from one CMS template
360° tours
virtual walkthrough for every unit
Weeks early
booking system launch, as reported by the client
The challenge
Our services
Heading
Selling the location first
The Oak is a new building. Renters need to trust the neighbourhood and picture life there before they look at units.
- Location sells. The site had to show the North End, nature and amenities before floor plans.
- Many units. Each layout needed photos, plans and a tour without building pages by hand.
- Fast launch. Leasing was starting and the booking flow had to go live quickly.
01 · Units
Every layout, one template
Available units are managed in the Webflow CMS. The listing shows each layout with bedroom tags and photos, and every card opens its own unit page built from a single template.
- Units listing driven by the CMS
- Bedroom and bathroom tags on every card
02 · Virtual tour
Walk through before you visit
Each unit page combines a hero photo, a floor plan and a Virtual Tour button that opens a 360° walkthrough with room-by-room scenes, followed by a building floor plan slider and photo gallery.
- 360° tour with scene thumbnails
- Floor plans and gallery on every unit page
03 · Lifestyle
A neighbourhood worth moving to
Before units, the homepage tells the story of the community: structural excellence, modern living and premium finishes, amenities like underground parking and a fitness centre, and photos of everyday life at The Oak.
- Amenities and community sections
- Book a Showing and Reserve a Unit at every step
Mobile
Heading
Mobile
Find your unit on the go
On mobile the menu opens as a clean card with booking buttons, and the counters, lifestyle sections and unit cards stack into one easy column.
Under the hood
How the pieces connect
Heading
Heading
Heading
Heading
What we built
- Brand-led design. A Figma design and prototype in calm greens and warm creams that match the brand and the target audience.
- Lifestyle homepage. Location, amenities, community and counters before units, with clear calls to action.
- CMS units. A units listing and a unit page template with photos, floor plans and details for every layout.
- Virtual tours. 360° walkthroughs linked from each unit so renters can explore before visiting.
- Bookings and enquiries. Book a Showing and Reserve a Unit paths connected to the leasing team.
Client feedback
How the pieces connect
Questions about this project
FAQ
Heading
Can each apartment have its own page without building it by hand?
Yes. The Oak's units live in a Webflow CMS collection, so every layout gets a page with photos, floor plan and tour from one template.
Can a Webflow site include 360° virtual tours?
Yes. Each unit links to a 360° walkthrough so renters can explore rooms before booking a showing.
How fast can a residential community website launch?
For The Oak the site went from design to a working build in two days, and the client launched bookings weeks earlier than planned.
Relevant projects
You might interested
Travel & Hospitality
Education
