SRMD - A Spiritual Organization

I had the exciting opportunity to work on a startup project that aimed to connect prospective international students with current/alumni students from their prospective universities. The goal was to provide valuable insights, guidance, and support to students during their university selection process.

Problem

Lack of Interactive Elements: The icons for the calendar and sharing are not very prominent, and their functionality may not be immediately clear to users.
Navigation Clarity: The top navigation tabs (e.g., "Satsangs," "Sadhana Bhatti") lack active state indicators, making it difficult for users to know which section they are currently viewing.
CTA Visibility: There is no clear call to action (CTA) related to the events, such as "Register Now" or "Join the Event," which might help users take the next step

Lack of Interactive Elements: The icons for the calendar and sharing are not very prominent, and their functionality may not be immediately clear to users.
Navigation Clarity: The top navigation tabs (e.g., "Satsangs," "Sadhana Bhatti") lack active state indicators, making it difficult for users to know which section they are currently viewing.
CTA Visibility: There is no clear call to action (CTA) related to the events, such as "Register Now" or "Join the Event," which might help users take the next step

Solution

Opportunity

How might we design more prominent interactive elements and navigation indicators for users so that they can easily understand and engage with the content and actions?

Define

Competitive Analysis

To gain insights into the current market and user expectations, I conducted a competitive analysis. This involved analyzing similar platforms, understanding their strengths and weaknesses, and identifying opportunities for differentiation.

Ideate

Crazy 8's Exercise

To explore potential user interface (UI) ideas, I organized a Crazy 8's exercise with the project team. This rapid sketching session generated multiple design concepts, fostering creativity and collaboration.

Hi-Fi Mocks

Based on the selected UI ideas, I proceeded to create high-fidelity mockups. These detailed visual representations allowed the team to visualize the platform's look and feel, enabling constructive feedback and refinement.

Task Flow

Task: Buy a stock with the help of recommendations that the app provides.

The task flow involves adding stock information in the app's portfolio, exploring recommendations, examining detailed information about specific stocks, making a decision to buy or sell, completing the purchase process, and finally confirming the transaction.

Prototype

Hi-Fidelity Prototype

After testing the mid-fidelity prototype and gaining insights, I developed this high-fidelity prototype to refine the user experience further. This includes adding more detailed design elements and incorporating feedback from the mid-fidelity testing phase.

View Prototype

Key Learnings

What did I learn from this project?

Adaptability to Stakeholder Feedback: Pivoting from an app to a website highlighted the need to stay flexible and align design with stakeholder goals.
Contextual Research: Redoing research for the website version emphasized the importance of understanding platform-specific user behaviors.
Iterative Design: The pivot reinforced the value of iterative design, allowing for continuous refinement based on feedback.

Adaptability to Stakeholder Feedback: Pivoting from an app to a website highlighted the need to stay flexible and align design with stakeholder goals.
Contextual Research: Redoing research for the website version emphasized the importance of understanding platform-specific user behaviors.
Iterative Design: The pivot reinforced the value of iterative design, allowing for continuous refinement based on feedback.

Let's Collaborate

Let's talk about a project,
collaboration or an idea you may have