Uplyft Ai

Visual Design for Ai Company

Role

Ui/Ux Designer

Duration

1 week

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.

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.

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

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.

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.

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

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.

Wireframes

Wireframes helped me realize my initial design concept, content and structure of the overall design

Final Design