
UI and UX design
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.
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.
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.
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.
Selected work
A selection of recent projects. The full portfolio has more.
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.
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.
Related to UI and UX design
Each one handled in the same studio, to the same standard.

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 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
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.
