BOUNTIFUL

MVP Product Design
View PROTOTYPE

BACKGROUND

Bountiful is a platform for the commercialization of environmental technology. They connect the different stakeholders around meaningful technology innovation and are creating a community of people passionate about solving humanity’s problems through science and innovation. Bountiful provides its community members all the tools and resources to collaborate and get innovation out of the lab and commercialized and into the world.

My role

As the sole Product UX/UI Designer at Bountiful, I participated in all product development and design activities. to ensure that the MVP was ready for launch. From designing new features and a full product UI design, through handoff and management of product development.

Overview

Client: Bountiful
Project type: MVP Product design and branding
My Role:  Interaction Design, UI Design, Branding, Prototyping
‍Tools Used: Sketch, InVision and Figma

design process

RESEARCH
DEFINE
IDEATE
PROTOTYPE
TEST
The Bountiful team originally intended to design their MVP directly by coding into the site, using their own research. After realizing that it was more complicated than that, and that a UX designer was imperative, I got involved - placing emphasis on the fact that we had to design for our users, whilst keeping Bountiful's vision in mind.

To better familiarize myself with the product and industry, I dove into my colleagues' research notes, and conducted some market research of my own. The competitor analysis below briefly summarizes the different features of competitors and pseudo competitors. I also created a persona. Do to the short timeframe to launch the MVP, we decided to keep a simpler version of the product, focusing on only one type of user, the researcher.
Competitor Analysis
Opportunities discovered based on our competitor analysis:

QUALITATIVE TAKEAWAYS from RESEARCh

Going through our research data was valuable and overwhelming at the same time. The founders of Bountiful have a clear vision of what's in for the long haul; we thus had to make use of key prioritization, understanding what is priority for the right now (MVP) versus the "nice to have" and down the road.
RESEARCH
DEFINE
IDEATE
PROTOTYPE
TEST

Define

PERSONA DEVELOPMENT

After going through my colleagues' data, I dove in a bit further, analyzing from a UX perspective and synthesized the research into a set of deliverables, to guide me in keeping the users as a priority in the  design process. Though Bountiful will cater to several types of users, on a mission to launch the MVP, we made the decision to have it focus on one type of user (researchers and grad students). I created the persona, Aaron, using our research.
User persona
Click to enlarge the persona
This persona served as a continuous reminder of the characteristics of the kind of people who may use Bountiful throughout the design process and made it especially helpful for designing with a "real user" in mind.
RESEARCH
DEFINE
IDEATE
PROTOTYPE
TEST

Ideate

SITE MAP

With a better understanding of our users, it was time to focus on creating solutions. In order to start working towards solution-focused designs, I developed a site map to solidify the organization of pages within the site.
Site map

USER FLOW

Using the research findings, sitemap, and developed persona, I was then able to chart a user flow. The flow below shows several main paths for a user:
User flow
Click to enlarge the user flow

WIREFRAMES

I created a mid-fidelity desktop prototype of the main user flow using Sketch, ultimately switching to Figma since it was easier for collaborative purposes and hand-off on the developer's end. After receiving feedback and implementing changes to the wireframes, I moved on to the visual design phase.

VISUAL DESIGN

Click here to skip to the final product
UI KIT
Before I was hired by the Bountiful team, there was no set style or brand guidelines for the company. Each design element was arbitrary and or based off of a theme. Establishing a brand was something that was on the back-burner: After pushing for the importance of this, I had the opportunity to work closely with the dev team in order to build this.
RESEARCH
DEFINE
IDEATE
PROTOTYPE
TEST

Prototype

I built the prototype in Figma, making adjustments via feedback from my team and preliminary user testing (observations via prototype).
Samples of the screens can be explored further via the prototype
RESEARCH
DEFINE
IDEATE
PROTOTYPE
TEST

usability Testing & Looking Ahead

Designing the Bountiful's MVP was a very exciting, rewarding and challenging experience. It gave me the opportunity to be a part of an innovative and meaningful product from the ground up. The site is currently being developed by back end developers and once it is up, we will conduct user testing with actual users. In the mean time, we are already thinking ahead to post MVP and what needs our users may have. Stay tuned!

Next steps include

see more of my work

MIRROR

An e-commerce site

TAL TOURS

A redesign for a boutique travel agency

Netflix

Adding a feature to an existing app
© 2022 Adina Katz