Parti is a responsive website that helps keep loved ones connected during the isolation of the pandemic by streamlining the process of how users send group digital greeting cards.
A group digital greeting card enables a user to gather and send messages or videos collectively to someone else to celebrate an occasion together.
As the team's lead UX designer, I was in charge of communicating with our client and managing the team. I played a major role in the idea conception, problem statements, wireframing, and revisions.
Team
Karen Alarcon | Jenny Lee | Lucy Kent
Role
User research, interaction, prototyping, usability testing
Duration
4 Weeks (80 Hours)
Project Overview
Problem
Users find the process of creating a group digital greeting card time consuming. While users receiving these cards are restricted in the process of rewatching and sharing specific videos. Current solutions are difficult to use without appropriate guidance and have limited functionality.
Solution
A responsive website that automates the process of inviting members and creating group digital cards while offering more flexibility in rewatching and sharing videos with others.
Research
Competitive Analysis
In order to better understand how people send group ecards, I worked with a group of designers to examine existing platforms to find pain points that weren’t currently being addressed. We looked into Kudoboard, Memento, and Vidday.
70% of ALL reviews mentioned they had questions during the creation process and had to contact support for assistance
Pain Points
Creating board/montage is difficult without help
Can’t pick and choose videos to watch for montages
Limited background options
Pricey subscriptions (limited with free version)
Opportunities for Parti
Guide users through creating board
Offer multiple ways to view board for watching videos
Offer more background and customization features
More affordable platform
Market Research
Although our client initially described our target audience as being tech savvy millennials, we discovered that existing platforms actually cater to non-tech savvy baby boomers.
We did another round of secondary research in order to:
Validate the target audiences
Explore other possible use cases
Learn more about their habits and behaviors
Due to the increase in millennial greeting card purchases and higher per-unit spending, we decided to target these individuals.
User Interviews
We spoke with 12 users who had experience creating, organizing, and receiving video montages.
Through these interviews, we wanted to uncover:
Process of inviting users to contribute
Process of organizing/putting videos together
Process of recording/editing videos
What users are doing with these videos after
Pain points during these processes
Insights we found:
Users putting card together want to have centralized platform
Attracted to customization and will pay extra for more options
Users don’t mind length of final video, but want to easily choose videos to watch
Define
Personas
Using an affinity map, we synthesized our findings and aggregated them into three personas.
Three personas
Defining core objectives
Our research findings allowed me to narrow down the issue and develop these problem statements below:
Since organizers and recipients are likely to spend the most time on this platform, I decided to prioritize them first. Furthermore, we found that existing group ecard platforms were hard to use without adequate guidance, so I wanted to address this need as a top priority.
I defined the following objectives for our MVP:
Make it intuitive and easy to use without assistance
Streamline process of inviting, receiving videos, and putting content together
Create a quick and engaging watching/sharing experience
Allow simple recording/uploading from the platform
Keeping the business in mind
Defining business goals and user goals helped us develop feature requirements and strike a balance between helping the business while also ensuring the users had a great experience.
Success Metrics
To assess how we might achieve our goals, we came up with the following metrics to measure:
Total number of organizers that can invite contributors and create a board without any assistance
Total time it takes for an organizer to invite contributors and put a board together
Total number of contributors that can successfully upload and submit their videos to the platform
Technical feasibility
With a better understanding of our problem space, we collaborated with the developers to prioritize our features based on impact vs effort. Because our budget and resources were limited, we did not have the bandwidth to accomplish everything we intended so we had to scale back objective 4.
Trade off we made
Why objective 4?
Feature is not core feature, can find workaround
Benefits of mobile site
Easy to upload videos from same device instead of going back and forth between devices
Allow invitations through text, more appealing to millennials
How will our users use our product?
We mapped out the flow of how each of our personas would navigate through our platform in order to complete a task.
Ideate
Design decisions
We sketched out our own versions of each screen, then discussed them as a group, and voted on what we liked about each version before creating the final versions.
Sketching out multiple layouts of each page allowed us to test out different options and find the best solution.
Test & Iterate
Usability Testing
Due to the short amount of time we had available, my team conducted testing focused on the main flows that users will interact with on the site.
Flows that were tested include:
Organizer creating a board
Organizer inviting contributors
Contributor uploading and submitting video
Recipient viewing video
Recipient thanking contributors
After testing, I compiled all the insights and revised our wireframes based on what was most critical.
Here are the pain points we found:
Prototype
Final Design
Feature 1
Guiding an organizer through creating a board
After entering details about the recipient and event, organizers are walked through creating their card with tooltips highlighting key features. I’ve include the guided tooltips in order to help new users navigate more easily by explaining where to click and how to use it.
A user can click the help button to bring up the tooltips again and explore specific topics and features.
Feature 2
Inviting contributors and viewing received/waiting videos
Organizers can easily invite people through a variety of channels from the platform with an invite message automatically written, making the process seamless and quick. I’ve also added a contributor section where organizers have quick access to view received and waiting videos.
After videos are submitted, they will auto populate where they can be filtered and easily organized. Organizers can also remind those who still need to send in their videos.
Feature 3
Simplifying process of rewatching and sharing videos
Recipients have the flexibility of viewing their videos on a board or played as a series of videos. Users can also select and filter by specific tags to see videos based on their preferences.
Allowing users to curate their own playlists and share them with others allows them to relive these special moments.
Responsive Design
Uploading, editing,
Our interviews revealed that users mainly record videos using their phones, so I opted to build a mobile-friendly site to accommodate their needs.
Contributors are guided through the steps of uploading, editing, and submitting their video. Users have the option to trim their videos and customize their videos with stickers and text overlays if desired.
Outcomes
After validation testing, here is the impact of our MVP:
100% of users were able to successfully invite contributors and create board
Users took on average 5 minutes to put board together
100% of users had no problem uploading and submitting video
Users loved the flexibility of the different ways to view their board
Reflection
Challenges & What I Learned
Things don’t always go as planned
As we worked through this project, unfortunately two designers on our team couldn’t commit time into this project anymore. I immediately decided to step up and take ownership of this team. Luckily I was able to onboard two new members seamlessly by having them review our documents and recordings as well as familiarize themselves with the design system we had established.
Not everything is a linear process
Working with developers and discovering certain constraints and limitations helped me realize that things aren't always linear. To manage your limited resources, budget, and time effectively, it is important to prioritize certain tasks and make tradeoffs.
What I would do Differently
Accessibility
Although I wasn't completely involved in the process of choosing and applying UI elements to our screens, I believe that our visual elements can be improved. Our brand colors aren’t accessible and can be hard to see for those with vision impairments. A quick fix can be to darken the shades of green and purple for more contrast. The font size could also be increased to accommodate our older audiences.
Next Steps
There are a couple features we would like to add that was beyond our mvp:
Allow for more customization and video editing
Allow ability to record from platform
Include email subscription
