Work2025
CAOT — Advocacy Website
A new advocacy platform for CAOT — brand direction, prototypes and a custom-coded Squarespace build.
- Squarespace
- Figma
- JavaScript
- HTML
- CSS

- Client
- CAOT
- Sector
- Non-profit
- Platform
- Squarespace + custom code
- Role
- Design, prototyping & build
- Year
- 2025
Goal of the collaboration
Give CAOT's advocacy work a clear, modern home that explains the mission and makes the issues easy to follow.
A Squarespace advocacy site for CAOT, built without a large engineering team and centred on a stronger visual identity.
- follow WCAG guidelines
- Accessible
- english and french
- Bilingual
- from concept to interactive mockups
- Prototyped
The challenge
The organisation needed a dedicated advocacy site with a stronger visual identity and clearer content, without a large engineering team. A deadline was set to launch before 100th anniversary celebrations, and the site had to be bilingual.
What I did
- 01New visual direction and page layouts
- 02Interactive prototypes to test structure and flow
- 03Custom-coded Squarespace build
- 04Bilingual content and accessibility built in from the start
Selected screens
Open any image for a larger view — arrow keys move between shots.
The outcome
A complete, launch-ready design and site structure that modernises how CAOT presents its advocacy work.
Building something similar?
I'm open to front-end roles and freelance work. Tell me what you're shipping.
More projects
All projects
StudyLoopstudios Landing Page
A 1:1 recreation of a VR brand landing page, built with semantic HTML, CSS and vanilla JavaScript.
StudyContact Book
A Vue single-page contact manager with search, sorting and edits that persist in local storage.
StudyNotifications App
A compact React app for triaging notifications: dismiss one, clear all, and watch the count update.