Marketing website · Landing page

Kodo website

The marketing site for Kodo, a B2B platform that turns the data two business partners share into one health score, hidden revenue and early warnings. I was Head of UX at Kodo, and building the product was my main focus. Alongside it, I designed the landing page that went live in 2023: the layout, the illustrations and the product visuals that explain what the platform does.

Role: Head of UX; designed the site: layout, illustrations, product visuals
Year: 2023
Company: Kodo, by Gimmonix
Deliverables: Landing page, illustration set, product visuals

The Kodo landing page on a desktop monitor: the headline Drive unprecedented growth, an isometric scene of people assembling giant puzzle blocks, and the Start for free and Book a customized demo buttons

The brief

Kodo gives companies that sell through each other one shared view of their data: how healthy the partnership is, where revenue is slipping through, which risks are building up, and what to do next. It was a new kind of tool, neither a BI dashboard nor a CRM, so the site had to explain the idea before it could sell it.

The page leads with one promise and two ways in, start free or book a demo, then walks through the platform one feature at a time and ends on how easy it is to get started.

The hero section: Drive unprecedented growth. Unlock the power of shared data for B2B partnerships, with the two calls to action next to the puzzle-block illustration — **Hero:** the promise and both calls to action.

Showing the product without real data

We couldn't use screenshots, because every screen in Kodo showed real customer data. Instead, I drew stylized versions of the product from scratch, based on the patterns I had designed for the platform itself: the health-score gauge, scores per area, alerts, suggested tasks and partner chat. The numbers are made up but plausible, grey bars stand in wherever real names or figures would have been, and a soft shape in the brand colors behind each card carries the palette down the page.

Partnership Health Status card: a gauge at 74 out of 100, status good, up 12 points against the 30-day average — **Partnership health score**

Opportunities for mutual growth over time: a stacked area chart above four counts of inventory IDs, such as 51,923 inconsumable by buyer — **Hidden opportunities**

Uncovered operational risks over time: a line chart with a tooltip showing 1,456,234 dollars of turnover under risk on March 15, 2023 — **Risk over time**

Three overlapping score cards: operational risk 65, turnover 82 and inventory sync 78 out of 100, with an urgent alert — **Scores per area**

Stacked suggestion cards: items missing from your subset, share of itinerary sold, with Create task, Set as goal and Open chat buttons — **Suggested actions**

Urgent alert card: transactions deviated from the expected value by 21.4 percent, a possible mutual turnover loss of 2,982,678 — **Urgent alert**

Partner chat: three messages from two companies, drawn as colored avatars and grey text bars, with a message composer — **Partner chat**

Illustrations: stock, made to fit

The people and the puzzle blocks started as stock illustrations. I recolored them to Kodo's palette, redrew lines in Illustrator where a hand or a pose had to land somewhere else, and put them together into new scenes, like the hero's partners building one structure out of their data.

Section: Welcome to the future of work, not just another BI or CRM platform, with three illustrations for unified partnerships, collaborative goal-setting and relationship health tracking — **What Kodo is:** three ideas, one scene each.

Dark blue band with three illustrations: no-code solution, actionable insights, analysis with an intuitive front-end, and the two calls to action — **Mid-page band:** three reasons and the calls to action again.

Three steps on a dark blue band: easy self-serve data onboarding, invite your B2B partner companies, start getting the advantage of unified data — **Getting started:** three steps.

Proof and the last call

A customer's words break up the feature list, and the page closes by restating the problem in one sentence before offering both ways in one last time.

Quote on a purple band: We want to unleash the power of the world's first business data sharing and collaboration platform with our partners. James Whiting, The Travel Junction, Flight Centre Travel Group — **Customer quote**

Closing section: Finally, a tool to help you take advantage of your biggest asset, with the two calls to action — **Closing:** the problem in one sentence, then both calls to action.

Outcome

The page went live on Kodo's site in 2023. Because I was designing the product at the same time, the site could show the platform as it really worked, down to the patterns, without showing a single customer's data.

Previous projectKeren Wolf Next projectMcKinsey & Co