side-area-logo
UI/UX design and development

UI and UX design

delimiter image

Interface design decides whether people can do what they came to do. Vanilla Rain works out the structure and user flows for web platforms and mobile apps, then designs the screens in Figma. Based in Newbury, West Berkshire, the studio works with product owners and development teams across the UK, mostly remotely.

The output is meant to be built, not admired. Screens come with the states, spacing and components a developer needs, so fewer decisions are left to guesswork during the build, whether your developers are in-house, at an agency or contracted separately.

The work

From structure to screens

Structure and content

The information architecture comes first: what the platform holds, how it is grouped and what each type of user needs to reach. Settling this early avoids costly rework once development is under way.

User flows

Key tasks such as signing up, finding a product or completing a booking are mapped step by step, including errors and dead ends, before any screen is drawn.

Wireframes and layout

Low-detail layouts let your team test the order and priority of content, and change direction cheaply, before colour, type and imagery are added.

Interface design

Screens are designed in Figma for each platform you need, web and mobile, using your brand and a consistent set of components rather than one-off layouts.

Clickable prototypes

Linked screens let stakeholders click through a flow on their own phone or laptop, which brings problems to the surface earlier than a slide of static designs.

Developer handover

Designs go over with component states, spacing, assets exported at the right sizes and notes on behaviour, so your developers work from a specification rather than a picture.

Relevant work

Platforms and apps designed

NBA Basketball Africa League

UI and UX work for the NBA: interface designs for both the web platform and the mobile platform of the Basketball Africa League.

See the project

Spode

User interface and experience design for Spode’s online store, built to make a range of thousands of supplier line items workable for retail and B2B buyers.

See the project

UI and UX design

Selected work

A selection of recent projects. The full portfolio has more.

Where the work happens

Newbury, West Berkshire and further afield

Interface projects rarely need everyone in one room, so most run remotely with clients and development teams across the UK. Where a workshop helps, for example to map user flows with your team, Alistair can come to you in Newbury, Reading, Oxford or Swindon by arrangement. Reviews happen over shared screens and prototype links, so distance makes little difference to the work.

Web design in Newbury

Questions

Common questions

We have an app idea but no developer yet. Is it too early to talk?

No. Structure and user flows are often most useful before a developer is chosen, because they sharpen the brief and make the quotes you receive comparable. Vanilla Rain designs the interface; building the app itself is work for a development team.

Which files will our developers receive?

The Figma source files, exported assets, a component list with its states, and notes on spacing and behaviour. If your team works in a different tool, raise it at the start so the handover format can be agreed in the scope.

Can you improve an existing app rather than start again?

Yes. The current product is reviewed against the tasks people use it for, and fixes are ranked by how much they get in the way. That often produces a set of targeted screen changes rather than a full redesign.

How is UI and UX work priced?

By scope. The number of user flows, screens, platforms and review rounds is set out in writing and priced as a fixed sum before design begins. If the product changes direction partway, the scope is revised and re-quoted first.

Services

Related to UI and UX design

Each one handled in the same studio, to the same standard.

Website design and development

Website design and development

Websites designed and built in one place, so the approved design is delivered in full, launched properly and easy for your own staff to manage.

Online shop systems

Online shop systems

Online shops planned and built around how you operate, with stock, product updates, orders and accounts connected so the shop runs smoothly every day.

Brand identity design

Brand identity design

A complete identity system: logo, typefaces, colour, photography style and layout rules, with guidelines that keep every future piece unmistakably yours.

Share the product brief

Describe what the platform or app needs to let people do, who uses it, and whether a developer is already involved. Existing screens or wireframes help, however rough. Or call Alistair on 07585 263824.

© Vanilla Rain Ltd. Client work shown remains the property of the clients concerned.