WebsiteAI · SaaS·2026

Four AI tools, one coherent product surface

An AI platform — chatbot plus audio, image and video studios — unified across one multilingual, multi-currency surface.

BrandMarketing SiteProduct UIDesign Tokens
Genly
4
AI tools, one surface
3
Locales (EN/UA/DE)
£/€/$
Multi-currency
Role

Lead designer · Figma

Timeline

Ongoing

Year

2026

Built with
FigmaFigJamDesign tokensAuto-layout componentsi18n (EN/UA/DE)Multi-currency (£/€/$)Engineering hand-off
Highlights
  • 100% designed in Figma
  • One product surface across four AI tools
  • Multilingual + multi-currency from launch
  • Token-aware account header — single source of truth
  • Coming-soon carousel with honest labelling
  • Token-based design system built for the platform
The brief

One home for the AI tools the client was rolling out — chatbot, audio studio, image studio, video studio — that reads as one product rather than four. The audience: professionals automating their workflow, not “AI enthusiasts.” The bar was a marketing surface that earns trust on first scroll, multilingual, with a token-aware account header showing a real balance, not a fake counter.

Genly — The brief
The entry surface

The chatbot is the first tool a new user touches, so a glass-card mock of the chat input lives on the landing page — the user sees the product working before they ever sign in.

Genly — The entry surface
Studios — audio, image, video

An accordion opens the three creation tools side-by-side with a single hero render. Pick one and you land in a tool that wears the same shell as the marketing site — so the product never feels like four things bolted together.

Genly — Studios — audio, image, video
One system, handed off clean

100% designed in Figma — every screen, every state, on a token-based design system built for the platform. Currency and language live in the nav; the account header carries one token balance, modelled as a single source of truth. Engineering shipped straight from the Figma file, tokens shared in a defined export so spacing and colour never drift.

Genly — One system, handed off clean
How it came together
  1. 01

    Brand & tokens

    Visual language and a token-based design system built specifically for the platform.

  2. 02

    Marketing surface

    A landing experience that earns trust on first scroll, multilingual from the start.

  3. 03

    In-product UI

    All four tools on one shared shell, with a token-aware account header.

  4. 04

    Hand-off

    Auto-layout components and a defined token export to in-house engineering.

Thinking about your project?

Let’s build yours.

Scaling a multi-tool product? Design tokens and one account-aware shell keep every surface consistent as you add the next tool — and the one after that — so growth never costs you coherence.

Got something to build?

Let's make it fast and unforgettable.

Available for new projects