A better way to a career.
Building a new chapter for MedCerts.
Legacy businesses often have strong products and loyal customers but they don’t resonate with new audiences or new ways of doing business. MedCerts faced this issue, but I worked closely with them over the course of many months to turn their brand around.
About
MedCerts builds new paths for individuals to start their next career move. They selected Punch to completely revamp their online web presence and become their technical partner. We always had the goal of owning the web and taking it from obstacle to competitive advantage in mind. I was lead client manager and designer on the project.
Over six months, I worked both on-site and remotely to deliver a success for MedCerts. Our design and engineering teams at Punch worked closely with the client to help them capture more leads and improve the user experience across the entire site with a total rebrand and redesign of their web presence.
We began with user research and internal focus groups to plan development and determine the new voice and positioning for MedCerts. A thorough produce timeline meant no area of the site was left untouched for launch and each of the client’s internal tools and APIs were integrated successfully. Post-launch employee training transitioned some parts of development to the client, while Punch remained a technical partner.
Marketing & website
Easy on the eyes and easy to update
A website redesigned from scratch
The new site put lead-generation first. Punch developed ground-up and creative solutions to integrate MedCerts’ many APIs seamlessly into the site (including a custom Hubspot form integration that just works). Under the hood, a powerful tech stack powers the work so that the management of landing pages, support, blog articles, news, and program touchpoints are centralized after years of being broken apart. When users visit the website there is now only one experience.
Just wanted to say job well done on the website. It looks incredible and everyone is very pleased. Nice work!Jason AubreyPresident of MedCerts
Branding
Identity
A professional logo
For the logo, I veered towards the direction of university logos. As an online education provider, authority and trustworthiness are important to convey in a brand. The logo graphic (fountainhead) ends in calligraphic strokes. The flourish motif recalls growing grass or wheat: a symbol of wealth and prosperity. The all-capital letters and serif typeface are as storied as the the written letter is in the West. This could be considered going overboard, but the effect balances with the contemporary colors and overall design.
Color Tests
Pantone®
2414 U
#2EB480
Pantone®
3395 U
#00C795
Pantone®
2416 U
#1DB181
Pantone®
3405 U
#00B27A
Pantone®
2251 U
#0BAA78
Pantone®
2250 U
#29B17B
Pantone®
2416 C
#00B176
Pantone®
3395 C
#00C389
Pantone®
2250 C
#00B373
Pantone®
3405 C
#00AF66
Pantone®
2251 C
#00AD6F
Pantone®
2414 C
#00BB7E
Pantone®
2414 U
#2EB480
Pantone®
2369 U
#3B3FB6
Pantone®
2126 U
#5B5BB1
Pantone®
661 U
#4A67AA
Pantone®
286 U
#3155A4
Pantone®
2728 U
#5368C2
Pantone®
2738 U
#474DA4
Pantone®
662 U
#425390
Pantone®
2726 C
#485CC7
Pantone®
2369 C
#3B3FB6
Pantone®
2728 C
#0047BB
Pantone®
2126 C
#303AB2
Pantone®
661 C
#003594
Pantone®
656 C
#DDE5ED
Pantone®
656 U
#E2EAF2
Pantone®
Warm Gray 1 U
#D8D5CD
Pantone®
Cool Gray 1 U
#DAD9D6
Pantone®
Cool Gray 1 C
#D9D9D6
Pantone®
Warm Gray 1 C
#D7D2CB
Tangier
286 U
2726 C
#4258d9
Indigo
#30409b
Grass
3405 U
3395 C
#15bd8c
Malachite
#00a67c
Hydrangea
656 U
656 C 60% Tint
#ecf3fc
Muslin
Warm Grey 1 U 30% tint
Warm Grey 1 C 30% Tint
#f7f3f1
Porcelain
#f4f4f4
Carbon
#27282a
Pewter
#ecf3fc
Color
Honing in on the correct color
For the most part, color is chosen digitally today for digital work and only later is a print color found. This raises translation issues. I researched and considered the options best suited for porting a digital color to a physical ink like Pantone so that the experiences could remain as similar as possible. A certain eye training and patience are required to find the right color because screens output light while paper reflects light; they fundamentally interact with color differently.