UX Design
UX Design
Visual design
Visual design
Web Desing
Skill-e-labs Landing page redesign
Skill-e-labs Landing page redesign
Skill-e-labs Landing page redesign
Overview
Overview
Overview
The management of Skill-e-Labs has assigned the design team with the task of designing and developing a landing page for their online skill development platform. Skill-e-Labs aims to revolutionize the way individuals aged 18-30 learn new skills by offering virtual learning experiences through simulations.
My clients Sekhar & Himanshu Launched a startup called Riso intelligence to help NGO clients that operate independently of government influence by providing service such as data analytics, decision making to improve and transform their business. So as a UX designer I was assigned to redesign their NGO support Website.
Role
Role
Role
My contribution to the project will include conducting user research to better understand the needs and preferences of the target audience, as well as creating wireframes and prototypes for the landing page.
My contribution to the project will include conducting user research to better understand the needs and preferences of the target audience, as well as creating wireframes and prototypes for the landing page.
Challenge
Challenge
Challenge
Had a team meeting with the designers, developers and stakeholder as we drafted the objectives and KPIs :
Improve User Engagement:
KPI: Average time spent on the landing page.
Target: Increase average time spent on the landing page by 15% compared to the previous month.
Drive Course Enrollments:
KPI: Conversion rate of landing page visitors to course enrollments.
Target: Achieve a conversion rate of at least 10% for landing page visitors to enroll in courses.
Enhance User Satisfaction:
KPI: User satisfaction score through feedback surveys.
Target: Maintain a user satisfaction score of at least 8 out of 10 based on user feedback.
Had a team meeting with the designers, developers and stakeholder as we drafted the objectives and KPIs :
Improve User Engagement:
KPI: Average time spent on the landing page.
Target: Increase average time spent on the landing page by 15% compared to the previous month.
Drive Course Enrollments:
KPI: Conversion rate of landing page visitors to course enrollments.
Target: Achieve a conversion rate of at least 10% for landing page visitors to enroll in courses.
Enhance User Satisfaction:
KPI: User satisfaction score through feedback surveys.
Target: Maintain a user satisfaction score of at least 8 out of 10 based on user feedback.
The existing admin portal was functional but lacked an intuitive design, making it cumbersome for administrators to manage both candidate and company operations efficiently.
The challenge was to create a user-friendly and visually appealing interface that would enhance productivity, provide insightful analytics, and support the growing user base.
Research & Analysis
Research & Analysis
Research & Analysis
What problem are we solving here?
Skill-e-Labs aims to revolutionize the way individuals aged 18-30 learn new skills by offering virtual learning experiences through simulations. Many people within our target audience are unaware of the incredible benefits of simulation-based learning offered by Skill-e-Labs' courses. This lack of awareness poses a challenge for both Skill-e-Labs' business objectives and the personal and professional growth of potential users.
2. Target user analysis
The target audience for Skill e-labs’ courses are individuals ( Students ) who are interested in learning new skills and technologies through simulation-based learning.
They may be professionals in various industries and fields who want to enhance their skills and knowledge, or students and educators who want to explore emerging technologies .
The target audience values practical and hands-on learning experiences that are engaging and interactive. They are looking for courses that can help them achieve their personal and professional goals, and that can provide them with a competitive edge in the market. They are also curious and eager to learn new things and challenge themselves.
What problem are we solving here?
Skill-e-Labs aims to revolutionize the way individuals aged 18-30 learn new skills by offering virtual learning experiences through simulations. Many people within our target audience are unaware of the incredible benefits of simulation-based learning offered by Skill-e-Labs' courses. This lack of awareness poses a challenge for both Skill-e-Labs' business objectives and the personal and professional growth of potential users.
2. Target user analysis
The target audience for Skill e-labs’ courses are individuals ( Students ) who are interested in learning new skills and technologies through simulation-based learning.
They may be professionals in various industries and fields who want to enhance their skills and knowledge, or students and educators who want to explore emerging technologies .
The target audience values practical and hands-on learning experiences that are engaging and interactive. They are looking for courses that can help them achieve their personal and professional goals, and that can provide them with a competitive edge in the market. They are also curious and eager to learn new things and challenge themselves.
What problem are we solving here?
Skill-e-Labs aims to revolutionize the way individuals aged 18-30 learn new skills by offering virtual learning experiences through simulations. Many people within our target audience are unaware of the incredible benefits of simulation-based learning offered by Skill-e-Labs' courses. This lack of awareness poses a challenge for both Skill-e-Labs' business objectives and the personal and professional growth of potential users.
2. Target user analysis
The target audience for Skill e-labs’ courses are individuals ( Students ) who are interested in learning new skills and technologies through simulation-based learning.
They may be professionals in various industries and fields who want to enhance their skills and knowledge, or students and educators who want to explore emerging technologies .
The target audience values practical and hands-on learning experiences that are engaging and interactive. They are looking for courses that can help them achieve their personal and professional goals, and that can provide them with a competitive edge in the market. They are also curious and eager to learn new things and challenge themselves.
Competitor Analysis
User Interview Questions
As a designer, I conducted an in-depth competitive analysis of three prominent simulation-based learning platforms: Labster, SimScale, and ETU.co. This comprehensive analysis allowed me to gain valuable insights into the user experience and functionality of each platform, which ultimately guided my design decisions in creating an exceptional simulation learning platform.
As a designer, I conducted an in-depth competitive analysis of three prominent simulation-based learning platforms: Labster, SimScale, and ETU.co. This comprehensive analysis allowed me to gain valuable insights into the user experience and functionality of each platform, which ultimately guided my design decisions in creating an exceptional simulation learning platform.
Insights from the competitors
Insights from the competitors
Insight 1
During the competitive analysis, one key insight I discovered was how Labster effectively utilized demos and videos on their landing page.
Labster recognized the importance of providing potential users with a glimpse into the interactive virtual laboratory simulations they offer.
Insight 1
During the competitive analysis, one key insight I discovered was how Labster effectively utilized demos and videos on their landing page.
Labster recognized the importance of providing potential users with a glimpse into the interactive virtual laboratory simulations they offer.
By including demos and videos, Labster creates an engaging and immersive experience right from the start.
Labster's use of demos allows users to see firsthand how the simulations work and the level of interactivity involved. These demos showcase the realistic laboratory environments and the hands-on nature of the learning experience.
Insight 2
Another valuable insight from the competitive analysis is Labster's inclusion of a featured course section on their landing page. This feature highlights a specific course that Labster wants to showcase and promote to users.
By featuring a specific course, Labster aims to draw users' attention and create a sense of excitement or curiosity.
This approach helps users quickly identify a course that stands out and aligns with their interests or educational goals. Labster strategically selects courses that are popular, new, or have unique simulation experiences to showcase in the featured course section.
Insight 2
Another valuable insight from the competitive analysis is Labster's inclusion of a featured course section on their landing page. This feature highlights a specific course that Labster wants to showcase and promote to users.
By featuring a specific course, Labster aims to draw users' attention and create a sense of excitement or curiosity.
This approach helps users quickly identify a course that stands out and aligns with their interests or educational goals. Labster strategically selects courses that are popular, new, or have unique simulation experiences to showcase in the featured course section.
By including demos and videos, Labster creates an engaging and immersive experience right from the start.
Labster's use of demos allows users to see firsthand how the simulations work and the level of interactivity involved. These demos showcase the realistic laboratory environments and the hands-on nature of the learning experience.
Design Highlights
Low Fidelity Wireframes
To create a solid foundation for the landing page design, I began by creating low-fidelity wireframes. These wireframes served as a blueprint for the layout and structure of the page, focusing on content placement and user flow.
High Fidelity Wireframes (Initial Design)
High Fidelity Wireframes (Initial Design)
By using simple shapes and placeholders, I was able to quickly iterate and experiment with different design concepts. The wireframes allowed me to gather feedback from stakeholders and make necessary revisions before moving to higher-fidelity designs.
By using simple shapes and placeholders, I was able to quickly iterate and experiment with different design concepts. The wireframes allowed me to gather feedback from stakeholders and make necessary revisions before moving to higher-fidelity designs.
Approach
The purpose of this user testing session was to gather feedback and insights on the landing page of our simulation-based learning platform. The session involved five participants who represented our target audience. The objective was to assess the usability, clarity, and overall user experience of the landing page.
Key insights from testing :
Users found the overall visual design of the landing page to be engaging and visually appealing.
The use of clear and concise messaging helped users understand the value proposition and the benefits of simulation-based learning.
Users appreciated the inclusion of demo videos, as they provided a better understanding of the interactive nature of the courses.
The course package layout with minimal information in a single row was well-received, allowing users to quickly scan and compare different courses.
The featured course section caught users' attention and encouraged exploration of specific courses.
Users expressed a desire for more prominent and easily accessible call-to-action buttons for enrolling in courses.
Recommendations and Insights :
Optimize Visual Hierarchy: Ensure a clear visual hierarchy by using appropriate font sizes, colors, and spacing to guide users' attention and prioritize important elements such as the value proposition, call-to-action buttons, and course packages.
Use Consistent Branding: Maintain consistency in branding elements, such as colors, typography, and imagery, throughout the landing page.
Opt for a Clean and Minimalist Design: Maintain a clean and uncluttered design approach, focusing on essential elements and removing any unnecessary distractions.
Approach
Approach
The purpose of this user testing session was to gather feedback and insights on the landing page of our simulation-based learning platform. The session involved five participants who represented our target audience. The objective was to assess the usability, clarity, and overall user experience of the landing page.
Key insights from testing :
Users found the overall visual design of the landing page to be engaging and visually appealing.
The use of clear and concise messaging helped users understand the value proposition and the benefits of simulation-based learning.
Users appreciated the inclusion of demo videos, as they provided a better understanding of the interactive nature of the courses.
The course package layout with minimal information in a single row was well-received, allowing users to quickly scan and compare different courses.
The featured course section caught users' attention and encouraged exploration of specific courses.
Users expressed a desire for more prominent and easily accessible call-to-action buttons for enrolling in courses.
Recommendations and Insights :
Optimize Visual Hierarchy: Ensure a clear visual hierarchy by using appropriate font sizes, colors, and spacing to guide users' attention and prioritize important elements such as the value proposition, call-to-action buttons, and course packages.
Use Consistent Branding: Maintain consistency in branding elements, such as colors, typography, and imagery, throughout the landing page.
Opt for a Clean and Minimalist Design: Maintain a clean and uncluttered design approach, focusing on essential elements and removing any unnecessary distractions.
The purpose of this user testing session was to gather feedback and insights on the landing page of our simulation-based learning platform. The session involved five participants who represented our target audience. The objective was to assess the usability, clarity, and overall user experience of the landing page.
Key insights from testing :
Users found the overall visual design of the landing page to be engaging and visually appealing.
The use of clear and concise messaging helped users understand the value proposition and the benefits of simulation-based learning.
Users appreciated the inclusion of demo videos, as they provided a better understanding of the interactive nature of the courses.
The course package layout with minimal information in a single row was well-received, allowing users to quickly scan and compare different courses.
The featured course section caught users' attention and encouraged exploration of specific courses.
Users expressed a desire for more prominent and easily accessible call-to-action buttons for enrolling in courses.
Recommendations and Insights :
Optimize Visual Hierarchy: Ensure a clear visual hierarchy by using appropriate font sizes, colors, and spacing to guide users' attention and prioritize important elements such as the value proposition, call-to-action buttons, and course packages.
Use Consistent Branding: Maintain consistency in branding elements, such as colors, typography, and imagery, throughout the landing page.
Opt for a Clean and Minimalist Design: Maintain a clean and uncluttered design approach, focusing on essential elements and removing any unnecessary distractions.
Summary
Summary
As a UX design intern, my personal takeaways from this experience are:
User-Centered Design: Learning to prioritize user research and personas in design decisions has been invaluable. Understanding the user's needs and pain points is the foundation of effective UX design.
Value Communication: I've realized the importance of clearly and effectively communicating the value and benefits of a product or platform. This skill is crucial for engaging potential users.
Visual Engagement: Incorporating engaging visuals like demo videos has shown me how they can significantly enhance the user experience and encourage exploration.
Simplicity Matters: Keeping the design minimal and focused not only helps users but also aligns with good design principles. It's about making things as simple as possible, but no simpler.
Iterative Process: Starting with low-fidelity wireframes and iteratively refining the design is a smart approach. It ensures that the final product is both user-centered and aligned with business goals.
Thank you for reading this far.
Feel free to drop any feedbacks.
You can connect with me on the following platforms.
As a UX design intern, my personal takeaways from this experience are:
User-Centered Design: Learning to prioritize user research and personas in design decisions has been invaluable. Understanding the user's needs and pain points is the foundation of effective UX design.
Value Communication: I've realized the importance of clearly and effectively communicating the value and benefits of a product or platform. This skill is crucial for engaging potential users.
Visual Engagement: Incorporating engaging visuals like demo videos has shown me how they can significantly enhance the user experience and encourage exploration.
Simplicity Matters: Keeping the design minimal and focused not only helps users but also aligns with good design principles. It's about making things as simple as possible, but no simpler.
Iterative Process: Starting with low-fidelity wireframes and iteratively refining the design is a smart approach. It ensures that the final product is both user-centered and aligned with business goals.
Thank you for reading this far.
Feel free to drop any feedbacks.
You can connect with me on the following platforms.