Yusuf Meherally Centre

Web Redesign

Web Redesign

Web Redesign

Branding

Branding

Branding

Client Background
Client Background
Client Background
Client Background

Yusuf Meherally Centre is an NGO committed to empowering and mobilizing volunteers for community service. Represented by volunteer Mohit Parikh, the Centre needed a modern, user-friendly website that could resonate with today’s volunteer while serving as a hub for engagement, communication, and resource sharing.

Executive Summary
Executive Summary
Executive Summary
Executive Summary

Yusuf Meherally Centre, a dedicated NGO serving the volunteer community, needed to modernize its digital presence with a lightweight, trimmed-down website. Over a rapid 5‑week engagement, our team—comprising Mohit Parikh (Volunteer), Raksha, Shiv, and Suhas—delivered a complete website redesign and development solution. Despite budget constraints, time limitations, and challenges around domain expertise, we provided critical consulting, a clear design strategy, and extra hands-on support to ensure a successful launch, even as the project scope evolved.

Duration
Duration
Duration
Duration

5 weeks

Team Involved
Team Involved
Team Involved
Team Involved

Shiv, Raksha and Suhas

Results
Results
Results
Results

TBD

Industry

NGO

NGO

NGO

NGO

Year

2024

2024

2024

2024

Client

Yusuf Meherally Centre

Yusuf Meherally Centre

Yusuf Meherally Centre

Yusuf Meherally Centre

Project Objectives

Project Objectives

Project Objectives

Project Objectives

Website Redesign and Development:

Create a lightweight, updated version of the existing website to better engage the modern volunteer.

Clarity and Consulting:

Provide essential consulting to overcome initial domain knowledge gaps, ensuring that the project’s strategic direction was well-defined.

Timely Delivery:

Complete the revamp within a tight 5‑week timeframe, despite evolving requirements and resource constraints.

Enhanced User Experience:

Improve UX/UI to facilitate easier navigation and more effective communication of the Centre’s mission.

Challenges

Challenges

Challenges

Challenges

Budget and Time Limitations:

The project was constrained by a limited budget and a tight 5‑week schedule.

Domain Knowledge Gaps:

The client required in-depth consulting to better understand modern web standards and options.

Stakeholder Management:

Limited collaboration and delays were encountered due to a single point of contact, impacting decision-making and communication.

Project Scope Creep:

As we approached the go-live for phase 1, the number of pages and assets increased, leading to extended timelines and higher deliverable expectations.

Technical Hurdles:

Go-live complications related to server management added complexity during the final stages of the project.

Research and Insights

Research and Insights

Research and Insights

Research and Insights

Initial Consultation:

We began with consultative sessions to clarify the project’s goals, understand the client’s needs, and address gaps in digital expertise.

Pros and Cons Mapping:

A detailed mapping exercise was conducted to evaluate different approaches, helping to select the optimal strategy and tools.

Stakeholder Engagement:

Interviews and ongoing communications helped identify key pain points and user expectations, despite limited availability.

Proof of Concept:

Early-stage prototypes and design sprints were used to validate our approach and align on the user experience strategy.

Design Strategy

Design Strategy

Design Strategy

Design Strategy

Iterative Design Sprints:

Using methodologies like design sprints and prototypes, we quickly refined the website’s UX/UI based on real-time feedback.

Tool-Driven Collaboration:

We employed tools such as Whimsical, Framer, and Figma to visualize and iterate on design concepts while maintaining clarity through e-meet sessions.

Consultative Approach:

Regular consultations ensured that all stakeholders understood the chosen direction and that scope adjustments were managed proactively.

Focus on Timeliness:

Every phase was meticulously planned to ensure we met our tight timeline while still accommodating necessary revisions and expanded requirements.

Solution

Solution

Solution

Solution

UX/UI Design

User-Centered Design: Developed intuitive interfaces that simplified navigation and enhanced user engagement.

Interactive Prototyping: Employed Figma and Framer to create clickable prototypes, allowing us to refine user flows before final development.

Website Development

Lightweight Redesign: Rebuilt the website to provide a clean, modern look while trimming down outdated content.

Responsive Development: Ensured that the site was optimized for all devices, facilitating access for volunteers on-the-go.

Iterative Development Phases: Split the development into two phases to manage scope creep, ensuring initial functionality was delivered and later enhancements could be integrated smoothly.

Hosting and Technical Support

Server Management Consultation: Provided guidance and hands-on support for server setup and management, addressing go-live complications.

Technical Collaboration: Coordinated with external stakeholders to resolve technical issues and ensure a smooth transition at launch.

Outcome

Outcome

Outcome

Outcome

Modernized Digital Presence:

A streamlined, modern website was successfully launched, meeting the needs of today’s volunteer.

Enhanced User Experience:

Improved UX/UI led to easier navigation and a more engaging online experience.

Effective Collaboration:

Despite initial challenges with stakeholder management, our extra support and clear communication ensured that all issues were addressed.

Adaptability to Scope Changes:

The project’s evolution—reflected in the expanded number of pages and assets—was managed effectively, ensuring that the final deliverables aligned with the client’s enhanced vision.

On-Time Delivery:

The project was completed within the 5‑week timeframe, demonstrating our commitment to timeliness even in the face of unforeseen challenges.