Our services

UI/UX Design

Horizon Tech designs user experience and interfaces starting from user research and journey mapping, through wireframes, to clickable Figma prototypes and a complete design system handed to developers. A design project usually takes two to six weeks starting around SAR 8,000. We design for RTL from the ground up, because an Arabic interface is not a mirrored English one.

2-6 weeks
Design project length
100%
Genuine RTL
Figma
Clickable prototypes
30+
Projects designed
Scope

What a design project includes

User and competitor research

We analyse your audience and what competitors do well and badly, so design decisions rest on reality rather than taste.

User journey and screen map

We map the path from first visit to completed goal and define every screen needed.

Wireframes

Content order and priority before colour — because fixing structure is far cheaper at this stage.

Final interface design

High-fidelity design in your brand colours and type, for every screen and every state (empty, loading, error).

Interactive Figma prototype

You click through the product before it is built and catch what needs changing while change is still cheap.

Design system for developers

Documented components, colours, type and spacing so the built product matches the design exactly.

Fit

Who is this for?

A product before it is built

A change during design costs an hour; the same change after development costs a week. The design budget is insurance on the development budget.

An existing product that is hard to use

When you watch users hesitate at the same step, or ask support about something meant to be obvious.

An Arabic product localized by auto-mirroring

An interface flipped automatically, so icons that should never flip did, and text renders in a typeface never designed for Arabic.

A growing team

When more than one designer or developer works on it and the product starts looking assembled from different apps.

And when you do not need this

  • A quick internal prototype testing a technical idea no user will see — do not spend design on it.
  • A single very simple page with one goal — a good template is enough.
  • When the real problem is the product rather than its interface — design does not rescue a solution nobody needs, and we will say so.
Process

How we work — step by step

1

Discovery

We understand the product, audience, goal and technical constraints before drawing anything.

2

Research and analysis

Competitor study and Arabic user behaviour in your specific field.

3

Wireframes

Screen and content structure reviewed with you before any visual detail.

4

Visual design

Final interfaces in your brand, with two free revisions per screen.

5

Handover

Complete Figma file, design system and exported assets ready for the developer.

Pricing

UI/UX design pricing

ScopePrice rangeTypical timeline
Brochure website design (5–8 screens)SAR 8,000 – 20,0002 – 3 weeks
App design (10–20 screens)SAR 15,000 – 40,0003 – 5 weeks
Full platform + design systemSAR 40,000 – 90,0005 – 8 weeks
Redesign of an existing product (UX audit)SAR 10,000 – 30,0002 – 4 weeks

Cost depends on screen count, research depth, and whether a full design system is required.

Tools we use

FigmaDesign SystemsWireframingPrototypingRTL DesignAccessibilityUser Research
Pitfalls

Costly mistakes, and how we avoid them

The mistakeWhat it costs, and what we do instead
Auto-mirroring instead of designing for ArabicFlips icons that should never flip, such as media controls and logos, and breaks numeric alignment. We design for RTL from the ground up with a deliberate decision per icon.
Testing the design on the team instead of usersThe team already knows the product, so they cannot see what confuses a stranger. We test with five to seven people from your real audience.
Measuring what people think of the visualsPeople are polite and say "nice". We measure instead whether they completed the task, how long it took, and where they stopped.
A Latin typeface on Arabic textMakes a product look cheap without anyone knowing why. We choose a genuine Arabic typeface and tune line heights for Arabic.
Coding before an interactive prototypeMeans hundreds of decisions made while writing, with conflicts discovered late. A prototype lets you object while changes still cost nothing.
FAQ

Frequently asked questions

What is the difference between UI and UX?

UX (user experience) is how the product works: step order, ease of reaching the goal, and screen logic. UI (user interface) is how it looks: colours, type, spacing and icons. A successful product needs both — beautiful design with a bad experience fails, and a great experience that looks poor convinces nobody.

How much does UI/UX design cost?

A brochure website of 5 to 8 screens ranges from SAR 8,000 to 20,000, an app of 10 to 20 screens from SAR 15,000 to 40,000, and a full platform with a design system from SAR 40,000 to 90,000.

Why not start coding directly?

Because changing a screen in Figma costs minutes, while changing it after development costs days and sometimes a rebuild. The design phase surfaces logic and structure problems while they are still cheap to fix, and usually saves more than it costs.

Do you design properly for Arabic?

Yes. We design for RTL from the ground up: element order, icon direction, spacing, and Arabic typefaces that are genuinely readable on screen. An Arabic interface is not a mirrored English one, and users notice the difference immediately.

What do I receive at the end?

A complete Figma file with access, a clickable interactive prototype, a documented design system (colours, type, components, spacing), and all exported assets ready for the developer.

Do you also build the design?

Yes, and that is the advantage of working with us: the same team designs and develops, so nothing is lost in handover between two parties and the product ships matching the design.

What is the difference between UI and UX, and why do I need both?

UX is the shape of the journey: what steps a user takes to reach their goal and how many can be removed. UI is how those steps are presented: color, type, spacing and states. A beautiful interface over a poor journey produces a product that impresses in a screenshot and is abandoned in use; an excellent journey with a poor interface loses trust before it is tried. The two are built together, not in sequence.

How much does UI/UX design cost?

Interface design for a mid-sized app or site runs SAR 8,000 to 35,000 depending on screen count and research depth. A complete reusable design system starts at SAR 20,000. The rule we repeat: changing a screen during design costs an hour; changing it after development costs a week — so the design budget is really insurance on the development budget.

Do I need design before development, or can we start coding?

You need it, and it is not a luxury. Starting to code without design means making hundreds of visual and functional decisions while writing, then discovering their conflicts late. An interactive Figma prototype lets you experience and object to the product while changes still cost almost nothing. The only reasonable exception is a quick internal prototype testing a technical idea no user will see.

What is a design system and when do I need one?

A design system is a single library of buttons, fields, colors, spacing and states used across every screen instead of redesigning each time. You need one once your product passes roughly twenty screens, or when more than one designer or developer works on it, or when you plan multiple products under one identity. Without it, small inconsistencies accumulate until the product looks assembled from different apps.

Is Arabic RTL design just mirroring the layout?

No, and this is the most common flaw we see in localized products. Automatic mirroring flips icons that should never flip, such as media controls and platform logos, breaks the alignment of numbers and dates, and renders Arabic in a typeface never designed for it. We design for RTL from the ground up: a genuine Arabic typeface, line heights tuned for Arabic, and a deliberate decision on every icon about whether it mirrors.

How do we know the design works before building it?

We test it with real users from your audience, not with the project team. Five to seven people surface the large majority of usability problems. We ask them to complete a specific task on the interactive prototype and watch where they hesitate. The signal we rely on is not their opinion of the visuals — people are polite — but whether they completed the task, how long it took, and where they stopped.

Portfolio

Related work

See all work

Your product deserves a better experience

Send us your idea or current product and get a free quote within 24 hours.