Website design · Product storytelling
Flozi
Helping brands understand AI visibility.
Problem
Brands are starting to reach buyers through answers from ChatGPT, Claude and Google AI Overviews. Flozi helps them see where they appear and what needs fixing. The website needed to explain this unfamiliar product clearly, without making visitors work through technical language.
Process
I started by understanding the product and its audiences: SaaS teams, content teams and agencies. I structured the website around three steps: Measure, Diagnose, Act. Then I designed the pages, components and product visuals, refining the hierarchy and details through client feedback.
Solution
A complete website with a home page, product page and dedicated pages for three audiences. Dashboard visuals, integration cards and walkthroughs explain what Flozi does and how teams can use it. The supplied work documents the design, not measured launch results.
Problem
Brands are starting to reach buyers through answers from ChatGPT, Claude and Google AI Overviews. Flozi helps them see where they appear and what needs fixing. The website needed to explain this unfamiliar product clearly, without making visitors work through technical language.
Process
I started by understanding the product and its audiences: SaaS teams, content teams and agencies. I structured the website around three steps: Measure, Diagnose, Act. Then I designed the pages, components and product visuals, refining the hierarchy and details through client feedback.
01
Make the product understandable
The home page introduces the problem, shows the product and explains the workflow in a clear order.
02
Show the data in context
Visibility grids, authority scores and content health metrics become product visuals rather than long explanations.
03
Give each audience its own page
SaaS teams, content teams and agencies have different needs. Their pages explain the relevant workflows and use cases.
Solution
A complete website with a home page, product page and dedicated pages for three audiences. Dashboard visuals, integration cards and walkthroughs explain what Flozi does and how teams can use it. The supplied work documents the design, not measured launch results.
The live website
Visit flozi.io ↗01 / 05
Home page