Skip to main content

Website & interface design

Website and interface design, built on rules you can check.

Custom website design: the sitemap, page structure, responsive screens and a design system your team can extend. Every page is designed around one action, and you approve the structure before any visual work starts.

Structure first, then screens, and you approve each before the next.

Who it is for

Built for a decision, not a mood board.

Interface design starts from what a page or screen has to make someone do. If you know that, or want help deciding it, this is the service.

A fit when

The structure has to change, not only the look.

  • You are launching a site, or replacing one that no longer explains what you sell.
  • A dashboard or portal works, but the people using it get lost.
  • Every language has to read as an equal, not one translated from another.
  • You want the design handed over as rules your team can extend, not a folder of pictures.

Not a fit when

The answer is a theme, or a promise.

  • You need an existing theme restyled. We design from your requirements, never from a recycled template.
  • You want the visual style settled before the structure. Wireframes come first, on purpose.
  • The brief is a guarantee of traffic or sales. We design for clarity and measure speed; we do not promise outcomes.

What you receive

What you get, and what moves the price.

  1. Deliverables

    Screens, and the system behind them.

    • The approved sitemap, page structure and key flows
    • Responsive interface design for every screen in scope
    • A working design system: colour, type, spacing and components as rules
    • Designs that pass to you with the code at the final payment
  2. Price and time

    Set by the screens and flows involved.

    • How many distinct screens and flows the scope holds
    • Whether brand assets and content are ready, or still to be made
    • How quickly each phase is reviewed, since the next one waits for your approval
    • Revision work beyond the 3 included revision rounds, billed at 800 EGP an hour
  3. What you provide

    Context, assets and decisions.

    • The goal, and the one action each page exists for
    • Your logo, colours and any brand rules you already use
    • Your copy and images, or a decision on who will produce them
    • One person who can approve each phase
  4. After launch

    The system stays usable.

    • New pages are built from the same rules, not redrawn from scratch
    • When we build it, a 30-day warranty covers critical fixes after launch
    • After that, changes run on a maintenance plan, are quoted one by one, or go to your own team

What it costs

Interface design · Per project, from the screens and flows involved

Scoped per project

Estimate your project

How it runs

Structure first, then the screens.

Design runs as the first three phases of the project process. Each one ends with something you approve before the next one starts.

  1. 01 — Discovery1 session

    The initial project consultation call covers the goal, the audience and what exists today. The proposal that follows fixes scope, price and timeline.

    Your part: The goal, your constraints and any brand assets you already use.

  2. 02 — Wireframe2 – 5 days

    The sitemap, page structure and key flows: where a visitor arrives, what they need, and where they decide.

    Your part: Approve the structure. No visual work starts before you do.

  3. 03 — Design2 – 7 days

    The full interface on that structure, with responsive layouts and 3 included revision rounds.

    Your part: Review the screens and approve the design. Development starts after your approval.

  4. 04 — Handover

    The approved screens and the design system behind them go to the build as the reference it is checked against.

    Your part: Nothing new. Questions about the design come back to the people who drew it.

How we design

Four rules every page is designed by.

  1. 01

    One screen, one job.

    Every page is built around the one action it exists for, mapped from where a visitor arrives to where they decide. Everything else on it either supports that action or leaves.

  2. 02

    Your identity, as a system.

    Colour, type and spacing become rules your team can extend — not a style that drifts the first time someone edits a page.

  3. 03

    Fast is a design decision.

    Every image, font and animation is weighed against load time before it ships. A beautiful screen that loads late is a screen nobody sees.

  4. 04

    Readable by everyone.

    WCAG 2.1 AA contrast and structure, checked in every language — a requirement of the design, not a fix after launch.

FAQ

Website and interface design questions

All questions

Next step

Start with the one action your site exists for.

Describe what the site or product has to make people do, and what exists today. We reply with the next step.