Templeton Living & Lakewood Living
One design system, carried from a print brochure onto two Passive House websites for the same East Vancouver builder.
Client challenge
Templeton and Lakewood are sibling Passive House developments by Dimex Group, a Vancouver builder of more than thirty years, both on East 1st Avenue in East Vancouver. The homes are carefully engineered and quietly premium. The websites selling them were neither. Each one-pager held all the right information, the floor plans, the Passive House story, the neighbourhood, but it stacked everything into dense blocks of centered text laid over photos, with competing buttons and no clear path to the one thing that matters: booking an appointment. On a phone it was worse, the hero text crowding over the image until it was hard to read at all. For a buyer weighing a purchase this size, both sites undersold the product.
Our strategic approach
Dimex needed a sales brochure for Templeton, and the website selling the homes wasn't doing them justice either. Instead of treating those as two separate jobs, we built one design system to carry both: a quieter, more confident language of type, spacing, and layout, working within the existing brand rather than replacing it. We designed the brochure on it first, then carried the same system onto the website.
When Lakewood followed, the system was already there. The second site took a fraction of the time the first one did, and the two properties read as siblings without looking like copies. Each keeps its own colour and its own personality, Templeton in magenta and Lakewood in teal, on shared bones.
Solution
We rebuilt both one-pagers around that system. A display serif now carries a short, human headline, "Made to live in" on Templeton and "Move-In Ready" on Lakewood, where the old sites had stacked sales copy. The spacing opened up, and the two actions that matter to a buyer, book an appointment and view the floor plans, became the clearest things on the page. Everything the old sites buried is still here, but it reads in order now: the homes, the finishes, the walkthrough, the neighbourhood, the Passive House engineering, the plans.
We worked through the rest of each page the same way. Templeton mixes condos and townhomes, so we tightened the UX on its floor-plan filter, letting a buyer narrow to one, two, or three bedrooms and see only the plans that fit. Lakewood is all three-bedroom townhomes, so its plans list straight out with no filter in the way. The neighbourhood maps and their directories of nearby restaurants, cafés, schools, and parks were redrawn to match, and the Passive House engineering is laid out on both so it reads as a selling point rather than a footnote.
We built each site as a working prototype, then migrated them into Wix Studio at the client's request.
Results
Both sites now match the homes they sell. Side by side with the old ones, the difference reads instantly: more modern, calmer, easier to follow, with the offer and the next step impossible to miss, and a phone experience that went from cramped to genuinely comfortable to use. The design system is the part that keeps paying off. It went from a print brochure to Templeton to Lakewood without being rebuilt each time, so Dimex speaks with one voice everywhere a buyer meets either property, and the next development starts with the groundwork already done.
