Cameron +
Caffeine =
Design

Hi there, I'm Cameron and I'm a Product Designer in San Francisco. Below is a sampling of my work for different companies, with a bit about me at the end. If you'd just like to get in touch, feel free to use one of the links below.

Yammer Groups Initiative on Web

Team: Two PMs, A UX Designer, A User Researcher, and Me

Role: UI, Some UX

My work at Yammer, an internal social product for companies, has been focused on encouraging users to work in teams. A major part of this effort was redesigning the experience of Yammer's groups, which users join based on shared projects or roles at work.

I began the initiative brainstorming a lot of big ideas about how Yammer could make users work in groups more. Some of them were a little far-fetched, but I believe they helped my team think a little broader and rethink some long held assumptions.

Some early ideas

  • Turning Yammer's navigation into a snapshot of activity from groups
  • Organizing a user's home feed by group (rather than the existing Facebook-style feed)
  • Landing a user in one group: using logic to determine their most relevant group, and/or letting them choose

Branding Groups

My first projects were focused around creating a visual identity for groups, so that users get a quick sense that the content they read in their feed is coming from different places. Utilizing group avatar photos, I redesigned the group page header and assigned groups a color that gave them an identity throughout the product, giving users better context for the content they see throughout their network.

To give the group page more identity, I designed a docking group header that takes on full color branding as it shrinks to give users a sense of place as they read. The header also includes an unread messages counter that decrements as the user reads those messages, helping users into a workflow through their priority content.

Upon finishing their unread messages, a user is prompted with a CTA into their next group with unread content.

Animation to show group activity

Yammer was also perceived by users to be slow in delivering new and relevant content. Working with a UX designer, I designed the visuals and animation for a feature that notifies users when there's new content in one of their groups. The social recognition factor, combined with a pleasing but subtle animation, helped increase engagement with groups and with Yammer overall.

Yammer Cleanup Project

In addition to working on groups, I contributed to a larger visual and interaction redesign by proposing and advocating for a cleanup project to help reduce clutter in the product.

I began by improving the UI and UX of threads, the core content in Yammer, in order to maximize readability and place greater emphasis on primary actions. At the time, threads were cluttered with excess metadata and rarely-used CTAs.

I redesigned the thread view to place emphasis on the three most important actions. I used progressive disclosure to display the long list of names (likers) as avatars instead. I shortenend and minimized the timestamp, reduced the visual weight of non-priority information, and buried legacy features beneath a dropdown.

Thistle iOS App - Proof of concept

Role: UX/UI

Thistle is a healthy meal and juice delivery startup that needed their ordering and subscription experience designed, as well as the interface for their first mobile app. My goal was to design a seamless experience that simplified the ordering process and utilized improvements they were making to their backend.

I began with understanding the product's business goals and desired features for their app, which I translated into an information architecture map. I made sure to consider ways to continue looping users in to Thistle, including different types of notifications and feedback. I began sketching, considering some different options for how to structure the onboarding and checkout.

I then moved in to visuals. The Thistle team wanted the app to feel visually enticing and to make heavy use of some beautiful new photography they'd commissioned. I maintained the simple black and white branding, added one primary color, and kept the interface minimal: large click targets, nearly full-height modals, and an immersive navigation.

Experience Project (EP)

Team: 2 PMs, 3 Designers, and many engineers

Role: UX, UI

When I began work on EP, a social website where users connect around shared life experiences, the product was struggling with eight years of code and design debt. My task was to help with a complete overhaul of the product on several levels, including UX, UI, and branding. Many excess features needed to be sundowned and many broken experiences needed improving.

The former EP homepage showcased a selection of quality stories shared by users, but a lot of maintenance was required to keep it fresh. We wanted a cleaner, more immersive homepage that emphasized search but still gave users an impression of what content lay beyond the landing page.

I designed a search bar that alternates suggestions of trending or popular experiences on the site. By utilizing animation I was able to keep the homepage minimal while informing first-time visitors about the product.

Over the course of a year, I worked closely with front-end developers to clean up the UI while simulatenously minimizing additions to the CSS. I focused on establishing a better visual hierarchy, hiding or deemphasizing outdated features, applying styles consistently throughout the product, and creating a style guide to better focus EP's visual direction going forward.

Research

I also took on some of the first qualitative user research the company had ever done, to help inform EP's branding and marketing overhaul. I surveyed 275+ users at various engagement levels and created a set of user personas based on my findings.

Writing

I've started writing as a way to organize my thoughts around my process and to share my working experiences with other designers. My first stab:

A designer's guide to working with product managers

April, 2015

Solving hard problems

It's my favorite thing about product design.

I also love the constant influx of new tools, patterns and ideas there are to absorb and use to inform my work. My current obsession is learning how to perfect my prototyping of animations and transitions using code.

Prior to working in product design I helped found two nonprofits and worked as a community muralist. I still volunteer doing design work and light front-end development for NGOs, and I'm always looking for opportunities to help out a worthy cause in my free time.

Interested in working together? Please feel free to reach out.