a { text-decoration: none !important; }

CCCU Email Design System

Writing, design, data and governance — built around the idea that email is a digital product worth taking seriously.
A collection of email guideline cards laid out in a scattered arrangement, featuring tips on writing clear, concise emails, using specific call-to-action labels, creating email journeys, and structuring content with chunking. Central card highlights a quote in white text on blue background: 'Emails with a single CTA receive 371% more clicks compared to those with multiple calls to action.'
01
The Problem

Nobody asked for a design system. I was asked to take a look at a template.

I started with structured discovery. Interviews with 23 people across 13 teams revealed something more consequential than inconsistent design.

Every team had developed its own approach in isolation. Nobody had much visibility of what other teams were sending, how often, or to whom. There was no shared language, no governance structure and no single source of truth.

Thousands of emails were going out to students at every stage of their relationship with the university, from every corner of the institution, with no common understanding of what good looked like or why it mattered.

The template was fine.
The absence of a system was the problem.

That discovery shaped everything that followed: the scope of the work, the principles behind it and the way it needed to be introduced to the people who would use it.

Transforming from varied to one voice: confident, clear and effective.

Four-panel layout discussing email design importance, goals, current state, and future goals for CCCU emails. Top left panel titled 'Why email design matters' highlights engagement, brand impact, and clear communication. Top right panel titled 'Aligning email designs with CCCU’s goals' lists six principles: sustainable design, accessibility, data-driven content, innovation in design, empowering teams, and promoting collaboration. Bottom left panel titled 'State of play: Where we are' shows various inconsistent email designs. Bottom right panel titled 'State of play: Where we want to be' shows streamlined, consistent email templates and emphasizes clarity, consistency, accessibility, and user-friendly, on-brand emails.

What the work actually was

Email is easy to underestimate as a medium. At CCCU, it is one of the primary touchpoints between the university and its students, from the first contact with a prospective applicant through to life after graduation.

Treated properly, it is a digital product. It has users with specific needs at specific moments. It has measurable outcomes. It needs to be designed, written, tested and improved.

The fact that it arrives in an inbox rather than a browser does not change that.

The scope of the work grew to cover:

Guidelines and governance.
A shared framework for how email should be planned, written, designed and reviewed.

Accessible, responsive templates.
A small set of robust templates that worked across devices and email clients.

Content strategy.
A writing framework built from scratch for CCCU's audiences and communication goals.

Data literacy.
Helping teams understand what their email data could tell them and how to use it.

Platform implementation.
A system that could work across Salesforce Marketing Cloud and TargetX, including the migration between them.

Adoption and support.
A structured rollout, team by team, with ongoing guidance built in from the start.

The brief grew from a template review into a programme of work. That tends to happen when you ask the right questions early enough.

A comprehensive set of email design guidelines displayed in multiple slides covering topics such as image weight limits, template designs, core templates, spacing, footer, text components, highlight components, image and video thumbnails, typography, reminders on do's and don'ts, component colors, other assets like title bars and hyperlinks, and template versions. The slides use a white background with blue and black text, showing example layouts and design elements for professional email marketing.
Four vertical panels displaying promotional content from Canterbury Christ Church University, featuring diverse students in various settings including a classroom, social gathering, sports area, and campus walk. The panels include headlines such as inspiring a healthier nation, open day on 8 June, key events and actions for the week, and tips to help new students settle in, along with calls to action and brief informational text.
02
THE SYSTEM
Sustainability

CCCU sends hundreds of thousands of emails. At that scale, file weight becomes a design consideration.

The system uses lightweight templates, a maximum of two images per email and files kept under 100KB wherever possible. Gmail can clip messages above 102KB, but the more important reason is simpler: oversized emails create unnecessary data transfer.

Designing responsibly means accounting for that.
Accessibility

The standard was not simply WCAG 2.1 compliance. The aim was to make a CCCU email work for everyone, regardless of device, connection quality or ability.

No text in images. Meaningful alt text. Sufficient contrast and font size. Layouts that still make sense when images do not load.

These are not concessions to edge cases. They are the conditions under which real students receive their email.
Continuous improvement

The system was not designed to be finished.It was designed to make improvement possible. Simple enough for teams with limited time and basic knowledge to use well. Structured enough that using it well would improve their understanding over time.

The goal was capability, not compliance.

Principles before pixels

Every decision in the system was made against three principles.

A system people can improve within is worth more than a perfect system nobody quite understands.

Nine-slide presentation on email writing guidelines featuring tips for clear, concise, and engaging emails including user reading patterns, email journeys, chunking content, writing headlines and buttons, email structure guidance, subject line best practices, and strategic impact. Slides include a heatmap showing F-shaped reading patterns, recommendations for single call-to-action emails, advice on short paragraphs and sentences to aid skimming, tips for writing focused headlines and effective buttons, and a reminder to use highlights purposefully. A quote states emails with a single CTA get 371% more clicks. The layout uses blue and white backgrounds with bold headings and bullet points.

Make the right thing the obvious thing

The design decisions were grounded in one ambition: reduce the number of judgement calls required to produce a good email.

If the system demanded significant effort or expertise to use correctly, it would not be used correctly. Not because the teams were unwilling, but because email is rarely anyone's primary responsibility.

Three core templates were mapped to different audience relationships and communication purposes.

A component library was built around how people actually read email: scanning first, then deciding whether something deserves their attention.

NN/g research into how people scan digital content reinforced the need for clear hierarchy, short sections and prominent actions. That thinking informed everything from headline placement to the position of the primary call to action.

Colour became a system signal rather than an aesthetic choice. Dark blue for external communications with prospective students. White for internal communications with current students. Cornflower blue as an accessible alternative for internal audiences.

Each colour maps to a stage in the student journey and carries a consistent visual weight that builds recognition over time.

Typography and spacing follow an 8px grid, consistent with the CCCU website. The result is a quiet familiarity that builds trust without demanding attention.

The system also had to be honest about its technical constraints.

Outlook remains a particularly restrictive environment for email design. Many of the techniques a designer would normally reach for simply do not behave reliably. Rather than fighting those limitations, the system uses simplicity and consistency as features.

The result is robust enough to hold together across clients, devices and different levels of digital confidence, while still giving teams genuine creative room within the brand.

Creativity within a consistent framework.

Screenshot of an email editor interface showing editing tools and a preview of an email invitation for Canterbury Christ Church University Open Day on 8 June.
Email Brand Guidelines Cheatsheet outlining steps to create emails including choosing and duplicating templates, renaming, replacing content and images, and testing. Tips and tricks include advice on headline length, accent color, image size, body copy, pull out quotes, call to action, and consistent footers. Example email design shown with details on text limits, bulleted points, clarity, avoiding jargon, and emphasizing key messages. Support section offers help via Teams channel or personal message.
03
More than design

Templates are built to
let content shine. Design supports, never distracts.

The content strategy embedded in the guidelines is not supplementary to the design work.

It is the same problem approached from a different direction.

The writing framework was built from scratch, drawing on NN/g research and adapted specifically for CCCU's audiences, platforms and communication goals.

It is grounded in how people read digital content: scanning before reading, making decisions quickly and forming impressions of the sender that persist long after the email is closed.

The framework covers the mechanics of good email writing.• Front-loaded subject lines

• One primary purpose per send

• Calls to action that describe an outcome

• Headlines that communicate immediately and work out of context

• Short, purposeful email journeys rather than overloaded individual sends

Plain language and descriptive links that improve accessibility
The aim was not to prescribe what to write.
It was to build a shared understanding of writing as a design decision. One that shapes how information lands, how actions are taken and how the institution is perceived.
Screenshot of an Email Builder User Group chat with a message about new email image guidelines recommending resizing images to 536px wide and keeping file sizes under 100KB for better performance and accessibility, referencing Vision 2030 and linking to updated guidance in Email Guidelines and a PDF version.
04
IN THE TOOL

A framework that only exists in a presentation is not really a framework

Every component, every guideline, every piece of content strategy was tested against how teams would actually use it: inside Salesforce Marketing Cloud, under real sending conditions, with real content, produced by people for whom email is one task among many rather than a primary specialism.

The system was also built to survive a platform migration. CCCU moved from TargetX to Marketing Cloud during the course of this work.

Building something portable, that could function across both platforms and transfer cleanly as teams made the switch, shaped every structural decision from the beginning.

A system that only works in ideal conditions is not a system. It is a prototype.
Screenshot taken from the email templates in use within Marketing Cloud.
Two dashboard screenshots displaying email marketing analytics. The left dashboard shows metrics like total sends (288,171), open rate (33.57%), click to open rate (8.62%), a line graph of sends and bounce rates, funnel conversion stats, and engagement distribution with bubble chart. The right dashboard titled 'Einstein Send Time Optimization' includes pie charts for total email addresses analyzed and tested send time, a bar graph showing customer engagement by day and hour, and a timeline indicating optimal email send times.
05
ADOPTION

The hardest part had nothing to do with design

Getting 13 teams to change how they work, when they have no spare time, no formal obligation, and no particular reason to trust something new, requires a different kind of thinking to designing a system in the first place.

The approach was deliberately not uniform. Some teams were motivated by quality and wanted to improve. Some needed data to justify the time investment. Some needed the workflow to be demonstrably simpler before they would engage with anything else.

Some were carrying habits and workarounds that had never been questioned, and needed to be shown, patiently and through examples from their own context, that another way was available. Each conversation was different. Each presentation was tailored. The selling, in the honest sense of that word, has not stopped and probably will not.

What made it possible was grounding every conversation in goals the team already cared about. Not "this is the right way to do email" but "here is how this makes your communications more effective, more accessible, and less work to produce." The system had to earn its place in people's workflows. That work is still ongoing.

The Teams support hub, weekly guidance, tutorial recordings and real-time Q&A were not afterthoughts bolted on after launch. They were a core part of the design: the infrastructure that makes the rest of it sustainable.
Four-panel infographic titled 'Data: Measuring success' with sections on key email data metrics like open rate, clicks, unsubscribe rate, engagement, and bounce rate. It also offers practical tips such as improving subject lines, audience segmentation, monitoring drop-offs, and refining send times. A top tip advises setting a routine to check email performance after major sends. The last panel is a pre-send checklist with seven points to review before pressing send, including subject line clarity, message spotting ease, link accuracy, mobile display, call to action, content relevance, and proofreading.
Nine white slides with data and statistics on email engagement and click rates for Clearing emails, each with a colored box highlighting key metrics such as 94% desktop opens, 9.1% click-to-open rate, 11.5% peak click-to-open rate in August, 16.6% click rate for Thursday sends, 0.52% unsubscribe rate, 54.4% click-to-open rate for the Congratulations email, 10.1% average click-to-open across course-specific emails, 36% of clicks not tracked to links, and 33.8% average open rate with 142,530 sends and 45 variants. Each slide explains what the metric is, what happened, and why it matters.
06
OUTCOME

The system is in use:
The work is not finished

Greater consistency across teams. Communications that feel like they come from the same institution, with the same values and the same level of care. A shared language for talking about content, design and audience that did not exist before.

An approach to digital communication that is beginning to influence how CCCU thinks about brand consistency more broadly, because trust is built through every interaction, and every interaction is a design decision whether it is treated as one or not.

Part of the ongoing work is building the data practice that allows teams to improve independently over time: reading their own performance, adjusting their approach, and understanding that the emails they send do not exist in isolation. Frequency, volume and relevance are institutional concerns, not just individual ones.

The next stage is elevating that awareness across the business, helping people understand the cumulative effect of their sending behaviour on the institution's relationship with its students, and giving them both the knowledge and the motivation to make better decisions.

Designing the templates was the easy part.
Laptop on a wooden desk displaying a blue screen with the text 'Email brand guidelines' and Canterbury Christ Church University logo, with stacked books on the left and white candles on the right.
Smartphone displaying an email with the message 'Congratulations We've made you an offer' from Canterbury Christ Church University and a photo of five smiling people taking a selfie.
Linkedin logo

Linkedin

Email icon

Email

Instagram logo

Instagram

Dribbble.com logo

Dribbble

Download CV

Mister Giles
Featured Projects
Clients
Work
Contact