UI/UX design services for screens your developers can build
Boffin Coders offers UI/UX design services for web and mobile products, designed in Figma with components named the way your developers will build them. We are a UI/UX design agency where design and development sit in one team, so every screen is drawn by someone who knows what it costs to build. We also design brand identities, the logo, colours and type a business needs to look like one business, and print and packaging when a brand needs them.
Running a clinic, a trade or a shop and need a website that brings enquiries? That is our local business line.
Design work you can open and count
Brand identities, magazines, brochures, packaging, and app and dashboard screens, each published with the tools it was made in.
- 74
- projects in the portfolio
- Counted live from the portfolio when this page was built, not typed in. Open it and count them.
- 4.9
- across 20 reviews
- 15 on Clutch and 5 on GoodFirms. The design reviews include a 3.5, and it stays on the page.
- 10
- of our own apps on Google Play
- We designed and built them, which is why our screens come with a cost attached.
The design portfolio is the place to judge us. In the work cards further down this page, a project made only in design tools is labelled a design project, so a mock-up is never presented as software we shipped. Judge any UX design agency by screens you can open: the Sasso Sports website UI, the Classy5 jewellery store UI and the Praxis Verkauf healthcare dashboard are each published in the portfolio, screen by screen.
What we promise is work you can check: contrast, spacing and components you can open with us on a call, rather than certificates or conversion figures nobody can verify. We check contrast against the WCAG AA ratios as part of handover, and we will tell you where your current brand colours fail it.
What clients said
Word for word from the review platforms, the 3.5-star one included. Each card links to the profile it came from.
“I would recommend them to anyone looking for reliable and professional design support.”
Manager
TAG
“[The team] at Boffin Coders has been amazing from the first moment. [They] understood the requirements of my Products Page and seamlessly integrated it to my website. Additionally, [they] explained me how to update the product listings.”
Sarah Benavides
Freelance Project Manager and Graphic Designer, Sarah’s Design Club
“[The] team at Boffin Coders delivered a great product design for my app. They adhered to timelines. Returned quickly on issues & feedback. Great experience overall.”
Upwork client
Spelling Practice App
UI/UX design services first, brand and print alongside
Most of our design work is screens for products we or your developers will build. Brand identity, marketing assets and print sit alongside it, so a business looks like one business everywhere.
UI/UX for web applications
Screens for portals, dashboards and web apps, designed around the few tasks a user comes to do. We start from the flows, then wireframes, then the visual design, and hand over a Figma file with the states a developer needs: empty, loading, error, and what happens on a phone. When we build it as well, it goes straight to our web application development team.
- User flows and wireframes
- High-fidelity screens
- Empty, loading and error states
- Responsive layouts
Mobile app UI
App screens for iOS and Android that follow each platform where users expect it to. We build Flutter apps ourselves, ten of our own are on Google Play, so the screens are drawn by people who know what each one costs to build.
- iOS and Android conventions
- Navigation and onboarding
- Store screenshots
- Handover to Flutter or React Native
Design systems in Figma
A component library with named colours, type and spacing, so the next screen is assembled from parts instead of redrawn. The names match the ones in the code, which is what makes a design system worth paying for.
- Components and variants
- Colour, type and spacing tokens
- Light and dark themes
- Usage notes for developers
Brand identity
A logo, colours and type that hold together across a website, an app, a van and an invoice. We start from what the business does and who buys from it, and deliver the files with a short guide that tells the next designer how to use them.
- Logo and marks
- Colour and type
- A short brand guide
- Files in every format you need
Marketing and social assets
Social posts, ad sets, email templates and banners in your brand, made to the sizes each platform asks for, so the brand looks like one business wherever a customer meets it. For a shop, the store itself is a Shopify or WordPress build.
- Social post sets
- Ad sizes per platform
- Email templates
- Web banners
Print and packaging
Brochures, magazines, packaging and event graphics, set up for the printer with bleed, trim and CMYK colour, and checked against a proof before anything is printed.
- Brochures and magazines
- Packaging dielines
- Event and booth graphics
- Print-ready files
A brand identity design agency that also builds the site
A brand job starts from one of three places. Each one ends with files you own and a short guide the next designer can follow.
A brand identity design agency often hands over a logo and a PDF, and the website becomes someone else’s problem. Here the same team designs the brand and builds what it goes on, so the colours are chosen knowing how they read on a phone and the type is one the site can load quickly. If your team wants to edit the site themselves afterwards, we can build it in Webflow or Framer. Agencies who sell brand work and need it built can have both under their own name through white-label development. The industries page shows the sectors we build for, from clinics and practices to shops.
A new business
Name chosen, nothing else. A logo, colours, type and the first things that carry them: the website, a business card, a social profile. Designed with the site in mind, so the brand works on a phone screen first.
- Logo and marks
- Colour and type
- Website design
- Launch assets
A refresh, not a rebrand
Customers already recognise you, so we keep what they recognise, usually the shape of the mark, and fix what dates it: the type, the colour, the way it sits on a screen.
- Mark kept and redrawn
- Modern type
- Colours that pass contrast checks
- Updated guide
An agency’s client
Your studio sold the brand and the site. We design and build under your name, with your client relationship left where it is, and nothing carries our name unless you want it to. If the client needs the website as well, our white-label web design builds it under your name too.
- Your brand on the files
- Design and build together
- Your process and tools
- No contact with your client unless asked
From brief to handover in Figma
Four stages for a product or a brand. Structure is agreed before visual design starts, because that is when changes are cheap.
Understand the job
Who uses it, what they come to do, and what the business needs them to do. We read what exists, your current site or app, your competitors and any brand you already have, before opening a design tool.
Deliverables
- A written brief we agree
- User flows
- A look at what exists
- Moodboards
Structure first
Wireframes for the key screens and the grid, type and colour the rest will follow. Cheap to change at this stage, so this is where we want your objections.
Deliverables
- Wireframes
- Type and colour choices
- Grid and spacing
- A clickable outline
Visual design
High-fidelity screens or brand assets, reviewed with you in rounds. Each round has a written list of what changed, so a decision made in week two is not reopened by accident in week four.
Deliverables
- High-fidelity screens
- Logo and brand assets
- A clickable prototype
- Change notes per round
Handover
Figma files with auto layout and named components, exported assets, and notes on states and behaviour. Before handover we check text contrast against the WCAG AA ratios and flag any brand colour that fails it.
Deliverables
- Figma source files
- Exports in SVG and PNG
- A brand or UI guide
- A contrast check
Where AI tools help, and where we keep them out
We use Midjourney, Stable Diffusion and Adobe Firefly to produce variations quickly, with a designer directing and approving every one that ships.
Exploration, not the final mark
Generated images help us show you directions quickly. The logo you receive is a vector drawn by a designer, so you are not relying on a mark whose ownership is unclear.
Clean-up on photos you own
Background removal and upscaling for product and team photos you already have, checked at the size it will be printed or shown before it is used.
A designer signs off
Nothing generated goes to you, or to a printer, without a designer choosing it, correcting it and putting it into the brand’s colours and type.
The tools, and the files you get
Figma for screens and systems, Adobe for brand and print. You receive the source files, not only the exports, so the next designer can pick up where we stopped.
- Figma · Screens, prototypes, design systems
- Adobe Illustrator · Logos, marks and vectors
- Photoshop · Photos and retouching
- After Effects · Motion for web and social
- Adobe XD · When your files already live there
- Midjourney · Early moodboards, never the final mark
Published, not quoted on the call
In USD. Hourly and monthly rates move with the stack and the seniority, from a junior on routine work to a senior on complex builds. Nothing is quoted outside them, and if the number does not work for you, you have saved yourself a meeting.
- A design project starts at
- US$4,000
- Scoped once, with the lines shown.
- Short pieces of work
- US$12-25 an hour
- By seniority and the work.
- A designer by the month
- From US$2,000 a month
- Month to month, a month’s notice either way.
Questions about design with us
What it costs, how developers get what they need, who owns the files, and whether we can work under your agency's name.
Design work is US$12-25 an hour, depending on the designer’s seniority, and a designer by the month starts at US$2,000 a month. A scoped project starts at US$4,000. You get the price in writing before any work starts, and nothing is quoted outside those figures.
Not answered here?
Work we’ve delivered
Show us the screens, or the brand you have now
Twenty minutes with the person who would do the work. You will leave knowing what we would change first and roughly what it costs.