UI design & interactive prototyping

Forme

A bold, playful project planner that turns a starting idea into a clear scope, a transparent estimate and a downloadable brief.

Forme desktop Figma screen: bold yellow and blue typography, three project packages and a fixed estimate bar
01 / Desktop design in FigmaOpen design file ↗
Focus
UI & interaction design
Format
Figma + responsive HTML
Project
Independent studio concept

From a choice to a clear brief

Good work starts
with a shared plan.

What does a website project include, and what changes the price? Forme turns that first conversation into a hands-on planner: choose a package, adjust the scope and take away a useful brief.

Personality with a purpose

Sunshine yellow, electric blue and condensed Anton headings give the fictional studio a confident voice. Source Sans 3 keeps the controls and supporting copy readable.

Every choice has a visible effect

Page count and optional extras update both the estimate and the artwork. The breakdown explains each cost, while the summary stays within reach on desktop and mobile.

A design you can actually try

Figma demonstrates the package choices and connected states. The HTML adds continuous slider dragging, editable project notes, and brief downloads and copying.

An independent portfolio concept with illustrative USD pricing, not a live studio service.

Open fonts: Anton & Source Sans 3. Font licences.

Forme mobile Figma screen with stacked content and the estimate and review button fixed at the bottom
02 / Mobile design in Figma
Let’s talk about the work

Book a free workflow diagnostic

Tell us a little about the work you would like to simplify.