HS Banner.png

Hootsuite Internship

Designing tools for social media management.

Hootsuite UX Internship

Sept 2017 - April 2018

 

My 1st gig.

Little did I know, I was more than equipped. I just had to fail early in order to find the value of why I was interning in the first place. Below, you'll see a few (of the various) projects I tackled that I'm quite proud of, and, of course, I hope you enjoy.

This was my first internship in the world of digital design and UX. You can probably imagine how incredibly daunting it might have been for a design student with zero work experience and only a few academic projects to show for it. 

 

COOL Areas I worked in

01. Mobile/Desktop interface design and user flows
02. Conducting User Research + Synthesis
03. HootHack 2018

 

Project 01: Mobile Compose Experience

TIMELINE: 1 week
Tools used: sketch, principle (prototyping)

Landing Photo.png

01. THE BRIEF

Boiling the main experiences down into a mobile screen took a lot of consideration. I often found myself running into dead-ends or taking a lot detours that ended up into me figuring out some cool workflows and interactions.

I was tasked with exploring potential workflows and the overall product design for the composing experience on Hootsuite's mobile app. This was an interesting experience for me as Hootsuite is a complex social media management tool.

 

02. Assessing the Playing Field

Understanding what was existing helped me narrow down on key areas to focus on.

 
Breakdown.png
 
 

02. design with scale in mind

After a few iterations and some feedback, I took into consideration how the product would scale over time. This was something I found incredibly valuable to understand. Design is an investment, and understanding how to make meaningful decisions that affect the product's longevity was something that really struck me.

 
 
Scale 2-edit.png
 
Expandable card design to help scale Hootsuite's potential features onto mobile.

Expandable card design to help scale Hootsuite's potential features onto mobile.

 
My mockup proposal for the new compose experience.

My mockup proposal for the new compose experience.

 

03. TAKING A MOBILE FIRST APPROACH

The original mobile experience wasn't fleshed out and felt like an afterthought relative to the desktop. Instead of mirroring what was on desktop onto mobile, I decided to take a mobile first approach and focus on the mobile experience as a whole. I asked myself what the key interactions someone may have during the compose experience (writing a message, selecting their networks, media attachments, etc). I looked into different case studies of social media platforms in order to analyse their compose experience. On another hand, I wanted to propose a new experience of composing and reject the idea that users have to be taken away from the main experience in order to complete their task.


Project 02 - Connecting Social Networks, An Onboarding Experience

TIMELINE: 2 weeks
Tools used: sketch

 
ConnectingSNs.png
 

02. The problem

During onboarding, users have a challenging time adding their social networks, particularly clients managing 100+ profiles, such as regional companies.

01. The Brief

I was tasked to explore and propose a new, more efficient workflow for a key onboarding experience: connecting social networks to Hootsuite.

 

03. UNDERSTANDING the DIFFERENT STAKEHOLDERS

Project Scope.png
 

04. AVOID RE-DESIGNING THE WHEEL, Establish the Quick Wins

This project was a lesson in rejecting bad ideas quickly, and acknowledging the needs from both the customer and stakeholder perspectives. I set out to establish some quick wins that could be built to help mitigate the problem during onboarding, and in essence, avoided spending a majority of my time with complex designs.


Quick Wins:

1. Searchability

2. interactions and visual feedback

A series of modal UIs, with consideration of pre-imported social networks and an emphasis on visual design for user feedback.

A series of modal UIs, with consideration of pre-imported social networks and an emphasis on visual design for user feedback.

 
Initial sketches highlighting the usage of visual feedback and interactions.

Initial sketches highlighting the usage of visual feedback and interactions.

 

05. ERROR HANDLING NEEDS LOVE TOO!

I didn't want to fall into a false constraint that the onboarding would be linear. Instead, I ran through different scenarios, eventually designing for error states and the handling of those in tandem with the original technical framework.

 
Error handling modals with appropriate CTAs. There were  a lot  of potential errors that needed consideration.

Error handling modals with appropriate CTAs. There were a lot of potential errors that needed consideration.

 

 

STAY HUMBLE, BE TEACHABLE
 

It was an incredible 8 months for my first internship. I learned valuable skills within my field, had the opportunity to work alongside developers, and even addressed my Imposter Syndrome, which you can read about here.

In the end, it was an indescribable experience. Learning about a product's scalability, and working out the nuances around a workflow (even the areas that aren't glamorous) were the biggest takeaways for me.

My coworkers also tried to teach me how to ride a bike. It was great.

Design Mentors.png