Responsive web design
Responsive web design
Social Enterprise
Responsive Website
Role - UI/UX Designer
Role - UI/UX Designer
Tools - Figma, Illustrator, Notion
Tools - Figma, Illustrator, Notion
Duration - 11.2023 - 02.2024
Duration - 11.2023 - 02.2024
Overview
Overview
About Project
About Project
Ignite India's project is a transformative learning initiative that has conducted 1700 impactful programs across 7 states. The redesigned website prioritizes user-friendly navigation, interactive features for youth engagement, and showcases global collaborations with international NGOs. Emphasizing inclusivity and personal growth, the platform strategically encourages participation in youth-led projects. With a focus on clear branding and mobile responsiveness, Ignite India is a dynamic hub fostering learning, community progress, and global connections.
Ignite India's project is a transformative learning initiative that has conducted 1700 impactful programs across 7 states. The redesigned website prioritizes user-friendly navigation, interactive features for youth engagement, and showcases global collaborations with international NGOs. Emphasizing inclusivity and personal growth, the platform strategically encourages participation in youth-led projects. With a focus on clear branding and mobile responsiveness, Ignite India is a dynamic hub fostering learning, community progress, and global connections.
Nikhil Mohan
UX/UI Designer
Hanan Binth Basheer
UX/UI Designer
Jinso Raj
Developer
“We a team of 3 freelancers made this project live”
“We a team of 3 freelancers made this project live”
The Problem
The Problem
Ignite India's website revamp focuses on improving engagement and communication with international NGOs. The redesign prioritizes a visually appealing and user-friendly interface, highlighting achievements and promoting volunteering.
Ignite India's website revamp focuses on improving engagement and communication with international NGOs. The redesign prioritizes a visually appealing and user-friendly interface, highlighting achievements and promoting volunteering.
The Goal
The Goal
Ignite India's goal is to build a dynamic online platform that communicates the impact of learning programs, engages a diverse audience, fosters global collaborations, creates inclusive spaces for personal and community growth and to inspire active participation in youth-led projects through a user-friendly and mobile-responsive experience,
Ignite India's goal is to build a dynamic online platform that communicates the impact of learning programs, engages a diverse audience, fosters global collaborations, creates inclusive spaces for personal and community growth and to inspire active participation in youth-led projects through a user-friendly and mobile-responsive experience,
My Responsibilities
My Responsibilities
My Responsibilities
Visual Design - User Research - User Persona - User Journey Map -
Information Architecture - Wire framing - Prototyping - Usability Testing
Visual Design - User Research - User Persona - User Journey Map -
Information Architecture - Wire framing - Prototyping - Usability Testing
Visual Design - User Research - User Persona - User Journey Map -
Information Architecture - Wire framing - Prototyping - Usability Testing
Design Process
Research
Talk to Real Users
Surveys & Questionnaire
Define User Goals & Challenges
Identify User Issue
User Opinions, Thoughts & Reactions
Empathise
User Personas
User Testing
User Journey & Experience Map
Define
Ideate
Storyboards
Wireframes
Flowcharts
Low-Fidelity Designs
Create
Moodboards
Design System & Gudelines
High-Fidelity Designs
Prototypes
Motion and Interaction
Test
Usability Testing
Accessibility Testing
Review Feedback
Validate Iterations
Design Process
Research
Talk to Real Users
Surveys & Questionnaire
Define User Goals & Challenges
Identify User Issue
User Opinions, Thoughts & Reactions
Empathise
User Personas
User Testing
User Journey & Experience Map
Define
Ideate
Storyboards
Wireframes
Flowcharts
Low-Fidelity Designs
Create
Moodboards
Design System & Gudelines
High-Fidelity Designs
Prototypes
Motion and Interaction
Test
Usability Testing
Accessibility Testing
Review Feedback
Validate Iterations
Design Process
Research
Talk to Real Users
Surveys & Questionnaire
Define User Goals & Challenges
Identify User Issue
User Opinions, Thoughts & Reactions
Empathise
User Personas
User Testing
User Journey & Experience Map
Define
Ideate
Storyboards
Wireframes
Flowcharts
Low-Fidelity Designs
Create
Moodboards
Design System & Gudelines
High-Fidelity Designs
Prototypes
Motion and Interaction
Test
Usability Testing
Accessibility Testing
Review Feedback
Validate Iterations
Understanding Users
Understanding Users
User Research
User Research
We conducted comprehensive secondary research and engaged with our target audience through user interviews and surveys to delve into the unique needs and emotions of diverse stakeholders. Our user research encompassed young individuals, students, professionals, corporate entities, educational institutions, community leaders, and organizations deeply invested in social innovation. This research equips us with a nuanced understanding of their motivations, pain points, and aspirations, guiding our design decisions to create a socially impactful platform that resonates with the diverse user base.
We conducted comprehensive secondary research and engaged with our target audience through user interviews and surveys to delve into the unique needs and emotions of diverse stakeholders. Our user research encompassed young individuals, students, professionals, corporate entities, educational institutions, community leaders, and organizations deeply invested in social innovation. This research equips us with a nuanced understanding of their motivations, pain points, and aspirations, guiding our design decisions to create a socially impactful platform that resonates with the diverse user base.
User Interview
User Interview
We conducted interviews and surveys to discover the challenges, user experiences, needs user faces from the beginning to the end.
We conducted interviews and surveys to discover the challenges, user experiences, needs user faces from the beginning to the end.
85%
85 percent use mobile version of the website.
85%
85 % has visited Ignite India’s website for the updates of upcoming programmes.
66%
66% were people from age of 18-34.
85%
85% rely on social media for getting updates.
44%
44% of Students and Professionals are the main visitors of the website
22%
22% spend more than 5 minutes in the old website.
Starting Design
Starting Design
Wireframes
Wireframes
Visual Design
Visual Design
High Fidelity Wireframes
High Fidelity Wireframes
Fully optimized mobile version
All pages were designed along with fully optimized responsive versions.
Fully optimized mobile version
All pages were designed along with fully optimized responsive versions.
Student Learning NGO Website
View Casestudy
Garage Service Management App
View Casestudy
Supply Chain Management Dashboard
View Casestudy
Student Learning NGO Website
View Casestudy
Garage Service Management App
View Casestudy
Supply Chain Management Dashboard
View Casestudy
Student Learning NGO Website
View Casestudy
Garage Service Management App
View Casestudy
Supply Chain Management Dashboard
View Casestudy
Conclusion
Conclusion
What did I learn?
What did I learn?
Designing the website has been quite enjoyable and challenging as there are many NGO or Social Enterprise websites having an user interface same, giving an uniqueness in the design was hard, but believing that I bring out the best to the world. During the development of this project, I realized how important the research stage is. After in-depth research about the users needs and emotions, the project became more relevant and valuable for users.
It was a challenge to conduct the user research and prepare the whole flow to create a complete prototype-friendly app with smooth and clear usability and most important of all, accessibility to the user .
I’ve learnt that the choice of colors, typography and components individually and as a group-impacts the users experience,
Designing the website has been quite enjoyable and challenging as there are many NGO or Social Enterprise websites having an user interface same, giving an uniqueness in the design was hard, but believing that I bring out the best to the world. During the development of this project, I realized how important the research stage is. After in-depth research about the users needs and emotions, the project became more relevant and valuable for users.
It was a challenge to conduct the user research and prepare the whole flow to create a complete prototype-friendly app with smooth and clear usability and most important of all, accessibility to the user .
I’ve learnt that the choice of colors, typography and components individually and as a group-impacts the users experience,
What are the next steps?
What are the next steps?
I want to conduct more research to understand what will be required to improve the user experience much more simple in every steps.
I want to conduct more research to understand what will be required to improve the user experience much more simple in every steps.
Copyright © Nikhil Mohan 2023
Copyright © Nikhil Mohan 2023
Copyright © Nikhil Mohan 2023