Mentatt
Helping a company rebrand
and set up their new website
Overview
3
UX Designers
TIMELINE
April - May
2024
PLATFORM
Website
TEAM
4
Developers
The Client
Mentatt is a cutting-edge software company dedicated to co-creating actionable solutions to provide insights on the early indicators of mental health issues.
The Challenge
Mentatt started out as an app, but as they expanded their business to East Africa, specifically Rwanda, they now needed a website to communicate their services.
The Goal
We were tasked to build the new landing page for them with the goal to keep their international profile, but also tailor the information and design to the Rwandan population.
Project Overview
Week 2
Week 4
Week 1
Research
Week 3
Wireframing
Interviews & Testing
Hi-fi & Testing
Team Lead doubling as Researcher
Meanwhile me and my team were doing secondary research, I also juggled a WhatsApp group with dozens of Rwandans trying to schedule interviews for our primary research.
In-depth Interviews
Turned User Testing
Our initial idea was, of course, to have in-depth interviews to learn more about the Rwandan mental health maturity, but it took our client longer than expected to set up the WhatsApp chat, so we had to adjust and ended up doing half-interview, half-user testing.
Key Insights
Defining Mental Health
Rwandans don’t understand what mental health really is, because it’s sort of taboo to speak about it, especially since the Rwandan genocide. So a section about mental health would be great!
The Importance of Images
Images turned out being a huge deal to how the local population experiences a website as visual elements are associated with professionalism.
3G or 4G?
Initially, our desk research told us Rwandan’s mostly have access to 3G internet, which made us feel like we had to minimize images and moving designs, but during the interviews we learned that they actually all have 4G now.
Implementing Design Feedback
Adding “About Mental Health” Section
Pushing the “About Mentatt” further down the page, because our testing showed that it was necessary to first introduce visitors to what mental health is before who Mentatt is.
Testing With The Locals
We did a few different designs to show during our test sessions, and the locals in Rwanda chose the design highlighted in green.
The Final Design
Responsive Mobile Design
Reflection
This was our first cross-program collaboration with Front-end Developers, and it was so valuable understanding how they saw the design process, when and what they required, and how they communicated in general.
Learnings:
Having a design system (if even a simple one) is extremely essential for developers with spacing, padding, font sizes, and button details.
Developers use a more direct and unfiltered language when communicating, but they really have the best of the product in mind.
Effective design documentation is key to a pain-free collab.