Uplyft Ai
Visual Design for Ai Company
Role
Role
Ui/Ux Designer
Duration
Duration
1 week
Tool
Tool
Figma
About
The main objective of the project was to refresh the website's visual design, making it more intuitive with a clear focus on the value proposition and AI-driven technology. Uplyft.ai serves as a valuable tool for retailers, allowing them to leverage AI technology to create a more personalized and engaging shopping experience by eliminating choice paradoxes, potentially leading to higher sales and increased customer satisfaction.
The main objective of the project was to refresh the website's visual design, making it more intuitive with a clear focus on the value proposition and AI-driven technology. Uplyft.ai serves as a valuable tool for retailers, allowing them to leverage AI technology to create a more personalized and engaging shopping experience by eliminating choice paradoxes, potentially leading to higher sales and increased customer satisfaction.
Before and After
Before getting into the design process here’s a direct comparison of the visual design of the before and after the redesign.
Before getting into the design process here’s a direct comparison of the visual design of the before and after the redesign.
Problems
The website is fairly new and contains several design flaws. Below are some of the main issues:
Visual Inconsistency: The website is plagued by numerous inconsistent elements throughout, including multiple fonts (seven in total), buttons, labels, input fields, and inconsistent states.
Communication Gap: The site uses excessive internal jargon, icons, and missing labels, which creates a communication gap, leaving users unsure about the meaning of the content.
Lack of Constraints: There are no constraints provided, especially on the contact page, which leads to more user errors. Accessibility: The website fails multiple accessibility tests, particularly in terms of font sizes and color contrast, both of which are crucial for legibility.
The website is fairly new and contains several design flaws. Below are some of the main issues:
Visual Inconsistency: The website is plagued by numerous inconsistent elements throughout, including multiple fonts (seven in total), buttons, labels, input fields, and inconsistent states.
Communication Gap: The site uses excessive internal jargon, icons, and missing labels, which creates a communication gap, leaving users unsure about the meaning of the content.
Lack of Constraints: There are no constraints provided, especially on the contact page, which leads to more user errors. Accessibility: The website fails multiple accessibility tests, particularly in terms of font sizes and color contrast, both of which are crucial for legibility.
Research
Understanding the business, audience and value proposition
Understand the Business
Understand the Business
Uplyft Ai. makes online shopping easier and more fun
How? By helping user find the right product without feeling overwhelmed by too many choices
By>>providing AI tool that can handle conversation and under regional language, which makes the shopping experience intimate and personalized.
Who is my target audience??
Companies in the retail sector looking to improve their online shopping experience for customers.
Business that is looking to integrate AI solution for conversational search functionality, personalized product recommendation to potentially increase their conversion rates
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
VALUE PROPOSITION
To be a useful tool for retailers, helping them use AI to create a more personalized and enjoyable shopping experience. This can remove confusion from too many choices, which may lead to higher sales and happier customers.
To be a useful tool for retailers, helping them use AI to create a more personalized and enjoyable shopping experience. This can remove confusion from too many choices, which may lead to higher sales and happier customers.
Research Methodology
What are the problems we are trying to solve
Before jumping straight into the redesign, I conducted a heuristic evaluation, to understand the current problem with the site and it’s severity.
Before jumping straight into the redesign, I conducted a heuristic evaluation, to understand the current problem with the site and it’s severity.
Competitive Analysis
I also conducted competitive analysis from it’s nearest competitors to understand the expectation of the user and find any opportunity for improvement. What I took away
Most competitors have clean and professional website designs with clear calls to action. However, some lack interactive elements for user engagement.
Competitors focus on increased conversion rates, personalization, and omnichannel experiences. Uplyft.ai's unique selling point (USP) might lie in its conversational search and regional language capabilities.
Competitor websites offer extensive information, potentially overwhelming visitors. Uplyft.ai could prioritize user needs with a clear information hierarchy.
I also conducted competitive analysis from it’s nearest competitors to understand the expectation of the user and find any opportunity for improvement. What I took away
Most competitors have clean and professional website designs with clear calls to action. However, some lack interactive elements for user engagement.
Competitors focus on increased conversion rates, personalization, and omnichannel experiences. Uplyft.ai's unique selling point (USP) might lie in its conversational search and regional language capabilities.
Competitor websites offer extensive information, potentially overwhelming visitors. Uplyft.ai could prioritize user needs with a clear information hierarchy.
Site Map
Enhancing website findability
Creating a sitemap helped me determine the information architecture of the website and ensure better findability and overall visual structure
Creating a sitemap helped me determine the information architecture of the website and ensure better findability and overall visual structure
Style Guide
Introducing consistency and modern feel
Creating a style guide became crucial as a part of the redesign as the website not only lacks consistency crucial ui elements such as typography, icons, color etc.
Creating a style guide became crucial as a part of the redesign as the website not only lacks consistency crucial ui elements such as typography, icons, color etc.
Style Guide
Wireframes helped me realize my initial design concept, content and structure of the overall design
Wireframes helped me realize my initial design concept, content and structure of the overall design
Final Design
Visual Design
