SRMD - A Spiritual Organization
Ein Marken- und Produktdesigner, der sich darauf konzentriert, bezaubernde digitale Erlebnisse zu schaffen
Ein Marken- und Produktdesigner, der sich darauf konzentriert, bezaubernde digitale Erlebnisse zu schaffen
SRMD - A Spiritual Organization
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.
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.
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.
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.
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.
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.
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.