3 weeks
2 teammates
1 great client
Comparative Analysis
Heuristic Analysis
User Interviews
Affinity Mapping
Feature Prioritization
Usability Testing
Prototyping (Figma)
Barnraiser is the gathering place and marketplace for foodies, farmers, and futurists to discover the foods they crave and the community they seek. However, its website lacked a platform that connected these users.
My team’s task was to transform Barnraiser’s current Discovery area from a static listing of businesses into a connected community that allows users to not only discover a variety of content but also interact with each other.
We took a mobile-first approach, as requested on the project brief, which also included requests for features such as comment curation, push notifications, a greater variety of content types, and interlinked topic channels that would lead users "down a rabbit hole."
The project brief seemed rather prescriptive, so we went into the initial client meeting with the goal of becoming better acquainted with Barnraiser's mission and motivations. Through that discussion, we learned about the value that Barnraiser places in all the stories behind our food—from the people who produce it to the origins of ingredients. These stories were the essence of Barnraiser and its Discover page.
The client agreed to let us explore the problem through our own perspectives and interpret the deliverables more loosely, rather than simply pushing pixels into prescribed places. Still, to ensure that we never strayed too far from the client's goals, my team scheduled semi-weekly meetings to check in with the client about our progress.
The existing Discovery area was an array of business profiles that lacked context and instructions. Below are some of the webpage's major pain points:
Feedback from usability testing reinforced my team's heuristic evaluation. Our design solution would have to fix these pain points before we approached the issue of a connected community.
We wanted to find out more about what current users would want out of Barnraiser's new Discovery area, but only one user responded to our call for research participants. We had to look to potential users instead. The client did not want to limit the potential user base, so she provided no specific demographic or psychographic. However, she described the current users to have passion and curiosity for the stories behind food.
The description reminded us of how people understand and discover content related to their respective hobbies. We thus interviewed 12 users about hobbies they were passionate about. Specifically, we asked what sites and apps they used to explore new content relevant to their hobbies.
Our affinity mapping allowed us to distill our research findings to the following points:
Based on our research, we identified the target user as the Mindful Muncher, defined by the following characteristics:
With the target user profile in mind, we were able to define our problem statement and hypothesis.
Because of the limited content & functionality in the Discover area, the Mindful Muncher cannot find the information they expect to stay informed (about food sources & choices) and thus engaged.
We believe that if we remove friction in discovering new information by providing more relevant content and functionality, we are likely to see Mindful Munchers engage with the Discovery area.
We showed the client our problem statement and proposed hypothesis in order to prioritize features for the minimum viable product.
We decided to deprioritize social messaging/sharing capabilities, which would come later, so that we could focus on building a foundation with the following:
Our research informed us that Mindful Munchers would be most familiar with sites like Google, Instagram, Tumblr, and Pinterest as primary tools for content discovery, the latter three being large social platforms that each houses innumerable smaller, niche communities. We looked to these sites to better understand how they allow users to discover and interact with content. The client also requested that we look at Behance and Dribbble for information hierarchy, specifically the sites’ presentations of categories and topics.
Our preliminary sketches drew insight from comparative analysis, user interviews, and usability testing of the current site. We wanted to provide a variety of content types in a way that was clear yet conducive to discovery and exploration.
After design studio sketching, a mid-fidelity prototype, and 6 usability tests, we created our high-fidelity prototype that adhered to the provided style guidelines. The design would feature the following:
Below is a slideshow of how these key features (and the comparators that inspired them) were incorporated into our design solution. Our interactive prototype on Figma features the happy path for finding a sustainability-focused producer from California.
During our presentation at the end of the three-week sprint, my team was able to successfully sell our design solution to the client. The next steps that we proposed included...
Seeing our client's delight during our presentation was very moving, but the most rewarding part of this project was how well my team worked together. At the beginning of the project, we set a team charter and stuck to it. To avoid pressuring each other into "agreement," we strove for "alignment" instead, to ensure that if we ever were to have differing opinions, all voices would be expressed and equally weighted before the team made a decision.
Although we had 2 such discussions during the 3-week sprint, both were integral in keeping the team on track and on the same page, so that we did not diverge any further down the line. Thanks to this small but open-minded team of designers, this project has provided me one giant leap in my UX career.
— Feb 2020
