Overview
Contributions:
UX & visual design
Growth marketing strategy
Brand strategy
Front end development
Copy
Photography
Video production & editing
Tools used:
Sketch
Illustrator/Photoshop
Omnigraffle
Capture One
Final Cut
HAML/SASS/JavaScript/jQuery
Mailchimp/Mandrill
Trello
Heap
The problem to solve
Though my title was Director of Marketing at this tiny, early stage ed-tech startup, I was the first growth and marketing hire, which meant my role spanned strategy, user experience design, and front end development. The first challenge was enormous: create the startup’s marketing foundation and inbound lead generation channel from scratch.
The approach
First, we needed to establish and position the brand. I developed a campaign with a creative brief, uncovering the core value of the product in a succinct way that resonated with our audience. I also listened to as many user interviews and sales calls as I could, to quickly get to know our customers.
As soon as we identified the brand's voice, positioning, and initial campaign strategy, we desperately needed a new website that effectively answered questions from potential customers, while enabling a high volume of demo requests to drive sales. When I came on board, the website was not conducive to either of these goals.
Before jumping into a redesign, I did a complete usability audit of the existing website and analyzed the page structure, copy, URL structure, and information architecture of the site. I outlined why and how each problem area needed to be addressed and proposed a new recommended architecture that made information more accessible, organized, and SEO friendly:
Wireframing
Once the team aligned on the new structure and approach, I put together wireframes for each step of the potential new customer experience, from the website to email to our blog and social media channels:
Optimization
Because of tight budgets and timelines, we had to be creative with user testing and optimization. I conducted user interviews to uncover usability issues and modified content and layout, accordingly. We used Heap and Google Analytics to monitor ongoing usability issues.
The finished product
With the new site architecture and wireframes in place, I worked on creating key assets: icons, graphics, photography, and copy for our site and for our blog.
After writing the responsive HTML/CSS/JavaScript for each page, I partnered with the engineering team to incorporate the pages into the company's core Ruby on Rails application. From there, I edited the code in HAML/SASS, as needed, while setting up our blog on an easy content management system for fast, flexible editing.
Results
As soon as the new experience was launched, our Account Executives and Customer Success team were proud to show off our new website, blog content, and branded collateral to customers. They were thrilled to have a strong reason to revive conversations with potential leads (including sharing our first case study and the product marketing video I produced). Many of these conversations turned into fruitful new customer acquisitions. We continued to receive positive feedback on our new experience from customers, existing and new.
In all, with the new website redesign and the blog and content strategy, the company's first-ever inbound lead generation experience was a winning one: the website demo request conversion rate quadrupled with the new designs and the inbound sales cycle proved to be 7.5 times more efficient than the company's historical sales efforts.