<design/> meets <code/>

Communicating complex ideas through thoughtful digital design.

I plan, design, and build websites that make information easier to understand — combining strategy, visual storytelling, and front-end craft in one hand-off-free process.

About me

I work at the intersection of design and technology, helping organizations communicate clearly online — from the first sketch to the deployed site.

My background spans visual design, front-end development, and content strategy, which lets me move seamlessly from concept to launch without losing the original intent along the way.

Agency experience since 2005
Two decades collaborating with multidisciplinary teams on websites, campaigns, and digital products.
Based in Montréal
Working with organizations across Canada and beyond from one of North America’s most bilingual, design-forward cities.
English · French · Spanish
Comfortable bridging communication across teams, stakeholders, and audiences in three languages.
Designer who codes
A foundation in both visual design and front-end development keeps ideas intact from concept to implementation.

Clients I've Collaborated With

Google Enterprise Rent-A-Car Desjardins David Suzuki Foundation StockTrak

Selected work

A few of the projects I’ve worked on — from information architecture through to responsive front ends.

How a project comes together

After assessing what a client needs, I map the site’s structure and user journey before anything gets wireframed. Switch between the stages to see how one project moves through each.

Home
Services
Service detail
Book / Contact

Map the journey. Before any screen exists, I lay out the site’s structure and the path a visitor actually takes to their goal.

Structure the page. Low-fidelity layout establishes hierarchy and content priority within that journey.

Branding guide

A calm, high-contrast palette and a clear type scale carry the visual identity across every page.

Visual system. Type, color, and spacing get locked into a reusable set of tokens — not one-off styling.

<section class="card">
<h3>Progress</h3>
.card { border-radius: 14px; }
</section>

Shipped. Semantic, accessible markup and maintainable CSS — built to hand off or maintain long after launch.

Cross-browser & device checks (Chrome, Safari, Firefox, iPhone & Android devices)
Responsive layout review at every breakpoint
Accessibility pass — contrast, focus states, alt text
Client review round & final content edits

Test everything. Before anything ships, the site gets checked across browsers, devices, and screen sizes, along with an accessibility pass and a round of client feedback and revisions.

$ git push origin main
Building production bundle…
Running final checks…
✓ Deploy successful
Live at https://client-site.com

Launch. The site goes live on the client’s domain, with a final performance and SEO check plus a quick walkthrough so the client feels confident maintaining it going forward.

What clients say