Natalie Waites Logo

Umuntu

A central place for the Nigerian Diaspora to connect and share information.

Umuntu homepage displayed on laptop and mobile

Overview

A platform that allows users to be able to connect with the social and political life of their countries back home, empowering their voices, as well as contributing to their communities of origin. I used the double diamond approach for this project, as there were a lot of elements within the brief and I wanted to keep the project focused.

  • Role: Product Design (UX & UI)

    UX design, research & user testing, UI design of responsive web platform, high-fidelity prototyping

  • Team

    Natalie Waites (solo project)

  • Design Toolkit

    Figma, FigJam, Pitch, Speak Ai, Google Forms, Survey Swap, Slack, Adobe Photoshop and Illustrator

  • Success Metrics

    • 100 Subscribers in first 3 months

    • Web platform design that meets user's basic needs

    • The product addresses user pain points from research

Umuntu home screen on laptop and iphone mockup screens

The Brief

The initial brief was quite broad: 'A platform that empowers the African diaspora to engage with and impact the socio-political landscape of African countries through news, policy tracking, funding, and advocacy. Focused on developing a web platform with these functionalities.' After interviewing the client we agreed to define the brief further by understanding more about the business and conducting target user research.

Understanding the business: Lean canvas and competitor analysis

Lean canvas diagram for Umuntu business
Competitor analysis for Umuntu business

User Survey Results

Once I understood more about the business, I felt it was important to get out a target user survey to understand the market, get initial feedback on the problems presented and how user's currently solve them. For this project in particular it was important for me to allow the product to be driven by the target audience and their experience.

The user survey guided the product direction and decision making

Pie chart showing users prefer using mobile by 75%Bar-chart showing top three features important to user'sBar-chart showing what features would put users off

Based on the user survey results, we decided to take a mobile-first design approach and incorporate the top three things important to users. Finally, being aware of what would put target users off the product was crutial in order to acquire the first 100 subscribers. More questions in the survey gave us insights but these are the top three.

User Interviews

I was able to arrange a more in-depth interview with three people who participated in the survey. This was super valuable to the project as not only did I receive more information on the problem and their solutions but I was able to listen to their experience and understand the bigger picture. It was important for me to empathise and understand the situation user's were in as best I could to build a product that would suit them.

Key quotes from the interviews and affinity map of everything discussed

Quotes from user interview
Affinity map for the three user interviews

Defining Interview Information

From the affinity map, I was able to pull out the key themes discussed and would later use these to form the How Might We statements. I then made an experience map to understand the problems faced by user's and how they played out. I plotted where Umuntu could fit in that experience.

Key themes from the user interviews
Experience map for users

Design Ideation

Going into the design stages I wanted to make sure I was clear on the key opportunities that Umuntu could fill in this space. From there I was able to build three 'How Might We' statements in order to direct the design process and use them to support ideation.

Opportunities identified for Umuntu
How Might We statements for Umuntu

Initial Design Phase

I started the design process by making a moodboard to get a feel for what direction we were going for. I incorporated ideas from user feedback as well as the logo provided by the client. I moved on to some low fidelity wireframes to experiment with different features within the app before jumping into Figma.

Moodboard for Umuntu
Low fidelity wireframes for umuntu features

Final Prototype & Designs

I presented these final prototype and designs to the client and the user's who participated in the interviews. The client was happy that it fulfilled the brief and I was able to get some final testing and feedback from user's. Overall the feedback was positive but I've included suggested edits for future. I've also included the implementation roadmap I provided for the client.

Umuntu home screens in three iphone mock ups
Umuntu community screens in three iphone mock upsUmuntu social projects page on iphone mock upUmuntu monthly digest example on iphone mock upUser testing feedback of final designImplementation roadmap

Retrospective

What went well

Client feedback: 'I loved the presentation and work done by Natalie, and look forward to setting much of the recommendations and work into motion.'

This was a large project to take on solo, so I was happy with my process and being able to define the brief further to aid this.

I felt that the research phase was crucial to this project and has shaped the kind of product designer I aim to be, by incorporating empathy at the core of my work.

🛠️ What could be improved

As ever, it would be beneficial to do more user testing and tweaking to the final design as the scrolling option was still undecided.

I would have liked to collaborate more on this project and have other people and their views involved.

To test more on user testing sites if the budget had allowed.

Want a walk-through of this case study? Let's schedule a time

Contact

Let's discuss how my skills and unique perspective could contribute to the success of your business or product.

Illustration of laptop and notebook with send message icon