Redesigned and rebuilt the First Class Muslim Foundation website with clearer navigation, a responsive interface, and stronger SEO foundations. The new experience makes it easier to explore scholarships and programmes, understand the foundation’s impact, and find ways to donate or volunteer.
The project
First Class Muslim Foundation supports Muslim youths through scholarships, mentorship, and leadership development. Its website needs to serve people looking for educational opportunities as well as those who want to understand and support the foundation’s work.
I redesigned and rebuilt the website to make that information easier to find, read, and act on, with a focus on usability, responsive design, and SEO.
The challenge
The previous website was content-heavy. Scholarship information, programme details, impact reports, and opportunities to get involved needed a clearer structure and stronger visual hierarchy.
The redesign focused on three priorities:
- Help visitors find relevant programmes and scholarships.
- Make the foundation’s work and impact easier to understand.
- Give visitors clearer routes to donate or volunteer.
My contribution
My work covered the UI/UX redesign, navigation and content structure, responsive frontend implementation, and SEO improvements. I used Next.js, TypeScript, Tailwind CSS, and Sanity, with the website deployed on Vercel.
Redesigning the experience
Clearer navigation and content hierarchy
I reworked the navigation, page structure, and visual hierarchy to make the website easier to explore. Programmes, scholarships, and impact information received clearer presentation, helping visitors identify relevant content and understand where to go next.
A responsive, more readable interface
I rebuilt the interface for use across desktop, tablet, and mobile screens. The work focused on readable content, clearer headings, and layouts that adapt to different screen sizes, making the foundation’s information more accessible across devices.
Clearer paths to getting involved
The redesign brought more attention to donation and volunteer opportunities alongside the foundation’s programmes and impact. This made the available ways to participate easier to discover within the wider website experience.
Strengthening the SEO foundations
Alongside the visual redesign, I improved the website’s page structure, metadata, and semantic content. These changes were intended to help search engines understand the site’s content and make its programmes and resources more discoverable.
The SEO work complemented the usability improvements: clearer headings and better-organised information help visitors navigate the website while giving search engines a more coherent content structure.
The result
The rebuilt website presents the foundation’s programmes, scholarships, and impact in a clearer, responsive experience. It combines improved navigation and content presentation with more visible ways to donate or volunteer and stronger foundations for search discoverability.