CSAM-SMCA was a branding, web design & development project.

The brand needed to communicate:

Inclusivity

Wellness

Stature

Canadian

The Brand

CSAM-SMCA Logo
CSAM-SMCA Icon

The shape represents one blade of a Maple Leaf with the integrated continous line eluding to inclusivity and wellness.

Modern Serif Typeface
A modern serif gives the brand stature.

A subdued colour palette re-enforces the feeling of heritage while the pop of yellow prevents it from feeling stodgy.

Desktop Layout

CSAM-SMCA Homepage Mock-up

A subtle block system creates order to organize the various sections of information.

Mobile Layout

To preserve all the content on mobile, a full page menu slides in from the right.

CSAM-SMCA Mobile Homepage Mock-up

Extending the Design System

The design system developed on the homepage was extended through the remainder of the site.

CSAM-SMCA what we do
CSAM-SMCA Job Opportunities
CSAM-SMCA Bylaws
CSAM-SMCA Blog Post User Profile
CSAM-SMCA sample blog post
CSAM-SMCA people

Additional Screenshots

The concept of blocks was carried through the remainder of the website.

General Page
CSAM-SMCA General Page
Homepage Scrolled
CSAM-SMCA Homepage Scrolled
Blog
CSAM-SMCA Blog
Footer
CSAM-SMCA Footer
Minutes
CSAM-SMCA Minutes
previous arrowprevious arrow
next arrownext arrow

This project was developed in association with AMP.

Let's Talk

    Give me a call:

    (647) 567-4583