Portfolio

Birmingham Community Foundation Web App Redesign Case Study

Community Foundation is a digital platform for individuals within the local Community, it enables users to be well integrated with activities and development of their community.


Designed in Figma

figma
miro
trello
Research Goals

To gain insights into the user needs and create a seamless and user-friendly experience for the community, our team embarked on a comprehensive user research initiative. This involved conducting interviews and surveys to understand the usability pain points of the website and address any usability issues faced by the target audience and stakeholders of the community foundation website.

Design Process
User Research
User Persona

Based on user research we created a user person to better understand the user needs and their pain points.

Annie, a new medical student in the UK, underscores the importance of empathy in digital platforms like the Community Foundation website. Beyond information, it serves as a lifeline, addressing loneliness and fostering connections. Annie’s persona highlights the need to understand unique user needs for a website that genuinely enriches lives.

Feature Priotization
Story Board

From our user scenario which is “Annie who enjoys to meet people and learn new skill whenever she's in a new location”. We created a storyboard which was further used to create our user flow.

User Flow

We designed a simple user flow for the users to be able to complete the main task.

Lo-Fi Wireframe

My colleagues and I began creating a responsive web interface. We divided into two groups for mobile and desktop design. In the web design team, my role involved crafting designs from low to high fidelity. Despite working separately, we united as a team to assess both designs, provide feedback, and iterate collaboratively.

Usability Test Plan
Usability Test Insight
Style Guide
Hi-Fi Wireframe
Summary and Takeaway

Time was greatly spent on the IA (Information Architecture) because clarifications had to be sought from the stakeholders regarding terms used (services and project) and then reiteration was made to provide a clear navigation.

User testing and Iterating the user flow and site map enabled us to understand users need and task goals for the platform.

Accessibility was greatly thought of throughout the redesign, such as the typography, colour and UI pattern placements.

Future developments to include a profile page which allows user to track their progress of programmes they have enrolled on.