Service · Pillar 7

UI/UX Design in Kenya

UI/UX design covers how a digital product works (user experience) and how it looks and responds (user interface). Haryes Web Developers provides UI/UX design in Kenya as a standalone deliverable (research, wireframes, interface design, and documented design systems handed over as Figma files) for teams that have their own developers.

Haryes Web Developers provides UI/UX design in Kenya as a standalone deliverable (research, wireframes, interface design, and design systems handed over as Figma files) for teams that have their own developers or a build already underway. This page covers what UI/UX design includes, our process and methods, how it differs from a full build, pricing, and who the service is not for.

What does UI/UX design include?

UX (user experience) is how a product works, the structure, the flows, whether people can complete their task. UI (user interface) is how it looks and responds, layout, typography, colour, states, motion. A Haryes UI/UX engagement can include any of:

  • UX research: interviews, analytics review, and usability testing with real Kenyan users on the devices they actually use, covered on our usability testing page
  • UX audit: a heuristic and data-informed review of an existing product, with issues ranked by business impact, covered on our UX audit page
  • Information architecture and flows: site maps, user journeys, and wireframes
  • Interface design: high-fidelity screens for every state, not just the happy path
  • Design systems: documented tokens, components, and usage rules so a growing team stays consistent, covered on our design systems page
  • Developer hand-off: organised Figma files, specs, and a walkthrough with your build team

Design-only vs design and build

FactorUI/UX design onlyWeb design and development
DeliverableFigma files, specs, design systemA live, hosted website or app
Who builds itYour team or another vendorHaryes
Best whenYou have developers or an existing codebaseYou need the finished product delivered
Performance responsibilityYour build teamHaryes, to a fixed budget
Typical costLower, design scope onlyHigher, includes engineering

If you want the finished website delivered rather than design files, that is web design and development. If the product involves logins, workflows, and databases, pair UI/UX with custom web application development.

How Haryes approaches a UI/UX project

  1. Understand the problem

    We start with the business goal and the user’s goal, and where they conflict today. For an existing product this means analytics, session data, and a five-participant usability test. For a new product it means interviews and competitor teardowns.

  2. Structure before surface

    We agree the information architecture and the key flows as low-fidelity wireframes and test them before any visual design. Fixing structure in a wireframe costs hours; fixing it after build costs weeks.

  3. Interface design and system

    We design every screen and every state (empty, loading, error, success) and capture the reusable parts in a design system with written usage rules.

  4. Hand-off and support

    We deliver organised files, a specification, and a walkthrough with your developers, and stay available for design questions for four weeks into the build.

Book a UX Review →See Design Engagement Rates

The methods and standards we design to

We work to recognised usability heuristics, design to WCAG 2.2 AA so the interface is accessible by keyboard and to screen readers, and design mobile-first for mid-tier Android devices. Deliverables are built in Figma with a component library, not loose screens.

How UI/UX design fits with development

Design and build are separate services, but they are not separate problems. When Haryes handles both, structure decisions are made once and the performance budget is set from the wireframe stage, see web design and development.

When your own team or another vendor builds, the hand-off is what determines whether the finished product matches the design. We deliver an organised Figma file, a written specification covering spacing, states, and behaviour, the design system, and a live walkthrough with your developers, then stay reachable for design questions for four weeks into the build. For products with logins and workflows, we recommend pairing the design work with custom web application development so one team owns the outcome.

What a UX audit covers, in detail

A UX audit is often the right first engagement, cheaper than a redesign and clearer about what actually needs fixing. Ours reviews:

  • The core journeys: the two or three tasks that matter commercially, walked through step by step on real devices
  • Heuristics: the interface against recognised usability principles: visibility of system status, error prevention, consistency, and the rest
  • Analytics and drop-off: where people leave, where they hesitate, and where they retry
  • Accessibility: keyboard operation, contrast, focus states, and screen-reader basics against WCAG 2.2 AA
  • Mobile reality: how the product behaves on a mid-tier Android device on a slow connection, not a designer’s laptop

You get findings ranked by business impact and effort, each with a recommended fix, not a 60-slide document with no priorities.

How a design system pays for itself

A design system is a documented library of tokens, components, and patterns with rules for using them. It costs time to build, and it repays that quickly for any team shipping regularly.

  • Faster design and build: new screens are assembled from existing, tested components instead of designed from scratch
  • Consistency: the interface stays coherent as different people work on it and the team grows
  • Fewer decisions: spacing, colour, and type are settled once, not re-argued every project
  • Cleaner hand-off: developers build against a known system rather than interpreting one-off screens

We build these in Figma with written usage rules and developer notes, and keep them small enough to actually be maintained.

Designing for Kenyan users and devices

Design advice imported from other markets often assumes fast connections, large screens, and unlimited data. We design for the conditions your users are actually in:

  • Mid-tier Android phones as the primary device, not an afterthought
  • Intermittent connections, clear loading and offline states, and forms that do not lose data on a dropped connection
  • Data cost awareness, lean interfaces that do not download megabytes of imagery to render
  • Payment and identity patterns Kenyan users know, M-Pesa flows, phone-number-first sign-in, and WhatsApp as a support channel

What does UI/UX design cost in Kenya?

A focused UX audit or a small design system sits at the lower end, from KES 60,000; full product design with research and a complete system sits higher. Design-only engagements cost less than a full website build because they exclude engineering.

Measuring whether the design worked

Design work is often judged on whether the client likes it, which is the weakest available test. We agree measurable outcomes at the start: completion rate on the main task, drop-off at each step of a form or checkout, time taken to find a key piece of information, enquiries per thousand visitors, or support requests about the thing the redesign was meant to clarify.

Where a site already exists, those numbers are recorded before the work starts so the comparison afterwards is real. Where it does not, we set the measurement up at launch and review it at thirty and ninety days. A design that tests worse than what it replaced is a design we revisit, and saying that up front is what keeps the process honest.

Prototypes: deciding before anyone writes code

A clickable prototype is the cheapest place to be wrong. Before a line of production code exists, the main journeys can be assembled from the designs and put in front of the people who will use them: a customer making an enquiry, a member checking a statement, a staff member completing a daily task.

Watching three or four people attempt that on a prototype reliably surfaces problems that no amount of internal review catches, because the team already knows where everything is. Changing a screen at that stage costs an afternoon. Changing it after the build costs a week and an awkward conversation about scope.

Working with your brand, or helping you build one

Some clients arrive with a full brand: logo files, colours, typefaces, a tone of voice. Most arrive with a logo somebody made years ago, no source file, and colours that only exist as whatever was on the last poster. Both are workable, but they are different projects.

Where a brand exists, we design within it and extend it where the web needs things print never specified: hover and focus states, form styling, error colours that still pass contrast, and a type scale that holds up on a small screen. Where it does not, we agree a minimum identity as part of the work, a considered colour set, one or two typefaces, consistent spacing and imagery rules, so the site looks deliberate without pretending to be a full rebrand it was not scoped as.

Research when there is no research budget

Most Kenyan projects cannot fund a formal research programme, and they do not need one. What they need is to stop designing on assumptions. There is almost always evidence already in the business: the questions the front desk answers twenty times a day, the messages that arrive on WhatsApp, the reasons people abandon a form, the search terms bringing people to the site, the complaints in reviews.

We start there, then add the cheapest primary research that will change a decision: half a dozen short conversations with real customers, a session watching someone from the target audience attempt the main task on the current site, or a review of what competitors ask people to do. Five people will surface most usability problems, and a morning of that is worth more than a month of opinions in a meeting room.

The output is a short, written list of what we now know and what we are still guessing, so the design decisions that follow can be argued against evidence rather than taste.

Structure and navigation: the decisions made before any pixels

Most sites that feel confusing are not badly styled; they are badly organised. Navigation built around how the company is structured (departments, internal names for services) instead of what a visitor is trying to do is the most common cause, and no amount of visual polish repairs it.

We work out the structure first: what the main tasks are, what a visitor needs in what order, what belongs in the primary navigation and what belongs one level down, and what can be removed entirely. Labels are written in the words customers use, not in industry vocabulary. Where a site is large, we test the structure with a simple exercise before anything is designed, asking people where they would look for a given thing.

Getting this right is also what makes a site legible to search engines and to AI answer systems, because a clear hierarchy of pages is the same thing both a person and a machine need.

Forms, errors and the moments that lose people

The screens where users give something up, an enquiry form, a booking, a registration, a checkout, are where most conversions are lost and where the least design attention is usually spent. Every additional field costs completions, so each one has to justify itself against the work it saves your team later.

We design the whole state machine, not just the tidy version: what a field looks like while being typed into, what a helpful error says and where it appears, what happens when the connection drops halfway, what the user sees while the submission is in flight, and what confirmation looks like. Errors are written as instructions, not accusations, and they appear next to the field that caused them.

Small details decide this: input types that bring up the numeric keypad for a phone number, sensible autofill, and a submit button that disables itself after one tap so nobody sends the same enquiry three times.

Accessibility, specifically and practically

Designing to WCAG 2.2 AA is a concrete checklist, not a sentiment:

  • Body text at 4.5 to 1 contrast, large text at 3 to 1
  • Every control reachable and operable by keyboard, in a logical order
  • A focus state you can actually see, not the one the browser hides
  • Touch targets large enough to hit with a thumb
  • Labels tied to their fields so screen readers announce them
  • No state or meaning carried by colour alone

We build these into the design system rather than auditing for them at the end, because retrofitting contrast and focus states across a finished site is expensive and usually gets dropped. The same work benefits everyone: a focus state helps keyboard users, better contrast helps anyone reading on a phone in Nairobi sunshine, and clear labels help people in a hurry.

Words are design: microcopy and content order

A large share of the improvement in a redesign comes from what the page says and in what order, not from how it looks. Headings that state what the page offers rather than a brand phrase. Buttons labelled with the action they perform, not “submit”. Prices, timelines and next steps present rather than implied. Reassurance placed exactly where hesitation happens, next to the form, not in a footer.

We write that copy as part of the design rather than dropping lorem ipsum into a layout and hoping words arrive later. Designing around real content also exposes the awkward truths early: the service that cannot be explained in a sentence, the testimonial nobody has, the price the business is not ready to publish.

From design file to built page, without the drift

A design is worth nothing if the built version quietly differs from it. Spacing gets rounded, a font weight changes, a hover state never gets implemented, and six months later nobody can tell which version was intended.

We hand over components with their measurements, states and behaviour documented, including what each one does at small screen sizes, and then review the built pages against the design with the developer, whether that is us or your own team. Where the build is ours, the design tokens become the actual CSS variables, so a colour or spacing change is made once and applies everywhere rather than being repainted by hand.

Designing for the devices Kenyans actually use

Interfaces designed on a fast laptop and reviewed on a fast laptop fail on the hardware most visitors carry. The realistic target is a mid-range Android on mobile data, sometimes with an intermittent connection and often with the person paying per megabyte.

That shapes design decisions, not just engineering ones: fewer and lighter images, layouts that do not depend on hover, text sizes that stay readable without pinching, primary actions inside comfortable thumb reach, and interfaces that degrade gracefully when something fails to load. We review designs on a real device before sign-off rather than in a browser window resized to look like one.

Who UI/UX design at Haryes isn’t for

  • Businesses that want the site built, not just designed. Choose web design and development instead.
  • Projects with no one to build the design. Beautiful Figma files with no development path are a wasted spend.
  • Anyone wanting a logo or brand identity. That is graphic and brand design, a different discipline, we refer this out to a specialist brand designer.
  • Teams unwilling to involve real users. We test with users; if that is off the table, the value of the engagement drops sharply.

How to get started

Tell us what you are building or improving, who will build it, and where it stands today. You get back a scoped design proposal within three working days.

Request a Design Proposal →Discuss Your Product on WhatsApp

What a design engagement hands over

Four deliverables, whether or not we build the site afterwards. See design and build costs.

  • Evidence, written down

    What we learned before anything was designed.

    Assumptions marked as assumptions
    • What the business already knows, gathered and read
    • A handful of conversations or task observations with real users
    • A short list of what is known and what is still a guess
  • Structure before pixels

    The pages, the journeys and the labels people actually use.

    Agreed before design starts
    • A page map built around tasks, not departments
    • Navigation labels written in customers' words
    • The primary action on each page named
  • Designs and a system

    Components with states, spacing and behaviour documented.

    Built to WCAG 2.2 AA
    • Every screen designed at mobile and desktop widths
    • Hover, focus, error, empty and loading states specified
    • Colour, type and spacing tokens a developer can implement exactly
  • A measurable definition of better

    What the redesign is supposed to improve, agreed in advance.

    Reviewed at 30 and 90 days
    • The current numbers recorded before work starts
    • Task completion, drop-off or enquiry rate as the target
    • A review after launch, including when the result disappoints

Design only, or design and build?

Both are real engagements. The handover is what changes.

Design only

You have developers and need the thinking and the screens.

You get research, structure, designs and a documented system your team can implement, plus a review of the built result.

Scope a design engagement
Design and build

You want one team responsible for the outcome, not a handover argument.

Design flows straight into web design and development, with the design tokens becoming the actual code.

Design and build it

A design is not finished when it looks right. It is finished when someone who has never seen it can complete the task it was drawn for.

Haryes KebeyaFounder, Haryes Web Developers

Common questions

What is the difference between UI and UX design?

UX design is how a product works: structure, flows, and whether people can complete their task. UI design is how it looks and responds: layout, typography, colour, states, and motion. A good product needs both.

Does Haryes build the design, or just hand over Figma files?

UI/UX design is a design-only service: research, wireframes, interface design, and a design system delivered as Figma files with a developer walkthrough. If you want the finished site built, that is web design and development.

How much does UI/UX design cost in Kenya?

A focused UX audit or small design system sits at the lower end, from KES 60,000; full product design with research and a complete system sits higher. Design-only costs less than a full build because it excludes engineering.

Do you test designs with real users?

Yes. We run usability tests with participants matching your Kenyan audience on the devices they actually use, and report issues in priority order with video evidence.

What standards do you design to?

Recognised usability heuristics, WCAG 2.2 AA for accessibility, and mobile-first for mid-tier Android devices. Deliverables are built in Figma with a component library.

Can you audit our existing product instead of redesigning it?

Yes. A UX audit is a heuristic and data-informed review of the current product with issues ranked by business impact and recommended fixes, often a better first step than a full redesign.

Do you design mobile apps as well as websites?

We design responsive web interfaces and web applications as standard, including installable progressive web apps. We do not design native iOS or Android apps; where a project needs one, we scope the design and refer the native build to a specialist.

What do we get at hand-off?

Organised Figma files, a written specification, a design system with usage rules, and a walkthrough with your development team, plus design support for four weeks into the build.

Book ui/ux design in kenya

Start your project

Name and email is all we need to get back to you; a line about the project helps, but it's optional.

Prefer the full brief? Use the contact form.

Book a design sprint.

Research, wireframes and interface design handed over as Figma files your team can build from.

Prefer to talk now?

Message us on WhatsApp or call. We reply within one working day.

No obligation. Fixed scope and price before any work starts.