Year

2025 – 2026

Industry

Technology · SaaS · Marketing

Type

UI/UX Redesign

Tools

Figma · Competitor Research

LLMention

The LLMention redesign was built to turn raw AI visibility data into a clear, actionable system — giving SEO agencies the interface they need to track, prove, and scale results inside a world where discovery happens inside AI.

LLMention Dashboard
The Scenario

Discovery has moved to AI.

Brands are being summarized, referenced, or excluded inside AI-generated responses — and this shapes how products are discovered. Without dedicated tooling, this layer was practically invisible. LLMention was built to make it observable, measurable, and actionable for agencies that needed to prove their strategy was working.

Style Guide — Typography

Primary Typeface

Aa

Sofia Sans

Designed by Lettersoup · Google Fonts

Specimen

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 . , ! ? @ # &

Weight Scale

300 AI Visibility Tracking
400 AI Visibility Tracking
600 AI Visibility Tracking
800 AI Visibility Tracking

Display / 800

AI Visibility

Heading / 600

Share of Voice

Body / 400

Track, analyze, and document brand visibility inside AI generated answers across ChatGPT, Gemini, and Perplexity.

Color System

Brand

Text

#211E1F

Primary

#1180FF

Success

#31B74E

Warning

#FFAE00

Backgrounds

Dark Base

#0D0910

Dark Surface

#1E1121

Dark Elevated

#3A3547

Light Base

#F9FAFB

Light Surface

#F8F9FE

Light Elevated

#E7E9F0

LLMention Main Dashboard
LLMention Mobile UI
LLMention UI Components
The Challenge

Complex data, non-technical users, no visual language to start from.

No visual identity. The product had no consistent design language — every screen felt disconnected from the next.

Abstract data, real-world audience. AI visibility metrics are inherently complex — they needed to read clearly to agency teams at a glance, without technical background.

Scale without adding friction. Multi-model, multi-client tracking needed to feel effortless — not like managing a spreadsheet.

LLMention Dashboard Screen
LLMention Reports Screen
LLMention Landing Page
Deliverables

A complete visual system, ready for development.

01

Competitor Analysis

Benchmarked against leading SaaS analytics platforms to define the visual direction and raise the aesthetic bar.

02

Design System

Full component library with typography scale, color tokens, icon set, and data visualization patterns.

03

High-fidelity Screens

Landing page, dashboard, reports view, and mobile-responsive layouts — all implementation-ready.

04

AI Feature UI

Interfaces for multi-model tracking, sentiment scoring, share of voice, and AI mention visualization.

LLMention Multi-screen Showcase
Photo of Marcos Lima

Nice to meet you,

🎨 I am a designer with over 10 years of experience, including 6 years specializing in creating intuitive user experiences and user-friendly interfaces for sectors like healthcare, education, and e-commerce. Additionally, I have solid expertise in graphic design, working with visual identity, branding, and print materials. I am skilled in transforming complex workflows into streamlined solutions that optimize processes and support decision-making.

💻 My experience spans design for desktops, tablets, and mobile apps, using cutting-edge tools like Figma, along with extensive expertise in the Adobe Suite (Photoshop, Illustrator, InDesign) for creating graphics and visual interfaces. I am proactive in leading design initiatives and applying Design Thinking to deliver impactful, user-centered results.

Photo of Marcos Lima

Shall we talk?

I'm here to collaborate on new ideas, add value to your team, and bring your project to life.

+55 48 99982 5239

marcosrafael.ml@gmail.com

© 2026 Marcos Lima. All rights reserved.