Skip to content
All projects

Liso

A redesign for a music platform whose whole argument is that the industry forgot the people in it.

Client
Liso
Year
2026
Discipline
UI/UX
Services
UI/UX design, Web design, Design system, Front-end prototype, Elementor handoff

01

The challenge

The idea was strong and the page was quiet. The headline sat inside a bordered panel, competing with its own container instead of carrying the screen.

02

What we did

Take the box away and let the type do the work, then give the roadmap a shape a stranger can read in one pass.

01

Take the headline out of the box

The original hero framed “Keep Music Human” inside a bordered card, which is what you do when you are not sure the words can hold the screen on their own. They can.

The redesign gives the line the full width, sets it in two weights so “Human” lands last, and puts the waitlist field directly underneath. Same words, same colour, same promise, one less container between the reader and the idea.

Before — the headline inside a bordered panel
After — the line carries the screen

02

A roadmap you can read standing up

A pre-launch platform lives or dies on whether a visitor believes it is actually going somewhere. Liso had the plan; it read as a list.

Rebuilt as a scroll-linked timeline across three phases — Validation, Revenue, Scale — with a progress rail and a you-are-here marker, so the honest fact that this is early becomes a reason to join rather than a reason to hesitate.

Roadmap — Validation to Revenue to Scale

03

Say what it is before asking anyone to join

The About page carries the argument the homepage only gestures at: what Liso is for, who it serves, and what it will not do.

Structure came from the client. The typography, spacing and the way each principle is given its own air are the design work — long-form copy that stays readable on a dark ground, which is where most neon-on-black sites quietly fail.

About — mission and vision
Principles, each given its own air

04

The ecosystem, drawn properly

The client had modelled their ecosystem in Figma as a network: operators, artists, brands, venues and fans feeding a unified data and identity layer, through activation, out to revenue and lifetime value.

It was rebuilt as a scalable SVG diagram rather than an exported image — connectors and positioned nodes that hold their proportions at any width and stack into a vertical sequence on narrow screens, so the one genuinely complex idea on the site survives a phone.

The Liso Ecosystem — scalable SVG, not a flat export

Our role on the project

Design

  • Art direction
  • Typographic hierarchy
  • Dark-ground system
  • Responsive layout

Build

  • Static prototype
  • Scroll-linked roadmap
  • SVG network diagram
  • Reduced-motion fallbacks

Handoff

  • Elementor export
  • Component CSS
  • Mobile QA
  • Implementation notes