Do you build what you design?

We can — that is Web Development, listed separately — but the two are deliberately not sold as one thing. Plenty of clients already have developers, and a design hand-off is all they need.

Why separate UX/UI from development?

Because they are bought by different people at different moments. Bundling them forces a client who only needs one to pay for both.

Do you do user testing?

The prototype is made so it can be tested. Running a structured research programme is a larger piece of work — tell us if you need it and we will be clear about scope.

Can you work with our existing brand?

Yes. If there is a brand system we design inside it. If there is not, it is usually worth doing the identity first.

What do we actually receive?

A Figma file with the flows, the screens at each breakpoint, a component library and a written hand-off covering spacing, type and colour.

DesignUX/UI Design

UX/UI Design in Melbourne

Ruana Soul Studio designs the interface before anyone writes the code: the flows a person moves through, the screens they see, and the components those screens are made of. The result is a design system and a set of screens a developer can build from directly — ours or yours.

Decide how it works before deciding how it looks.

Tell us what you are designing

What every engagement includes

Flows before screens
What a person is trying to do, and the shortest honest path to it. Most interface problems are really flow problems wearing a visual disguise.
Wireframes
Structure agreed while it is still cheap to change, in grey boxes rather than finished art.
Interface design
The finished screens, on a real grid, with real content rather than lorem ipsum.
A component library
Buttons, forms, cards and states defined once and reused, so the twentieth screen costs a fraction of the first.
Responsive from the start
Designed at mobile and desktop together, not designed wide and squeezed afterwards.
A clickable prototype
Something you can put in front of a real person before a line of code is written.
Developer hand-off
Spacing, type scale, colour tokens and states documented, so the build matches the design.

Who it's for

Businesses about to build a site
Who want the structure resolved before development starts, where changes are cheapest.
Teams building a web app
Where the product exists but the interface grew by accretion.
Brands with a site that underperforms
Where traffic arrives and then leaves, and nobody is sure at which screen.
Developers without a designer
Who need screens and a system to build against, and nothing else.

How it works

01 · UNDERSTAND
Who uses it, what they came to do, and what currently stops them.
02 · MAP
The flows, end to end, before any screen is drawn.
03 · WIREFRAME
Structure and hierarchy in grey, reviewed and revised fast.
04 · DESIGN
The interface itself, built on a component library rather than page by page.
05 · PROTOTYPE
Clickable, so it can be tested rather than imagined.
06 · HAND OVER
Documented for whoever is building it.

UX/UI Design in Melbourne

What every engagement includes

Flows before screens

Wireframes

Interface design

A component library

Responsive from the start

A clickable prototype

Developer hand-off

Who it's for

Businesses about to build a site

Teams building a web app

Brands with a site that underperforms

Developers without a designer

How it works

Related services

Common questions about ux/ui design in Melbourne

Start your next creative project in Melbourne

Start your next creative project in Melbourne