Digital engineering & AI studio — public sector & international development contact@skgenius.com Tunisia · Europe · International FR EN AR
Home / Services / UX, UI and design system
Design & systems — 01

An interface is judged on what it lets people do, not on its home page.

Journeys, screens, reusable components and written rules. We design interfaces that stay coherent when the team changes, when the product grows, and when three different people are adding screens.

From
1 490TND
or
1 200€ excl. VAT
First screens in
2weeks
Quote within
24hours
01The situation

The problem is almost never the graphics.

The enquiries that come in talk about looks — "the site feels dated", "it lacks modernity". Look closely and what is actually getting in the way is elsewhere: the information cannot be found, the form is abandoned three quarters of the way through, the application takes seven clicks for a daily action, and each new screen looks a little less like the last.

Those are problems of journey and system, not of colour. Repainting over them leaves them intact and costs the price of a redesign for nothing.

So our work starts by looking at what people actually do: the pages where they stop, the steps they abandon, the questions they ask support. That is what says where the real problem is.

02The system

What separates a mockup from a design system.

A mockup describes one screen. A design system describes the rules that let you produce a hundred without the result drifting: the type scale, the spacing, the colours and their contrast, the states of a button, how forms behave, what happens when a list is empty or an error occurs.

That is the difference between a project that ages well and one that has to be redone in three years. On a business application or a product that will grow, the system costs a few extra days up front and saves weeks afterwards.

We deliver those rules in a form your developers use directly — colour, spacing and type variables, not only images to interpret.

03What you get

Screens, and the rules that go with them.

The entry package covers the study of one journey and the design of five screens, with their states.

Included in the price

  • Analysis of the current journey and where it loses people
  • Structure and the sequence of screens
  • Five screens designed, in desktop and phone versions
  • The states of each screen: loading, empty, error, success
  • A library of reusable components
  • Type scale, palette, spacing, as variables
  • Contrast checked against accessibility criteria
  • Written rules for producing new screens without us
  • Source file handed over, editable by you

Billed separately, and quoted up front

  • Building and integrating the screens
  • Creating a logo and a brand identity
  • Photography, illustration and stock image purchase
  • Writing the content
  • Moderated user testing sessions
  • Animation and motion design
04The price

An entry point, then priced on the real scope.

Tunisia
from1 490TND
France, Europe, international
from1 200€ excl. VAT

This figure covers one journey studied and five screens designed with their states. Beyond that, the price follows the number of screens and how deep a system is expected — a forty-screen product needs a real system, a marketing site redesign does not.

When design sits inside a complete project, it is already included: the marketing website and the store both include their own design. This page is for projects where the design is the service itself — a business application, a product, an interface to take over.

05How it runs

Nothing gets drawn before it has been looked at.

  1. Observation

    Analysis of the existing journey: where people stop, what they abandon, what they ask support. An interview with two or three real users where possible — an hour is enough to demolish half the assumptions.

    Days 1 to 3
  2. Structure

    Site structure, the sequence of screens, and black-and-white wireframes. Deliberately without colour: at this stage we are validating what the screen lets you do, not its decoration.

    Days 4 to 7
  3. Design

    The finished screens, with their states, in desktop and phone versions. Two rounds of revisions.

    Days 8 to 14
  4. System and handover

    The components, the variables and the written rules. A handover session with your developers so the system gets used, rather than filed in a folder.

    Days 15 to 18
06Frequently asked

What people ask before they sign.

Do you work in Figma?

Yes, and the file is handed to you with edit rights. You can take it over, evolve it or give it to somebody else without asking us for anything. We also deliver the variables in a form developers can use directly.

Should we run user tests?

On a product meant to last, yes: five people are enough to reveal most of the problems, and an hour of observation beats a week of discussion. It is not in the entry package because it requires recruiting and organising; we quote it separately when the project justifies it.

Is accessibility an extra?

No. Contrast, target sizes, keyboard navigation and heading structure are checked from the design stage, because fixing them afterwards costs three times as much. A formal conformance audit and the accessibility statement the European Accessibility Act requires are a separate service: see digital accessibility.

Can you build the screens too?

Yes, and that is the most common case: designing and building in the same team avoids the loss in translation between mockup and result. But we also deliver for teams who build it themselves, and the system is made for that.

Talk to someone

Two ways to start.

You know what you want

Describe what you need in a few lines. You get a priced quote, with the scope and the dates.

Request a quote Answer within 24 business hours

You would rather talk it through

Message us on WhatsApp or call. Fifteen minutes are usually enough to know whether your need fits the package — and we will tell you plainly either way.

Message us on WhatsApp TN +216 58 044 066 · FR +33 7 69 78 69 98
WhatsApp Request a quote