Timeline:  May 2023 - August 2023

My Role: UX/UI Designer | Volunteer

Goal:  Redesign of MY-ICD’s Youth Committee website to align with their specific needs, focusing on enhancing user experience and improving engagement & communication.

MY-ICD ( Muslim Youth of Islamic Center of Detroit) is a youth organization dedicated to personal and professional development, as well as community service. Our mission is to empower young people to drive positive change through spiritual, recreational, developmental, and impactful service activities.

ABOUT

The current website design for MY-ICD is outdated, lacks essential features, & not organized effectively.

PROBLEM

The challenge involved transforming an outdated and disorganized non-profit website for MY-ICD into a modern, user-friendly platform. The original need for simplicity clashed with the desire for new features like Eventbrite and expanded social media links. Balancing these requirements while ensuring easy navigation on a one-page layout presented a UX/UI challenge. The solution required a strategic redesign, marrying simplicity with enhanced features, resulting in a more cohesive and engaging user experience for MY-ICD's community.

Although the website was deleted, I have a clear understanding of the user flow based on its previous structure.

PAIN POINTS

Meeting their needs.

  1. Lack of Organization: The current website is poorly organized, making it difficult for users to find relevant information efficiently.

    Desire for New Features: Requests for features like Eventbrite integration and additional social media platforms indicate a need to meet evolving user expectations.

    Navigation: Users prefer a one-page website for simplicity, highlighting the importance of easy navigation in the redesign.

    Event Registration Integration: Connecting events to a registration form requires an intuitive UI design to boost community engagement.

    Social Media Integration: Incorporating Instagram, Facebook, and a donation section demands a cohesive UI design that avoids clutter.

    UI Redesign for Modern Aesthetics: The need for a more user-friendly one-page website and new features calls for a modern UI redesign focused on usability.

The main concern among community members is the need for easy access to essential information, including upcoming events, contact details, and donation options on the website.

USER RESEARCH

In summary, community members stress the need for the MY-ICD website to be user-friendly and informative. They want to easily find essential information like upcoming events, contact information, donation opportunities, and details about the organization's activities. By ensuring this information is transparent and easily accessible, the website can effectively engage users and foster a stronger connection with the community.

Improvements in my design

WIREFRAMES

Based on various feedback from the Youth Director, I continually iterated my design:

Established a donation section to facilitate community support for events.

Implemented a one-page website design for enhanced simplicity.
Integrated upcoming events seamlessly with registration forms for user convenience.
Included clear and accessible contact information for improved communication.
Showcased MY-ICD's presence on various social media platforms, including YouTube and Facebook.
Designed a navigation system for direct access to specific sections, ensuring a streamlined user experience.
Crafted a front page providing a concise description of MY-ICD's mission and organizational focus.
Introduced an Instagram section, enabling the community to stay updated on the latest events.

FINAL SOLUTION

A one-page layout with seamless event registration, an Instagram section, clear contact info, a donation area, and an efficient registration system.

Streamlined Design

  • Executed a one-page design to enhance simplicity.

  • Developed a front page encapsulating a brief overview of MY-ICD's mission and organizational focus.

  • Implemented a navigation system, ensuring direct access to specific sections.

Seamless Event Integration & Communication

  • Seamlessly integrated upcoming events with user-friendly registration forms.

  • Introduced an Instagram section, providing the community with real-time event updates.

  • Incorporated easily accessible contact information for improved communication.

Community Engagement & Social Presence

  • Established a donation section to encourage community support.

  • Showcased MY-ICD's vibrant presence on diverse social media platforms, including YouTube and Facebook.

CONCLUSION + LESSONS LEARNED

What I learned📝

  1. Understanding Client Needs: Learning to understand and interpret the specific needs and goals of a non-profit organization.

  2. Client Communication: Enhancing communication skills with clients, including effective ways to gather requirements and provide updates.

  3. User-Centric Design: Gaining insights into user-centered design principles and creating a website that caters to the needs of the organization's target audience.

  4. Adapting to Brand Guidelines: Adhering to existing brand guidelines and learning how to incorporate organizational branding into the website design.

  5. Feedback Incorporation: Learning to receive and incorporate feedback from youth director , considering their unique perspectives and priorities.

  6. Continuous Improvement: Developing a mindset of continuous improvement, understanding that a website is an evolving tool that may require updates and enhancements over time.

    Thank you! 😊