Web design

Web design for organizations with a mission.

We plan, design, build, and launch websites for associations, regulators, and non-profits through a collaborative process, so the finished website works for your audiences, your content, and your team.

The Cycling Canada home page, with a mountain biker racing past a crowd under the headline “We ride for Canada.”

Web design

Designed for your visitors,
built for your team.

Your website serves members, applicants, donors, staff, and the public, often on the same page. We start with what each of them came to do, then design and build every page around those tasks. Visitors find what they need and take the next step easily, and your team gets a website that’s simple to update and stays on brand from the home page to the smallest form.

The work

From first conversation to first login.

Behind every page is a plan, a structure, a design system, and the content and connections that make it useful. We create all of it, then hand your team a website that works the way they do.

Discovery

A plan for the whole project. Stakeholder input, an analytics review, and a content inventory, brought together in a website development plan.

Site architecture

A sitemap built around your audiences. How your content is grouped, labelled, and navigated, the foundation for every page that follows.

Wireframes

Layouts before styling. Key page types, content hierarchy, and user pathways, so feedback stays on structure and flow.

Digital style guide

Your brand, translated for the web. Typography, colour, spacing, imagery, and components like buttons, menus, cards, and forms.

Design prototypes

Your website, before it’s built. High-fidelity designs of key pages on desktop and mobile, reviewed against WCAG 2.2 AA.

Development

A custom WordPress block theme. Reusable blocks, patterns, and templates in the native block editor, so new pages stay on brand.

Integrations

Connected to the tools you already use. Registration, forms, fundraising, newsletters, and analytics, through each platform’s supported methods.

Content migration

Your content, moved and organized. Key pages laid out individually, recurring content imported, and redirects from every changed address.

Testing and launch

Checked from end to end. Functional, device, accessibility, and performance testing, then a coordinated launch with a rollback plan.

Training

Ready to run it yourselves. Hands-on training, plain-language documentation, and a three-month warranty.

Process

Six phases, one senior team.

Design takes shape across the first three phases, so by the time we build, every page has been planned, styled, and tried. Every phase includes two rounds of revisions and ends with your approval, a dedicated project manager keeps you updated throughout, and every website we build includes a three-month warranty.

  1. Discovery

    Workshops and research into your goals, audiences, current website, and systems.

    Deliverables
    • Website Development Plan
  2. Experience Design

    Wireframes for priority pages, and the accessible type, colour, and components of your brand online.

    Deliverables
    • Wireframes
    • Digital style guide
  3. Prototyping

    High-fidelity designs of key pages, joined into a prototype you can click through.

    Deliverables
    • Interactive prototype
  4. Development

    A custom block theme, blocks, and integrations, built in version control and tested at every step.

    Deliverables
    • Working website
    • Test environment
  5. Content

    Fresh copy for high-impact pages, with existing content migrated and reorganized to fit.

    Deliverables
    • Launch-ready content
    • Redirects
  6. Launch & Training

    Training for your team, a final review, the domain cutover, and monitoring after go-live.

    Deliverables
    • Live website
    • Team training

Audiences

Websites designed for the people you serve.

Every organization we work with serves several audiences at once, each with its own reason to visit. We map each audience’s journey, then give each one a clear path to what they need.

Questions

Fair questions about design.

Yes. Most projects extend an existing brand into a digital style guide. If your brand needs a refresh, we can help with that as part of the project.

Yes. You review wireframes, a style guide, and a clickable prototype, and development starts only once you approve them.

Two rounds of revisions at every phase. Most projects find that is plenty, because each phase builds on decisions you have already approved.

Yes. We design a system of reusable components and build them as blocks, so new pages match the design without a designer.

Next step

Let’s talk about your website design.

Tell us about your organization and what you would like to improve. Whether you are planning a redesign or refreshing a few key journeys, we would be happy to talk through your needs.

We value your privacy. Learn more in our privacy policy.