Content Design

Designing with words.

Project I: Slack Sales Elevate Launch

Two golden hands shaking over Slack logo.
Context
I was Slack's first participant in their inaugural Content Design Apprenticeship Program with Sheila O'Hara.
My job was to create the onboarding UX copy for the launch of our IA4 Sales Elevate product, shipping out to over 1,000 Salesforce Sales Cloud customers worldwide. 
The Challenge Opportunity
Our goal was to guide participants as invisibly as possible through this new information architecture.

With multiple embedded charts, drop-downs, and tabs — we needed to show Sales leaders (with visual simplicity) what to focus on right now, versus which set-up features could be saved for later. 

Sample UI text for Sales Elevate launch.
Sample UI text.
Sample UI text.

Sample UI mock-ups with placeholder text.

The Solution
My role focused specifically on enhancing coach marks, microcopy, empty states, and modals. I worked exclusively with our Staff Content Designer to refine feedback, and provided her multiple iterations to bring back to her Slack product teams for discussion.
Some guiding questions I used in my approach: 
  • Is this necessary? Cut fluff. 
  • Can we shorten? Ibid. 
  • Is it clear? Clear is kind.
  • Is it on-brand? Voice and tone matter.
  • Does it lead with the benefit or value proposition? WIIFM ("What's in it for me?").
  • Does it tell a story? The onboarding flow must cohere well.
  • Is it too self-promotional? Nobody likes a brag.
  • Is it visually cluttered? Simplicity reigns.
  • Is it missing anything? See the forest through the trees.

By both zooming in and zooming out, I made sure the breadth of experience was covered before we shipped live to audiences.

Some of my hands-on copy iterations in Figma.

The Results
We were able to nix unnecessary coach marks and boil down the basics to what Sales Elevate customers needed to move forward. I was very keen on asking, Is this necessary to their success as a Sales leader? 
If so, we kept it. If not, we knew it could be revisited at a later time through intuitive UI, tooltips, or content nudges outside of onboarding. 
My skills as a decades-plus empathetic content creator helped me always put myself in the audience's shoes, asking, "Does this make sense? What would I expect next?" and also to lead with what helps the reader most in the moment.
Since the finished product is available exclusively to Sales Elevate customers, I am only able to provide a snippet of my work-in-progress contributions. Many of my suggestions helped influence the final product, particularly the onboarding coach mark sequence and UI text.

Demo clip for Sales Elevate on Slack.

Project II: AmeriCorps Library Intranet Redesign

New user interface for intranet.
Context
As Senior AmeriCorps*VISTA National Operations Coordinator for a robust literacy program, my role was to own backend operations for our entire employee intranet — complete with a UX overhaul and careful curation of a digital space that aligned with our goals, values, and community.
The Challenge Opportunity
Our intranet, known as "The Library," was formerly void of all personality and color. Quite literally, it only had monotype text in black and blue...and felt like one giant bruise for user experience. 
My goal as sole manager of this platform was to bring our values and quirky culture into a new, functional, social engagement hub that simultaneously served our business needs. People would no longer log on only to retrieve a document (and log off just as quickly), but rather find community and cohesion across our 500+ person org in 15 metro cities nationwide.
The Solution
I started with research. 

Timeline example for research and preparation.

Project plans for research and execution timelines.

Wireframe mock-ups of new intranet design.

Original wireframes.

Custom sketch by Jenna Philpott.

Custom drawings with internal mascot, "Arpie," to support brand personality and core value: "Laughter Keeps Us Going." Arpie made several cameos in The Library, and I would include Easter eggs with him wherever I could.

Next, I tested and refined.

First iteration of intranet redesign.

First iteration of org-wide announcements landing page — still a colorful upgrade from prior intranet, but pretty bland.  

Final intranet redesign look and feel.

Updated iteration of org-wide announcements, with custom brand fonts, prioritized by hierarchy of information, and with new central Systems Administrator created for easy change management.

Team pages with embedded media.

Team pages to support remote collaboration; embedded maps and centralized resources gave a sense of cohesion both locally and nationally.

Example of rich, interactive media design to promote engagement.

Rich media embeds made our work come alive.

Digital values cards interface.

Values Card and continual feedback loop; simple branding for vision of The Library's purpose.

Systems of organization for team resources.

Team portals to create both autonomy and unity across regions; peer learning forums for greater crowdsourcing and knowledge sharing.

Teach Me in 5 | The Library Intranet Documentation

Documentation I created to support changes.

The Results

I feel proud that I was able to bring a brighter sense of color (both literally and figuratively) to my organization, and this first introduction to UX design began a world of curiosity in me for how to better unite words with purpose. 

Sample of new Library intranet user interface.

A revolving reminder of our purpose on the homepage.