Back

/The Layman AI

Making AI simple, practical, and accessible through intelligent tools, automated workflows, and real-world solutions.

Computer VisionWebsiteAI Solutions
The Layman AI website screens

Industry: AI & Computer Vision

My Role: UI/UX Designer, Graphic Designer

Timeline: 4 Weeks

Platform: Web / Mobile

/Context

What am I designing?

Layman AI is a marketing website for an AI and computer vision solutions company. The goal was to present complex technology in a way that feels clear, modern, and approachable for businesses across different industries.

Role: UI/UX Designer & Graphic Designer, with end-to-end ownership across product strategy, UX/UI design, brand language, and visual identity.

/Challenge

What problem am I solving?

AI and computer vision solutions are hard for non-technical visitors to understand, explore, and trust. There was no clear path from interest to enquiry.

/Design response

How does the design answer it?

Each problem is answered directly in the interface.

  • Complex technologySimple, approachable languageHomepage · Section copy
  • Hard to exploreClear product structure + filtersProduct cards · Category filters
  • Low visual proofDemos, stats & testimonialsProduct pages · Homepage
  • Unclear next stepConsistent CTAs throughoutEvery page · Consultation path

/Interface

Built to be explored.

A bold dark visual system with a purple-to-magenta gradient. Click the image to enlarge.

Website · All pages

Every page, one consistent system

Challenge

Complex technology, a wide product range, and no clear path to get in touch.

Design response

Plain-language messaging, clear product exploration, visual proof, and consistent calls to action across every page.

  • Homepage
  • Product exploration
  • Product pages
  • Calls to action
View live

/Outcome

What the design enabled.

Complex AI, made clear and easy to act on.

  1. Clarity

    Made complex AI and computer vision solutions easier to understand and explore.

  2. Trust

    Stronger visual proof through demos, stats, and testimonials.

  3. Conversion

    Consistent CTAs created a clear path from interest to enquiry.

  4. Scalability

    Reusable components and layouts for a consistent, scalable experience.

Site map

High-level information architecture for thelayman.ai — focused on the user journey, not every listing.

/ Visual direction

Logo

Layman.ai Logo · Light Logo · Light
Layman.ai Logo · Dark Logo · Dark

Typeface

Aa
Poppins

Headings
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Aa
Open Sans

Body text
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

AaRegular
AaMedium
AaSemiBold
AaBold

Color

Canvas#0E0B1A
Gradient#7B2FF7 to #D61FA8
Purple#7B2FF7
Magenta#D61FA8
Light#F5F3FF
Cyan#00C3FF
Ink#1A1625
Muted#6B7280

/Looking back

What did I learn?

Simplifying complex technology comes down to clear content and visual storytelling. Next, I would add stronger proof points and keep the navigation simple and scalable.

/Let's work together

Let's bring meaningful ideas to life.

I'm currently open to remote and hybrid roles, freelance case studies, and product collaborations.