E-learning platform for mature adults: zero to one build

where
Peppermint,
2022-23
what
UX Design
how
Figma
Miro
Design system cover

SUMMARY

Problem

Retirees and older adults want to keep socializing, learning and pursuing their passions, but there's a lack of products designed for this growing demographic. They need an easy and accessible way to find a sense of community and connection through shared interests.  

Goal

To create an online clubhouse that helps this demographic connect and stay active through community clubs and cohort-based learning. I was brought in to join a small design team and create an MLP (minimal loveable product) in time for soft launch in 2023, which contributed to the company raising $8M in seed funding.

Outcome

"The global population over 60 is projected to double by 2050 [...] but there is a major lack of solutions and products designed with this population in mind [...]. The Peppermint team has designed a solution to fill that void while fighting the loneliness epidemic and encouraging adults to engage in their interests and have fun in the next chapter of their lives.

- Alan Patricof, Chairperson and Co-Founder of Primetime Partners
Product overview (from the initial deliverable of end user MLP medium fidelity wireframes - to the live product)

DETAILS

Design process and team overview

Since we were building an MLP, there was a lot of ambiguity and parallel collaborative work in an already lean team. I closely collaborated with the other functions - with content to align on the information architecture and content matrix, with product to align on strategy and overall vision, with developers to discuss feasibility and interactive behaviours.

I joined 2 others designers a month into the project and was asked to remain longer as a solo designer to oversee the iterative design process and act as the point of contact between various internal stakeholders, ensuring seamless knowledge transfer and fostering strong cross-functional collaboration.

The CPO experimented with the concept of story arcs as a basis for planning out the MVP build. It allowed for a very visual and easy to grasp storytelling, which was useful in getting the buy-in from investors and senior stakeholders. The user journey of the main persona (Bonnie) was broken into 6 key story arcs, which served as a basis for aligning the team on the user journey, as well as visualizing how the product fits in within the wider context of Bonnie's life.

Peppermint Discovery: Story Arcs

Ideation: How to build an online community

There were a number of exciting UX challenges to solve as part of this project - async learning, video-based communications, mature adults accessibility to name a few.

A key challenge was around fostering a sense of community online. We wanted the experience to mirror the feeling you get when entering a house party: you see some familiar faces and some new people, you get friendly nods and smiles, you feel at ease but also excited to make new friends. I explored the concept of community in depth - what it really means and how to successfully foster online communities - and tried to apply the learnings in the UX.

Translating design mandates and insights into tangible UX / UI decisions

Once I established some design mandates for how the community would be represented on the platform, I was able to translate the broad concepts into more tangible interactions in the product. For instance, how do users actually make friends on the site? Unlike many social media sites, where the more friends the better, I felt it was important to focus on encouraging fewer but deeper connections.

Mapping out social interactions flows for key personas

As we got closer to defining the wireframes for the full user journey,  I mapped out the social interactions across the story arcs for each of the key personas. This helped ensure the sense of community was present throughout and grew as the users progressed through the product.

Design iterations for high risk areas: onboarding and course interface

We worked through a number of iterative cycles, especially on some of the more complex parts of the tool, such as onboarding and course interfact pages. We had to get creative in testing our assumptions, as we were building a brand new product and didn't have any existing users. Feedback came from a variety of sources: 

  • Presentations with internal stakeholders
  • User interviews conducted with the Product Manager
  • Usability tests with potential future customers
  • Guerrilla user testing with older family members

Managing the UI work stream

Towards the end of the project, the team brought in a UI designer to bring the medium fidelity designs to high fidelity. I worked directly with him to:

  • Ensure the design principles were adhered to in the UI
  • Identify gaps and consolidate interaction patterns
  • Ensure consistency across the platform
  • Transfer any changes in the UX flow that are happening in parallel
UI management

The end user experience

As it was a truly agile lean build, we kept iterating as the UI was applied and the engineers were building to form a valuable yet feasible first slice for launch.

Once the end user experience designs were complete, I stayed on to design the admin side for course, content and user management. Feel free to reach out if you want to hear more about that project.

Peppermint launched the MVP in Summer 2023.

Medium Fidelity Wireframes: Full Product Flow
"I had the pleasure of working with Maria on multiple zero to one projects. Maria’s contributions were invaluable to the success of the the MVP. Her passion, professionalism, and commitment to delivering high quality user experience were truly commendable, and she exceeded all expectations throughout each project.

She joined the team of 2 others designers, CPO, PM and Engineering team leads. I was so impressed during the initial projects, I extended her agreement to include a broader set of projects that required her to work autonomously, all of which she excelled.

Maria proved to be an outstanding collaborator who seamlessly integrated with the Product team. Her fresh ideas and strategic insights significantly influenced the direction of the MVP, enriching its overall vision.

- Scott Hublou, Chief Product Officer

Next steps

I had to move on to a new project before the MLP launch, however these are the next steps I would tackle post launch:

  • Keep iterating on some of the riskiest and most interaction heavy areas of the tool with the help of usage analytics and qualitative user research:
  • Onboarding: I decided to de-risk it to keep the activation barriers low at the start, but there's a lot of variations I created during ideation that I would love to experiment with
  • Dashboard: I tried to combine the social and the learning parts of the platform so users had a jumping off point to both, but I would be curious to carry out more interviews once users had a chance to use the tool
  • Course interface: this is the most complex and iterated-on part of the platform. We had to operate on a number of assumptions when deciding on how users should navigate the learning experience, and I would love to iterated based on real user behavior
  • Set up key success and activation metrics (e.g. course sign up, friend added, club joined)
  • Interview early adopters as well as churners about their experience and iterate based on findings
  • Add feedback loops into the product for passive user research recruitment

I really enjoyed working on this project and am keeping in touch with the CPO to get insights about how Peppermint performs. This case study will be updated as I learn new information.

Read another case study