Services Product design
UI design
Screen designs for web and mobile that are clear to use and prepared for developers to build from.
At a glance
- Includes
- Layouts for desktop, tablet and phone, type, colour, spacing and developer files
- Works with
- Your brand, research and any existing product
- Delivered as
- Design files with annotations and exported assets
- Starts with
- A review of your brand, users and the screens needed
Fit
Is this right for you?
Usually the right call when one of these sounds familiar.
Screens built without a design
Developers decide the layout as they go.
A product that looks inconsistent
Each page has its own spacing, buttons and type.
A dated or crowded interface
People find it hard to know what to do next.
Launching on phone and desktop
Layouts need to work at every size.
Not the right service? Not sure what users need: UX research. Many screens and many designers: Design systems.
Scope
Scope and what you get
Each piece of work has a matching thing you receive.
- What we do
Layouts for every screen size
Screens designed for desktop, tablet and phone from the start.
What you receiveComplete screen designs
Every screen and state your product needs, at each size.
- What we do
Type, colour and spacing
Choices made for readability and a consistent look.
What you receiveA clear visual style
Type, colour and spacing rules that match your brand.
- What we do
Interaction and states
Hover, error, empty and loading states considered, not left to chance.
What you receiveScreens that cover real use
Designs for the moments between the happy paths.
- What we do
Developer handover
Annotated files and exported assets prepared for the build.
What you receiveFiles developers can use
Annotated designs, assets and a walk-through with your engineers.
Use cases
Relevant use cases
Practical situations where this service is put to work. Open a card to see how it applies.
Designing a new product
Screens designed from the first flow to the full product, ready for development.
- Key flows designed first
- Layouts for phone and desktop
- Files prepared for the developers
Redesigning a dated interface
A refreshed interface that keeps what works and fixes what does not.
- Current screens reviewed first
- A consistent visual style
- Rollout in stages, if you prefer
Preparing screens for a build
Designs completed and annotated so a development team can build without guessing.
- Every state of each screen covered
- Spacing and sizes written down
- Assets exported in the right formats
Sample use cases, drafted as placeholders. The Plethora team confirms the final list.
Process
How it works
Each stage is agreed with you as we go. Each shows what we do and what we need from you.
Understand
We doWe review your brand, users, research and the screens the product needs.
You doYou share brand files, research and examples you like.
Explore
We doWe sketch layouts and a visual direction, with options to compare.
You doYou choose a direction and tell us what to refine.
Design
We doWe design the full screens at each size, including states and edge cases.
You doYou review in rounds and give consolidated feedback.
Hand over
We doWe annotate the files, export assets and walk your developers through them.
You doYour developers ask questions, and we answer them during the build.
Quality
Quality and handover
How the work is checked, accepted and passed to you.
Readable by design
Type size, contrast and spacing are chosen for people to read comfortably.
Consistent across screens
The same elements behave and look the same everywhere.
Checked with developers
Designs are reviewed with the people building them.
Files you keep
Design files and assets are delivered to you.
Tools
Tools and technology
Tools we use in delivery. We choose them to suit your team, and the list does not imply any partnership. Logos belong to their owners.
- Figma
- Storybook
- Miro
Engagement
Engagement and cost factors
Ways to work with us
A scoped project
A defined set of screens, designed and handed over.
A team alongside yours
Our designers join your product team.
Ongoing design
Regular design work as your product grows.
What shapes scope, timing and cost
- Number of screens and states
- Platforms and screen sizes
- Whether a brand style already exists
- Amount of research or testing involved
- Rounds of review
- How much developer support you want
Scope and cost are confirmed with you in writing before work starts.
FAQ
Frequently asked questions
Yes. We design for desktop, tablet and phone, and for iOS and Android.
Yes. We follow them and flag anything that does not work on screen.
Yes. You receive the design files and the exported assets.
Yes. We review designs with them and answer questions during the build.
Design screens that are clear to use. Start with a conversation.
Tell us what you want to build and we will come back with next steps.
Talk to usRelated