Presently Website Redesign

Role UX Research, UX/UI Design

Team Pailin Chantravutikorn, Liberty Lang, Callie Pusateri

Platform Website

Tools Figma, Adobe Illustrator, Photoshop, Google Suites (sheets, slides, docs), Trello, Miro, Pen & Paper

Client Overview

Presently is a group-gifting platform that makes it easy for friends and families to crowd-fund towards a single meaningful gift. Their platform reduces the amount of waste in landfills, encourages favorable child development, and eases the pains that are associated with gift searching.

The Challenge

Presently is gaining momentum in their website traffic but is lacking in conversions. By having their homepage and mission only marketed towards those with children, Presently is missing out on a larger audience that can generate more conversions. In addition, users are onboarded with a lengthy and at times confusing form with no account creation afterwards. How might we help Presently increase their “gift hosting” conversion rates while improving the overall “delight” for gift-giving and receiving to generate revenue for the business?


The Process

the process - presently (5).png

The Solution

To improve the user experience and meet business goals, we will redesign the homepage to appeal to a larger demographic, redesign the on-boarding user flow to also include an account creation portion, and design a “host portal” page. We will enhance the overall “delight” on the platform by keeping the copy fun and light, and by adding playful icon imagery throughout our designs.


Research & Discover

Learning About the Business

In order to gain a better understanding about Presently’s platform, we researched the company and dissected the information deck provided from our client. Because our work was remote, I also prepared questions to ask our client prior to our video conferences so that no questions would be missed.

Our goals in this phase was to understand Presently background/culture, users, problems and goals.

What we learned

  • Presently was created as a solution to tackle clutter and waste gathered from excess amount of toys.

  • Since waste accrued from toys was one of their biggest concerns, their main user was at first the “millennial parent” however, they now want to scale the platform to include all adults.

  • The current onboarding for the “parent” and “adult” experiences are currently indifferent and they hope to differentiate the experiences somehow.

  • Kids are also involved via the parent host-portal and Presently wants us to account for the “kid experience” as well.


Identifying Key Issues

To identify key issues, we conducted a heuristic evaluation using Jakob Nielsen’s 10 usability heuristics. We went through the tasks of onboarding, sharing, and contributing to document the encountered issues that violated the heuristics and usability qualities. The most crucial violations found were inefficiencies within the onboarding, which required information users may not have yet, and the lack of an account creation for hosts.

Go to the comprehensive heuristic evaluation


Understanding
Competitors

We wanted to see how Presently compared to other competitors offering similar services on the market. A team member conducted a competitive and comparative analysis comparing features offered or not offered on Presently’s platform.

Stand Out From The Competition

This analysis further solidified the need for an account creation; All 9 competitors included an account for the host. This also highlighted how unique Presently’s mission for a “single better gift” really is. The company’s focus on conscious consumerism, sustainability and charitable giving is something that really makes the company stand out and incorporating that more into the website and brand identity will certainly distinguish them from other competitors.

Go to the comprehensive feature competitive analysis

Narrating The Onboarding

Our client emphasized the lack of “joy” from the “host” side, and even provided examples of onboarding experiences their company envied. My team member then created a separate onboarding C&C analysis comparing similar competitors onboarding experiences.

From this, we learned incorporating features like icons or pictures and adding some personalization into Presently’s onboarding could really make it feel like an experience rather than just filling out a form.

Go to the comprehensive onboarding competitive analysis


User Interviews

Hearing from users about their experiences with gifting and group-gifting practices, and what they expected a platform with these services to provide was key. We conducted 9 user interviews where we spoke to both parents and non-parents. It was important to interview both types of users since we wanted to broaden Presently’s platform experience to appeal to both parents and adults alike.

In addition, we also assigned tasks where users examined the homepage, went through onboarding, shared the created group gift, and sent a contribution.

presently - interview quotes.png

uncovering key insights

We knew what our client wanted, but we had to confirm what the user’s need. Synthesizing our data through affinity mapping confirmed issues our client addressed while also revealing new insights. We found that many of the pain points user’s were experiencing could be resolved if users had an account, something our client wanted to avoid.

presently - affinity.png

meet The Minimalist, bessie

Drawing from our research findings, I created a user persona, Bessie. Bessie will represent Presently’s ideal “host” and “contributor.” We referenced Bessie throughout our process to understand how our design decisions would best help the user.

presently - persona.png

Problem Statement

Bessie, a mother of two, is feeling guilty about her children having so many unused toys. She needs to reduce the number of toys her children receive but faces the challenge of organizing her family to participate in a way that she doesn’t feel like she’s soliciting.

How might we help Bessie organize a birthday to remember for her daughter while setting an example of conscious consumerism and making it fun for all involved?

Bessie’s journey

To serve as a visualization of the process Bessie goes through with the current Presently site, my team member created a journey map. This mapping emphasizes Bessie’s pain points during onboarding and also when she is unable to share/edit the created event via the provided portal.


Ideate & Design

 

narrowing our focus

Combining all our data from our heuristic violations, affinity mapping, and Bessie’s journey map, we created a list of the main issues encountered. Once we had that list of problems, we then created a list of features that we believed would solve those pain points. I then took those features and created a feature prioritization chart. This charting helped us to identify which features we would prioritize:

  • Account creation

  • Account dashboard

  • Editing capabilities within the account

  • Sharing features within the account

  • Creating a new group-gift within the account

Go to the feature prioritization chart


analyzing the current flow

I first created user flows for the host and the contributor side of the current site. Combined with our research data, this allowed us to clearly mark which areas needed improvements for the redesign.

Go to the previous user flow diagram


faced with challenges

In redesigning the “contributor” flow, I designed a user flow that would guide the user from an RSVP modal form straight into the payment form while keeping the user on the same page after contribution.

18 User Flow NEW (Contributor) (2).png

Our team had a tough time reaching a compromise regarding the redesigned “host” user flow. 

We had two main issues of concern:
1. Deciding which information to be asked during the onboarding
2. Placement of the sign-up screen (before, during, or after onboarding questions)

The challenge was striking a balance between asking as little questions as possible making onboarding quick and easy, and having all required information asked ahead so users wouldn’t have to fill it out later. 

led to inconclusive results

In an attempt to address the sign-up screen placement and disagreements between our team, we looked at other competitors and did another C&C analysis comparing placement of the account creation screen.

presently - c&c account.png

We found aspirational crowd-funding sites like “GoFundMe” to have the account creation before any onboarding, while other direct competitors had the account creation screen during the onboarding or as the final screen after the onboarding. The results were therefore inconclusive from this analysis and we would have to further test our decisions.


Streamlining the user flow

Multiple rounds of testing and iteration would lead us to this new “host” user flow. I created this user flow which includes an onboarding broken up into 8 easy to digest screens, with an account creation screen being the last, and sharing functionalities within the platform.

16 User Flow NEW (Host).png

Enhancing the Style, Maintaining the Brand

During our testing, we received positive feedback regarding the way the site looks and feels. While we received positive feedback from users about the look and feel of the site, we also discovered that the page was overwhelmingly kid friendly. When I created this style guide, in an effort to keep the “joy” users felt, I kept the main color palette (purple and yellow), but also added some pastels to help ease the contrast of the previous colors. I also added green as a symbol of nature and the environment which we found to be in line with Presently’s branding regarding conscious consumerism and the environmental impact from consumerism.

23 Style Guide.png

Initial Sketches

The majority of our work consisted of creating brand new sets of screens within the onboarding, which was previously blocks of text, and an entire account dashboard with editable actions and features. We conducted multiple design studios taking the most compelling sketches and transformed them into a streamlined set of screens via low fidelity.

Sketches.png

Test & Iterate

 

low-fi testing; not what we expected

 

We got to work and digitized our low-fidelity sketches. Using our low-fidelity wireframes, we conducted 5 moderated usability tests.

The purpose of these tests was to validate our onboarding flow decisions (amount of screens and account creation), navigation within the created host dashboard, and contribution flow.
 
presently - low.png
 

The test results were staggering. By reducing the amount of information asked during onboarding (previously 15 to 6 questions) by too much, it appeared to leave all tested users not realizing that they had just created a hosted gift. After the users finished onboarding, and landed on the account dashboard, users were confused about how to continue or proceeded to “create a new group-gift,” even though they had already done that during onboarding.


back to the drawing board

After our first round of low-fi testing yielded poor results, it was back to the drawing board. Our team was in conflict when it came to the placement of the sign-up screen being placed before or after onboarding. To resolve this, we decided for our next round of testing, we would test half our user’s with the account creation screen before onboarding and the other half after the onboarding.

I iterated based on the results of our low-fi tests and created our medium-fidelity wireframes. With our mid-fi frames, we conducted 5 more usability tests.

 

Key changes

  • Increased the amount of questions asked during onboarding (6 to 11 questions)

  • Combined 2 different screens from our previous iteration on the host portal to help with scaling and efficiency

  • Added a confirmation modal after onboarding to provide feedback that a gift has been created

  • Switched to top navigation instead of side to help with labelling and visibility

what we found

  • Although the increase in information asked during onboarding fixed the previous issue, which left users not realizing that they had created a gift, we now had too many questions asked. We still had to find the perfect medium.

  • We had inconclusive results regarding the sign-up screen placement. Users stated that they felt indifferent. We realized since users were not presented with both flows during our test, the test results were therefore invalid.


we pivoted our approach

After our research and test results regarding the placement of the account creation were left inconclusive, we decided to conduct 4 additional A/B tests. We had each user go through both onboarding flows.

presently - mid (3).png
The only purpose of this test was to discover users preference regarding the placement of the sign-up screen. 

THE RESULTS

presently - infographic.png

Hi-fidelity prototype

Based on our research findings and tests, we were able to create a minimal viable product that eliminated points of friction found in the previous onboarding and a seamless host/contributor experience which helped to meet Presently’s business goals.

In Retrospect

Next Steps

  • Further testing with this design

  • Further A/B testing on a larger scale regarding placement of the sign-up screen

  • Customized thank you messages to contributors via the platform

What I learned

This project helped me to develop skills in balancing the wants/asks from the stakeholder with what the users need. We went into this project with tasks to enhance the current host/contributor experience while adding “joy” to the platform. Our research led us to uncover more significant problems found within the onboarding and lack of an account on the platform. The stakeholder was not aware of these issues, but once we presented our findings, she was very open to the recommended changes. It was important to maintain communication with the stakeholder in the early stages to make sure we were not overstepping our boundaries and in agreement.