A Website redesign project: My journey with Solutelabs
A Website redesign project: My journey with Solutelabs
Internship Overview
Internship Overview
During my internship at SoluteLabs, I was an integral part of the website redesign initiative. This project aimed to transform the company's digital presence into an engaging and user-friendly platform that effectively communicates SoluteLabs expertise in cutting-edge AI and data-driven solutions.
By employing user-centered design principles, the objective was to make the website more accessible to its diverse audience while showcasing SoluteLabs innovative approach to technology. The revamped website bridges the gap between the company's technical capabilities and the unique needs of its clients across industries, from startups to large enterprises.
You can view the live website - https://www.solutelabs.com/
During my internship at SoluteLabs, I was an integral part of the website redesign initiative. This project aimed to transform the company's digital presence into an engaging and user-friendly platform that effectively communicates SoluteLabs expertise in cutting-edge AI and data-driven solutions.
By employing user-centered design principles, the objective was to make the website more accessible to its diverse audience while showcasing SoluteLabs innovative approach to technology. The revamped website bridges the gap between the company's technical capabilities and the unique needs of its clients across industries, from startups to large enterprises.
You can view the live website - https://www.solutelabs.com/
Role
Role
UX Design Intern
UX Design Intern
Timeline
Timeline
May 2024 - August 2024
May 2024 - August 2024
Tools
Tools
Figma, Jitter, Slack, Notion, Google Workspace
Figma, Jitter, Slack, Notion, Google Workspace
image
image
My Contribution
My Contribution
As a UX Design Intern at SoluteLabs, I significantly contributed to their website redesign project. I began with user research to understand target audience needs and pain points, using these insights to shape the design direction. In Figma and Jitter, I created wireframes, high-fidelity prototypes, and engaging micro-interactions, balancing aesthetics and functionality for an intuitive user experience. Crucially, I collaborated closely with developers to ensure accurate implementation, bridging the design-to-code gap. Beyond visual design, I prioritized accessibility and usability, incorporating user-centered design principles to create an inclusive and easy-to-navigate platform.
As a UX Design Intern at SoluteLabs, I significantly contributed to their website redesign project. I began with user research to understand target audience needs and pain points, using these insights to shape the design direction. In Figma and Jitter, I created wireframes, high-fidelity prototypes, and engaging micro-interactions, balancing aesthetics and functionality for an intuitive user experience. Crucially, I collaborated closely with developers to ensure accurate implementation, bridging the design-to-code gap. Beyond visual design, I prioritized accessibility and usability, incorporating user-centered design principles to create an inclusive and easy-to-navigate platform.
Images and deatils of the pages designed by me
Images and deatils of the pages designed by me
UI/UX Design Service Page
UI/UX Design Service Page
View page - https://www.solutelabs.com/ui-ux-design
View page - https://www.solutelabs.com/ui-ux-design
View page - https://www.solutelabs.com/ui-ux-design
Designed the brand portfolio section on UI UX Service page
Designed the brand portfolio section on UI UX Service page
This section effectively applies UI/UX principles by leveraging the Law of Prägnanz for a clean, uncluttered interface with clear tags and a focused case study presentation. Hick's Law is utilized by limiting choices and providing clear tags, reducing cognitive load and simplifying the user's decision-making process.
This section effectively applies UI/UX principles by leveraging the Law of Prägnanz for a clean, uncluttered interface with clear tags and a focused case study presentation. Hick's Law is utilized by limiting choices and providing clear tags, reducing cognitive load and simplifying the user's decision-making process.
This section clearly communicates the UI/UX design process through a sequential layout. A line-based microinteraction enhances user engagement by visually connecting the steps, while the design balances informative text with illustrative graphics for easy comprehension.
This section clearly communicates the UI/UX design process through a sequential layout. A line-based microinteraction enhances user engagement by visually connecting the steps, while the design balances informative text with illustrative graphics for easy comprehension.
Designed for consistent inclusion across all pages, this section uses visual hierarchy and intuitive navigation for service exploration. Applying Jakob's Law, it uses familiar card-based UI with arrow indicators for easy understanding.
Designed for consistent inclusion across all pages, this section uses visual hierarchy and intuitive navigation for service exploration. Applying Jakob's Law, it uses familiar card-based UI with arrow indicators for easy understanding.
Images and deatils of the pages designed by me
Images and deatils of the pages designed by me
Product Discovery Service Page
Product Discovery Service Page
The expandable section of roadmap, employing progressive disclosure, allow users to delve into specific areas like "User Research & Strategy at their own pace, preventing information overload. The use of a simple "+" icon for expansion and a "x" for closing provides intuitive user control, adhering to Jakob's Law with familiar interaction patterns..
The expandable section of roadmap, employing progressive disclosure, allow users to delve into specific areas like "User Research & Strategy at their own pace, preventing information overload. The use of a simple "+" icon for expansion and a "x" for closing provides intuitive user control, adhering to Jakob's Law with familiar interaction patterns..
The expandable section of roadmap, employing progressive disclosure, allow users to delve into specific areas like "User Research & Strategy at their own pace, preventing information overload. The use of a simple "+" icon for expansion and a "x" for closing provides intuitive user control, adhering to Jakob's Law with familiar interaction patterns..
This CTA section strategically highlights focused product discovery's impact using a compelling case study. Concise text showcases rapid results for Evva 360. The image employs pixels styled according to the company's brand guidelines, and within some of those pixels are glimpses showcasing visuals from the Evva 360 case study itself. This provides a visual preview of the detailed study.
This CTA section strategically highlights focused product discovery's impact using a compelling case study. Concise text showcases rapid results for Evva 360. The image employs pixels styled according to the company's brand guidelines, and within some of those pixels are glimpses showcasing visuals from the Evva 360 case study itself. This provides a visual preview of the detailed study.
This section effectively outlines the Product Discovery Process. It uses visual hierarchy to guide users through the steps, while Fitts's Law is subtly applied with readable step labels. The timeframe inclusion provides structure, and the illustration reinforces the concept. The layout adheres to the Law of Prägnanz, simplifying a complex process.
This section effectively outlines the Product Discovery Process. It uses visual hierarchy to guide users through the steps, while Fitts's Law is subtly applied with readable step labels. The timeframe inclusion provides structure, and the illustration reinforces the concept. The layout adheres to the Law of Prägnanz, simplifying a complex process.
Images and deatils of the pages designed by me
Images and deatils of the pages designed by me
Few other sections and pages designed by me
Few other sections and pages designed by me
This section, designed to highlight AI in Flutter development, was personally crafted. The GIF (snapshot shown) dynamically illustrates "Intelligent Coding" with tools like GitHub Copilot. The design prioritizes clarity and clear visual hierarchy, effectively communicating the benefits of AI-powered Flutter development, aligning with the broader message of building smarter apps (as seen on the full page - https://www.solutelabs.com/flutter-app-development-services )
This section, designed to highlight AI in Flutter development, was personally crafted. The GIF (snapshot shown) dynamically illustrates "Intelligent Coding" with tools like GitHub Copilot. The design prioritizes clarity and clear visual hierarchy, effectively communicating the benefits of AI-powered Flutter development, aligning with the broader message of building smarter apps (as seen on the full page - https://www.solutelabs.com/flutter-app-development-services )
This section, designed to highlight AI in Flutter development, was personally crafted. The GIF (snapshot shown) dynamically illustrates "Intelligent Coding" with tools like GitHub Copilot. The design prioritizes clarity and clear visual hierarchy, effectively communicating the benefits of AI-powered Flutter development, aligning with the broader message of building smarter apps (as seen on the full page - https://www.solutelabs.com/flutter-app-development-services )
And there is much more
And there is much more
Let's Connect: Get in Touch to Discuss My Detailed Work at SoluteLabs
Let's Connect: Get in Touch to Discuss My Detailed Work at SoluteLabs
Let's Connect: Get in Touch to Discuss My Detailed Work at SoluteLabs
Contact
Contact
Contact
My Learnings
My Learnings
Understanding Design Language
Understanding Design Language
Adapting and working within company’s design system to maintain consistency.
Adapting and working within company’s design system to maintain consistency.
Exploring New Tools
Exploring New Tools
Consistent usage of Jitter to create micro-interactions that added engaging, user-friendly elements to the website.
Consistent usage of Jitter to create micro-interactions that added engaging, user-friendly elements to the website.
Team Collaboration
Team Collaboration
Collaborating with fellow designers and stakeholders to brainstorm, critique, and refine design concepts.
Collaborating with fellow designers and stakeholders to brainstorm, critique, and refine design concepts.
Design Decisions
Design Decisions
Improved my ability to clearly articulate design choices to stakeholders and team members, fostering alignment and understanding.
Improved my ability to clearly articulate design choices to stakeholders and team members, fostering alignment and understanding.
Availability Resources
Availability Resources
People don’t know about the facilities in libraries and also about the available resources
People don’t know about the facilities in libraries and also about the available resources
Feedback Received
Feedback Received
“During her internship, Freya proved to be an invaluable asset to our design team. She consistently demonstrated a strong sense of responsibility and showcased her UI/UX talents through the creation of visually impactful materials.
Freya effectively translated concepts into compelling designs and took the initiative to significantly contribute to the design and development of SoluteLabs Website. Her keen eye for design aesthetics and her proficiency with design tools and software made her a valuable member of the team.
Her positive attitude, dedication, and collaborative nature were evident throughout her internship. Freya approached each task with enthusiasm and a willingness to learn. She actively sought feedback, used it to enhance her work, and adapted quickly to new challenges, making her a pleasure to work with.”
“During her internship, Freya proved to be an invaluable asset to our design team. She consistently demonstrated a strong sense of responsibility and showcased her UI/UX talents through the creation of visually impactful materials.
Freya effectively translated concepts into compelling designs and took the initiative to significantly contribute to the design and development of SoluteLabs Website. Her keen eye for design aesthetics and her proficiency with design tools and software made her a valuable member of the team.
Her positive attitude, dedication, and collaborative nature were evident throughout her internship. Freya approached each task with enthusiasm and a willingness to learn. She actively sought feedback, used it to enhance her work, and adapted quickly to new challenges, making her a pleasure to work with.”
Selected Work
Let’s Connect
Selected Work
Let’s Connect