Dira AI (Landing Page)

English
Friendly reminder : main points are highlighted to improve your convenience and reading experience 🙂

About the project

  • Role : UI/UX Designer 
  • Duration : 6 hours
  • softwares : illustrator, photoshop, Figma
  • languages : Arabic, English

Abstract

What is it Dora AI

A robust company is introducing an innovative AI design tool
and requires a landing page that seamlessly adapts to
desktops, tablets, and mobile devices.

UX Overview

Target Audience

The landing page is designed specifically for designers, making a modern and sleek aesthetic essential to appeal to this creative and tech-savvy audience.

Design Style

The primary style employed is spatial/glassmorphism design , a trending approach that emphasizes clean lines, ample white space, and a futuristic look, aligning perfectly with current design trends.

Feature Focus

Emphasizing the tool’s features is crucial, as designers need to quickly understand the capabilities and benefits of the AI design tool to see its value.

Call-to-Action Buttons

Adding different CTA buttons across sections (in the hero, header, and final CTA section) is essential to guide users towards key actions, ensuring they have multiple opportunities to engage and convert.

Project Milesones

Wireframing

The wireframe for our AI design tool’s landing page features a clear and engaging structure. The hero section grabs attention with a strong value proposition, followed by the partners section to build trust. The features section highlights key capabilities, and the testimonials section showcases user satisfaction. The pricing section provides clear plan options, while the contact us section offers easy access to support. Finally, the CTA section encourages immediate action, ensuring a seamless user experience.

High Fidelity Design
The high fidelity design leverages a sleek palette of blue and purple, with orange accents to highlight key elements. This color scheme creates a professional, trustworthy, and innovative aesthetic, perfectly suited for our AI design tool’s engaging and intuitive user interface.
Animated Flow
I created an animated flow in Figma, with each section featuring entry animations, seamlessly combined into a cohesive experience. This enhances user engagement and ensures a smooth, dynamic interaction throughout the landing page.

Fonts

All fonts sizes and weights used within the Website.

Colors

Our color scheme features a sophisticated blend of blue, purple, and orange accents to create an engaging and visually appealing user experience.

Final Design

Final designs for the website.

Share This Project

More Projects

Fanni

The application serves as a premier platform for effortlessly locating the most adept service professionals such as plumbers, carpenters, and more tailored to your specific requirements. It prioritizes proximity, competitive pricing, and highly rated expertise to ensure that users are matched with the ideal tradesperson for their needs.

Dira AI (Landing Page)

A dynamic and innovative company is launching a groundbreaking AI design tool that promises to redefine how designers work. To complement this exciting release, they need a modern, responsive landing page designed to adapt flawlessly across devices.