Responsive web design Case study

Project Scope : This project focused on designing a responsive dashboard for Dartford Foodbank to improve the management of volunteers, donations, and events.

My role : Lead UX/UI Designer responsible for user research, interface design, and prototyping.

Industry : Non profit , charity

Toolkit : Figma, Illustrator and photoshop

Timeline : Q1 2025

Dartford Foodbank

Volunteers List

The Volunteers List displays all registered volunteers with their key details. Users can search, edit, or delete records as needed.

Adding Volunteers

When adding a volunteer, users must enter essential details like name, contact info, location, and availability. The system ensures data accuracy by checking for duplicates before saving.

If a duplicate record is detected, users will be notified and prompted to review the entries. They can choose to merge, update, or delete duplicate records to maintain data accuracy.

Duplicate records

Competitive analysis

Interviews

CONTENTS


Affinity Mapping

Personas

POVs & HWMs

User Flows

Low Fi/ Mid Fi

User Testing

Hi-Fi testing

Priority revisons

Final High fi Prototypes

Background