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.

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

Desktop Layout

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

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

Mobile Layout

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

CSAM-SMCA Mobile Homepage Mock-up

Email Newsletter

The design aesthetic was carried through to other touch points like their email newsletter.

Social Media

Social media is an important part of CSAM-SMCA’s strategy and so the brand style was carried through here as well.
CSAM-SMCA Social Media Layout

This project was developed in association with AMP.

Let's Talk

    Give me a call:

    (647) 567-4583