Start with the project context
Summary indicators and a shared chart establish the current view. Switching metrics changes the information without changing the surrounding interface.
- Project
- Peleus / AI & search platform
- Discipline
- UX/UI · Art direction
Web development · Motion - Format
- Platform website · Product interface
01 / The idea
From product vision
to working interface
Peleus is being built to connect marketing research, decisions, execution and measurement. The website gives this broad product vision a clear point of entry, with one shared visual language from the AI core to the product interface.
A luminous core introduces the platform. Connected diagrams explain the intended workflow, while public interface examples give that story a human scale. The product interface continues that story through project analytics, technical audits and query clusters.
02 / In motion
An introduction
through the AI core
The luminous core introduces the platform, followed by its interface and modules. A short tour of the marketing website.
03 / Inside the platform
Inside the
SEO workspace
Switch between search indicators, open an audit issue and inspect a query cluster. Recorded directly from the Peleus SEO interface.
04 / The experience
From the overview
into the evidence
The application connects project signals to the details behind them: search traffic, technical issues and groups of related queries.
Inside the experience01 — 03
05 / Design decisions
A workspace
for closer inspection
Keep the detail within reach
Audit rows expand to reveal an issue. Query clusters open to expose the terms inside. The visitor can inspect specifics while retaining the wider context.
Carry the same hierarchy onto the phone
The mobile overview rearranges the indicators vertically. The metric controls and chart remain together as the space becomes narrower.
06 / The mobile experience
Project signals
on the move
Switch metrics from the mobile project overview. The chart and summary indicators share a vertical layout, keeping the selected measure in context.
Peleus / Product in development. The case combines the marketing website with supplied recordings of the SEO product interface. Displayed metrics and records belong to the captured version.
Cover: AI-generated presentation based on the project. Interface images and films: direct captures, selected and edited for this case.