This project was built with:
Moshal Program • Empowering Students Through Thoughtful Design

Daniel G Bright

Web Designer

UI Designer

Framer Designer

Figma

Framer

LottieFiles

Education

Project Overview:

The Moshal Program provides scholarships and mentoring to underprivileged but talented students, helping them achieve academic and professional success. Their mission demanded a website that reflects their transformative impact while effectively engaging donors, students, and mentors.
Project Thumbnail
Project Thumbnail

The Challenge

Moshal Program needed a modern, intuitive website that:
• Clearly communicates their mission and success stories.
• Simplifies navigation for diverse user groups: students, donors, and alumni.
• Optimizes functionality across devices.
• Enhances engagement through storytelling and data representation.
Homepage
Homepage

The Solution

Using a user-centered design approach, I crafted a website that embodies Moshal Program’s vision, emphasizing accessibility and scalability. The process included:
1. UX Research: Understanding the needs of donors and students through stakeholder interviews and competitor analysis.
2. Wireframing & Prototyping: Rapid iteration of layouts in Figma to ensure intuitive navigation.
3. Visual Design: Aligning the visual language with Moshal’s branding to enhance trust and emotional connection.
4. Development Collaboration: Working closely with developers to maintain design fidelity and performance.
About Us Section
About Us Section

Key Features

1. Dynamic Storytelling:
• Showcased impactful success stories through interactive sliders and visuals.
• Integrated testimonials to highlight Moshal’s influence.
Partners Section
Partners Section

2. User-Focused Navigation:

• Clear pathways for students seeking application info and donors exploring partnership opportunities.
• A mobile-first design ensuring seamless interaction on all devices.
Other Bullet Point Sections
Other Bullet Point Sections

3. Enhanced Credibility:

• Data visualizations to underline achievements, e.g., scholarships awarded and career success rates.

4. Scalability:

• Built with future expansion in mind, ensuring easy content updates.

Why It Matters

The redesigned website not only amplifies the Moshal Program’s online presence but also strengthens its ability to connect with and inspire its audience. It serves as a digital catalyst for their mission, making their transformative work more visible and accessible.
Like this project
1

Posted Nov 27, 2024

Designed the Moshal Program’s website to better reflect its mission of supporting underprivileged students through scholarships and mentoring.

Likes

1

Views

21

Timeline

Jan 1, 2024 - Feb 8, 2024

Tags

Web Designer

UI Designer

Framer Designer

Figma

Framer

LottieFiles

Education

Livivo • Designing a Seamless Health Tech Experience
Livivo • Designing a Seamless Health Tech Experience
North High Tech Park • A Digital Hub for Innovation
North High Tech Park • A Digital Hub for Innovation
Dataiku • High-Impact Investor Presentation Graphics
Dataiku • High-Impact Investor Presentation Graphics
Motion & Magic: A Dynamic Design Showcase
Motion & Magic: A Dynamic Design Showcase