Prologue

Aside from my core UX/UI responsibilities, I was involved in a number of art direction and design work. Below are some memorable projects that I'm proud of.

Pinterest Integration

We did a campaign on Hootsuite's brand new integration with Pinterest in Hootsuite's core product. The challenge? Only one week allocated all the way from concepting, to the build of all the design pieces. Within this insane timeline we had to build a number of assets: e-mails, landing pages, social ads, animated GIFs and a video. No pressure.

I did some loose sketches, quick storyboards, and designed it all. Shout-out to the talented creatives of Emma Brown for the clever ad concepts/copy, Stuart Langfield on the creative direction, and Spencer Blaiklock on the buttery-smooth motion design!

Social video

 Video storyboard, 1 of 2

Video storyboard, 1 of 2

 Video storyboard, 2 of 2

Video storyboard, 2 of 2

Hootsuite product announcement

v1b.png

Social ads

PUA-Pinterest-PI_1.png
PUA-Pinterest-PI_2A.png
PUA-Pinterest-PI_3.png
PUA-Pinterest-PI_4.png

 

Hootsuite Swag—T-Shirt Refresh

We were pretty uninspired with our existing t-shirts and desperately needed a new shakeup of Hootsuite's existing lineup. We wanted to design shirts that people would be proud of wearing without screaming 'Hootsuite'. The goal was to create inspiring, cool shirts that people would wear proudly instead of looking like a walking billboard. Below are some concepts I've done and designs that actually got produced and made it to the world. We really resonated on showcasing our offices all around the world and sharing our brand purpose, To champion the power of human connection. Some conversations and concepts as well highlighting our company values such as Lead with Humility and Grit in All We Do. Typefaces were carefully selected to be royalty-free, ensuring we meet our limited amount of budget.

Shirts before the refresh 

 Generic shirt with our owl logo

Generic shirt with our owl logo

 Generic shirt with our owl logo... on a branch

Generic shirt with our owl logo... on a branch

Creative concepts

1_T-Shirt-Mock-Up-Front_White.jpg
1_T-Shirt-Mock-Up-Back_White.jpg
1_T-Shirt-Mock-Up-Front_Black.jpg
1_T-Shirt-Mock-Up-Back_Black.jpg
2_T-Shirt-Mock-Up-Front_White.jpg
2_T-Shirt-Mock-Up-Back_White.jpg
2_T-Shirt-Mock-Up-Front_Black.jpg
2_T-Shirt-Mock-Up-Back_Black.jpg
3_T-Shirt-Mock-Up-Front_White.jpg
3_T-Shirt-Mock-Up-Back_White.jpg
4_T-Shirt-Mock-Up-Front_White.jpg
4_T-Shirt-Mock-Up-Back_White.jpg
5_T-Shirt-Mock-Up-Front_White.jpg
5_T-Shirt-Mock-Up-Back_White.jpg
6_T-Shirt-Mock-Up-Front_White.jpg
6_T-Shirt-Mock-Up-Back_White.jpg

Shirts that made it out into the world

 Front—HMN CNX which represents Hootsuite's brand purpose, "Human Connection".  A cotton branding tag on the bottom left of the shirt

Front—HMN CNX which represents Hootsuite's brand purpose, "Human Connection".  A cotton branding tag on the bottom left of the shirt

 Back—Airport codes of our global offices around the world

Back—Airport codes of our global offices around the world

 

Pink Shirt Day

For this particular project, Hootsuite hosted a Fireside Chat for Pink Shirt Day. We wanted to sell shirts with all proceeds that would be donated back to Pink Shirt Day. For that particular year, Pink Shirt Day had already created an existing messaging which was Nice Needs No Filter. The challenge was to tie it all back to the existing messaging and to produce these shirts with a limited amount of budget. Despite these limitations, I was able to come up with some work that the Hootsuite team was super proud of that got released to the world for a good cause.

 Illustration treatment with two inks

Illustration treatment with two inks

 Illustration treatment with one ink

Illustration treatment with one ink

 Type treatment with two inks

Type treatment with two inks

 Type treatment with one ink

Type treatment with one ink

 

Increase Sales and Leads

Another marketing campaign, another crazy timeline to meet. For this specific campaign, our customers expressed through research that the number one thing they want to do through social selling is to Increase Sales and Leads. Thus, birthed the campaign, titled so. So with this in mind, the creative team agreed that finding sales and leads is no secret that it can be pretty hard. So hard, that idioms seem to pair the scenario quite appropriately. Finding a lead can sometimes be like finding a needle in a haystack or even a diamond in the rough. Below is a glimpse of the creative process and final pieces behind this campaign. Shout-out to Andrew Pressault for the clever copy and Jonathan Fajardo for the heavy-lifting in the beautiful the design work.

 Concept and messaging

Concept and messaging

 Design explorations

Design explorations

 Pairing and testing out some idioms together

Pairing and testing out some idioms together

Socials ads

 Needle in a haystack

Needle in a haystack

 Diamond in the rough

Diamond in the rough

Online display ads

 Skyscraper—Needle in a haystack

Skyscraper—Needle in a haystack

 Skyscraper—Diamond in the rough

Skyscraper—Diamond in the rough

 Big Box—Needle in a haystack

Big Box—Needle in a haystack

 Big Box—Diamond in the rough

Big Box—Diamond in the rough

 Billboard—Needle in a haystack

Billboard—Needle in a haystack

 Billboard—Diamond in the rough

Billboard—Diamond in the rough

Humans First (Rough Concepts and Design)

An internal campaign to help elevate our sales pitch deck for our sales team, I provided the art direction and did all the designs. Unfortunately, these concepts never made it out to the world, but catalyzed the campaign into a good place, with a different set of deck out into the world. These were concept explorations at what we could possibly create. Shout-out to Sarah Dawley and Andrew Pressault on the clever copy.

 Messaging

Messaging

 Creative Concept No. 1—Relationships

Creative Concept No. 1—Relationships

 Direct mail tactic—More than a Conversion

Direct mail tactic—More than a Conversion

 Direct mail tactic—More than a Conversion

Direct mail tactic—More than a Conversion

 Creative Concept No. 2—Connection

Creative Concept No. 2—Connection

 Facebook carousel ad tactic-More than a Data Point

Facebook carousel ad tactic-More than a Data Point