Pepper Archive Case Study

"I believe creativity can solve many of the world's ills. Particularly now, because of the changes in the economic and sociopolitical climate. We need easy, reliable outlets to help us pursue our passions."

Imagine you're a little kid that enjoys watching TV, even the commercials. Your other hobbies are collecting posters, playing sports, and spending your spare time sketching popular cartoon characters. Your heroes are Superman, Ironman, and two guys who drive around in an orange Dodge Charger, General Lee. You are a little black boy from a working-class family. You grow up to realize the heroes who come to save the day never resemble you or anyone from your community. You are represented primarily by the criminals during news shows and the Indians in the westerns. Also, a brief history lesson reveals the real General Lee was the guy who fought against freeing your great grandparents.

What are we talking about? We are talking about the underrepresented minority. I was the little kid who later started a career in advertising. As an Art Director and Associate Creative Director, I continued to run into the problem of the underrepresentation of people of color in media. When a segment of the population is underrepresented, there is an opportunity. We discovered the opportunity to provide a targeted stock image library.

This case study describes the process our team went through to redefine an industry, offer a marketplace for creators of people of color, and share the insights we derived along the way.

The Team

1

A developer, two designers, and a little patience are all you need to change the world. Working in the advertising world allowed us to see the power of media and how it sets standards of beauty, drives the direction of markets, and steers collective conversation.

Our primary mission is to empower creatives by giving them the resources to share their communities' culture and make it searchable.

The Big Questions — How Might We…

1

At the start of the project, we had three main questions in mind.

How might we…

  1. Create a stock library of content large enough to supply the needs of customers?
  2. Provide a marketplace for creators of color to capitalize on their libraries of stored creative content?
  3. Adapt the real marketplace experience into a mobile experience?

Competitive Analysis

1

Next, we conducted an audit of competitive apps. To identify competitive apps, we looked at three essential points:

  1. Marketplace
  2. User upload capability
  3. Diversity of image collections
  4. Cool or wow factor

Discovery

1

To jumpstart the project, we decided to invite our community of creatives to a design thinking workshop in Brooklyn. Free pizza is known to bring out the best and brightest. Our Design Thinking workshop's goal was to spark innovation, foster a user-centric mindset, and get cross-functional teams working together towards a common goal. We separated the participants into groups based on their skills and disciplines.

We covered three of the five phases of Design Thinking: Build empathy for the user, define the user personas, ideate outcomes using hills.

User Interviews

We interviewed artists, producers, and business owners of color to hear their perspectives on the creative industry, the importance of culture, representation, creative needs, and technology. Here are some of the reactions that we received.

"I don't want to be judged. And I don't think my culture is accurately depicted within the mainstream. So, I believe it's an obligation to produce work that depicts our community in the best light."
"Time is money. But, accomplishing my personal and professional goals is more valuable. So, I need a system that is flexible, scalable, and durable for sourcing assets and getting work produced."
"Man, being an entrepreneur is challenging. But sometimes, it's really rewarding. One of my biggest challenges is customers understanding our message."

Empathy Mapping

1

After separating the participants into groups base on occupation or skillset, each group received a persona with their page divided into four quadrants: says, thinks, does, and feels. They filled in each quadrant with hypothetical (or direct) quotes and observations.

User Personas

1

Based on the patterns identified in the empathy maps, we honed in on the four user personas' habits, problems, pain points, and other details about him/her.

We gave each participant in the group stickers red (disagree), yellow (neutral), and green (agree). The task was to read the Summary, Motivators, Character Traits, Key Drivers, Values, and Channels for the group's user persona. They voted on each category for the user personas. If the group overwhelmingly disagreed, they could make edits.

1
1
1
1

Hills and Big Ideas

Before we wrapped for the day, the groups had to use the knowledge of the user personas to write hills. By writing down the Who, What, and Wow. We persuaded the participants to think of big ideas that would become critical features of the Pepper Archive app.

1

Target and Journey Map

Based on the patterns identified in the empathy map and hills, we decided to focus on three personas — a creator (Josh), a producer (Kelly), and a business owner (Bobby). These personas embody how typical users would navigate our app. We highlighted stages, touchpoints, thoughts, feelings, and pain-points of our personas in our user journey maps to spark ideas and functionality specs for the app.

1

Road Map

After the amazing Design Thinking workshop, I workshopped with the team to create a project roadmap. We prioritized what feautures were most important for the launch of the MVP, and what features could be rolled out in later releases.

1

Site Map and User Flow

1

Pepper Archive is unique because it combines the marketplace of a stock website with a social media platform's interactivity. Users need to have the ability to view and purchase content seamlessly while also uploading and selling their content. We outlined this process with our site map, and user flows to identify issues and come up with quick and painless solutions.

1

Wireframes

Because we had an idea of what we were looking for, we decided to do some quick wireframes in Sketch so we could split up the visual design work among the designers.

1

Hi Fidelity comps

1

We finally got to see our ideas come to life in the high fidelity comps we created. Because our team two UX/Product designers, it was easy to bang out the comps in a short amount of time. The next step was creating prototypes using Protopie and creating micro-interaction studies to see what animations added value to the overall experience.

After polishing the designs for several comps, I created a Pepper UI Kit/Design System for our developer and future designers to follow.

1

Future Steps

Here are our next steps in for the Pepper Archive project in 2020:

  1. Complete a soft launch of the marketplace.
  2. Create a call for artists and awareness campaign to start populating the platform.
  3. Conduct user testing sessions with the new crop of users.
  4. Continue to do iterations and new releases based on the feedback.