Designing a clear and structured digital experience for an AI-powered business assistant

Vard AI | AI-powered assistant

COMPANY

Vard AI

ROLE

UI/UX Designer

EXPERTISE

Product Design | Website Design

YEAR

2025

Timeline

4–6 weeks

Year

2025

Project Description

Vard AI is an AI-powered chatbot platform designed to help businesses automate communication and support.

As part of the product team, I designed the marketing website that communicates the product’s value, builds trust, and guides potential users toward adoption.

The Objective

The goal was to design a website that:

• Clearly explains what Vard AI does

• Builds credibility

• Communicates value quickly

• Encourages sign-ups

The challenge was presenting an AI product in a way that feels simple and approachable rather than technical or overwhelming.

Target Users

The website was designed for:

• Startup founders

• Business owners

• Teams exploring automation

People interested in AI solutions but who need clarity before committing.

Website Strategy

Instead of focusing only on aesthetics, the structure was built to guide users through:

Awareness → Understanding → Trust → Action

The site needed to educate, reassure, and convert.

Information Architechure

The experience was structured across key pages:

• Home

• About

• Pricing

• Contact

• Authentication (Login / Sign up)

Each page serves a specific purpose in the user journey.

Page Breakdown

Home

Introduces the product and communicates its core value through:
• Feature highlights
• How it works section
• Testimonials
• Calls to action

About

Builds credibility by presenting the mission and positioning of Vard AI.

Pricing

Helps users understand available plans and make decisions confidently

Contact

Creates a direct communication channel for inquiries and support.

Authentication

Ensures a smooth entry point for users through login and sign-up screens

Wireframes

Early layouts explored:
• Content hierarchy
• Section balance
• CTA placement

Wireframe

Early layouts explored:

Initial layouts explored:

• Section hierarchy

• Content spacing

• Call to action placement

• Information flow

Visual Direction

The visual system was designed to feel:

• Intelligent

• Clean

• Trustworthy

Supporting the product’s positioning as a reliable AI solution.


Final Design

The final website delivers:

• Clear messaging

• Structured storytelling

• Trust-building elements

• Conversion-focused flow


MY TEAMS

Benjamin Ayeetey

Ridwan Ullahabiodun

Tomy sucy

Oromidayo Olaniyi

Impact

The website transforms a complex AI product into an accessible experience helping businesses understand the value of automation and confidently take the next step.

Create a free website with Framer, the website builder loved by startups, designers and agencies.