Portfolio

Innoghte
(Redesign Responsive Web | Mobile)

Time Scope:

3 Weeks

My Role

Design Lead
UX Researcher
UX Designer
UI Designer

Tools

Figma
Google meet
Zoom
Mockup

Methods

Mapping
Competitive Analysis
Sketching
Wireframes
Prototyping
Usability Testing
Heuristic Evaluation

Project Overview:

This project aims to comprehensively enhance the user experience (UX) and accessibility of "Innoghte" website. As a UX designer, researcher, design lead, and UI designer, my role encompasses various facets of improving this digital platform to ensure it meets the needs of all users, providing a more inclusive, intuitive, and visually appealing online experience.

Success Criteria:

The success of this project will be measured by improved user satisfaction, increased accessibility compliance, and positive user feedback.

Objectives:

Enhance Accessibility
Optimize User Experience
Clarify Messaging and Navigation
Broaden Scope with 'Products'
Improve Legibility
Introduce Events Section
Lead Design Initiatives
Conduct User-Centered Research
Simplify Interactions
Create Visually Appealing UI

Process:

Discover:

Research:

In my role as a UX designer and researcher for "Innoghte" as a meditation and mindfulness website, I conducted extensive market research to inform our design and content strategy. Here are key insights that shaped our user-centric approach:

1. Target Audience Understanding:

Profiling primary and secondary target audiences, such as stress relief seekers, mindfulness enthusiasts, beginners, and those interested in personal growth, allowed us to tailor our offerings effectively.

2. Competitor Landscape:

In-depth competitor analysis revealed strengths, weaknesses, and content strategies of other meditation platforms. This helped us identify opportunities for differentiation and improvement.

Design:

Iteration Process:

Enhancing User Experience and Accessibility

During this project, I recognized the importance of an iterative approach to continually improve the user experience and accessibility of Innoghte website. Here's how the iteration process unfolded:

1. Design Refinements:

Based on the user feedback and research findings, I initiated design refinements to address identified issues. This included adjustments to the login process, error messaging, and navigation.

2. Accessibility Validation:

Accessibility compliance was rigorously tested in each design iteration to ensure that the website met the required standards and catered to users with disabilities.

3. Documentation and Knowledge Sharing:

I documented each iteration, recording the changes made, rationale behind them, and their impact on the user experience. This documentation facilitated knowledge sharing within the team.

Problem: Innoghte website lacked the necessary accessibility features during the login process, hindering users with disabilities.

Solution: Following a comprehensive UX design revamp, we have addressed these issues, making our platform more inclusive and user-friendly for everyone.

Problem: When users entered incorrect information, Innoghte website provided vague error messages, leaving them confused and frustrated.

Solution: As part of the UX design process, I proposed and implemented a correction, resulting in clearer and more informative error messages to enhance the user experience.

Problem: Innoghte navigation bar was cluttered with unnecessary guides, causing confusion and overwhelming users.

Solution: As part of the UX design improvements, I streamlined the navigation by removing extraneous guides, ensuring a cleaner and more intuitive browsing experience.

I've made a significant enhancement by renaming the 'Courses' section to 'Products.' This change reflects the diverse range of offerings on our platform, beyond just courses, making it easier for users to find and explore the full spectrum of valuable products and resources.

We've listened to user feedback and have taken steps to improve the user experience by removing the confusing interaction from a particular CTA on Innoghte website.

Problem: This interaction led to user confusion as it promised more details that were not available.

Solution: Now, with a simplified and straightforward approach, we aim to provide a clearer and more intuitive browsing experience for users.

As part of the UX redesign process, I meticulously assessed the accessibility of the interface by removing unnecessary access keys that were causing confusion and ineffectiveness. Additionally, I strategically introduced new access keys that seamlessly integrated with the user experience, ensuring a more streamlined and user-friendly interaction.

As part of our commitment to accessibility, we offered to removed the white shadow effect from our typeface. This change ensures that the text is now more legible and aligns with best practices for creating an inclusive user experience.

Site Map:

"In the evolution of the project, a significant transformation occurred between the previous sitemap and the current one, reflecting a comprehensive shift towards a more intuitive and user-centric website structure.

UI Design:

In my capacity as both the UI designer and an experienced event planner, I applied a comprehensive three-step design process to meticulously craft an enticing event page. Beginning with low-fidelity wireframes, followed by mid-fidelity mockups, and culminating in high-fidelity prototypes, I leveraged my design expertise and user experience acumen. Drawing on my extensive event planning background, I ensured that the information was thoughtfully structured, facilitating better user comprehension and engagement. This approach not only showcases my design skills but also highlights my ability to bridge design and event planning to create a more immersive user experience.