SmartLink
Web design & development

UI UX design services in Pakistan: cost, duration and research

UI UX design services in Pakistan are quoted across a very wide range, because the word design covers two different purchases: a set of attractive screens, and the work that decides what should be on them. SmartLink Services does the second kind from Karachi, in Figma, through interviews, journey mapping, annotated wireframes, high fidelity screens for every state and a prototype your developers can click through. Accessibility is settled in the design file against WCAG 2.1 AA rather than audited after launch. Below is what the work costs at market rates, how long a design stage actually runs, and whether to begin with research or with the interface.

Stages
Research \u00b7 wireframe \u00b7 UI
Output
Design system & specs
Testing
Clickable prototype
Overview

Design is where the arguments happen, while they are still cheap.

Most interface work that goes wrong went wrong before anyone opened a design tool. The brief describes a homepage rather than a job somebody is trying to finish, the review meeting turns into a discussion about colour, and the underlying question of what a visitor came to do never gets settled. By the time that question surfaces again it is a development ticket, and it is no longer cheap. Design is the stage where those arguments are supposed to happen, which means it has to start with research rather than a mood board.

We begin with the people who already know the answers: the sales team fielding the same three questions, the support inbox, the analytics for the site you already run. Interviews and existing behaviour give us the journeys worth designing for. Information architecture comes next, then low fidelity wireframes that are deliberately plain, because a grey box invites comment on structure in a way a finished screen does not. Visual design starts once the structure has been agreed by the people who have to live with it.

Accessibility is treated as a build requirement from the wireframe onward rather than an audit at the end. Contrast, focus order, target size, error messaging and form labelling are decided in the design file, where changing them costs an afternoon. The output is a set of high fidelity screens covering every state a developer will encounter, a clickable prototype for walkthroughs, and documented components and tokens. A developer should be able to build from it without inventing spacing values or guessing what happens when a field is empty.

Scope

What UX & UI design covers

Everything below is agreed in writing before any web & digital work starts, so both sides know what is in and what is not.

What the work covers

  • Stakeholder and user interviews, plus review of existing analytics
  • Information architecture and journey mapping per user type
  • Low-fidelity wireframes reviewed before visual design
  • High-fidelity interface design across breakpoints
  • Clickable prototype for usability walkthroughs
  • Accessibility review against WCAG AA contrast and focus rules

What you get at handover

  • Journey maps and information architecture
  • Wireframe set with annotations
  • High-fidelity screens for every state
  • Clickable prototype
  • Component and token documentation

Typically involves

Figma Design tokens Prototyping WCAG AA Analytics review
Discuss this service
01

Why the wireframe review is the cheapest argument you will have

A wireframe review looks like a formality and is usually the most valuable hour of the project. Stakeholders who have not agreed on priority discover it in front of a grey layout, which is far better than discovering it in front of a finished visual design that somebody has already fallen in love with. The conversation is about what goes first, what earns its place on the page, and what can be cut. Structural decisions taken here cost minutes. The same decisions taken after build cost a sprint.

Keeping the fidelity low is a deliberate tactic. Give people rounded corners, photography and brand colour and they will comment on the photography. Give them boxes and labels and they comment on the order, the labels and the missing step. We annotate wireframes with the question each screen answers and the action it is trying to produce, so the review has a criterion. Screens that cannot state their purpose in a sentence are usually the ones that get quietly dropped, which is the outcome we want.

Prototypes come after the structure is settled, not instead of it. A clickable prototype in the hands of five people who match your actual audience will find flaws that a room of internal stakeholders cannot, because internal stakeholders already know how the business works. We watch rather than ask, note where people hesitate, and change the flow before it becomes code. Where research budget is genuinely not available we say so plainly and design against documented assumptions, listing them so they can be tested later.

  • Journeys built from interviews, support enquiries and existing analytics rather than assumption
  • Grey box wireframes reviewed and agreed before any visual design begins
  • An annotation on every screen stating the question it answers and the action it invites
  • Prototype walkthroughs with people who resemble the audience, not only internal stakeholders
  • Assumptions written down and dated wherever research was not possible
02

Accessibility to WCAG 2.1 AA decided in the design file

Accessibility fails most often as a retrofit. A site is built, an audit arrives, and the findings are colour contrast on the brand palette, focus states that were never drawn, form fields labelled by placeholder text and a carousel that cannot be operated from a keyboard. Every one of those is a design decision made months earlier. Fixing them late means revisiting the palette, the component library and the markup at once, which is why the audit report so often ends up filed rather than actioned.

Treating WCAG 2.1 AA as a build requirement changes when the decisions get made. Contrast ratios are checked while the palette is being chosen, so a brand colour that cannot carry body text is discovered before it appears on forty screens. Focus indicators are drawn as part of every interactive component. Labels sit above fields rather than inside them. Error messages state what to do rather than only what went wrong, and they are associated with the field in the markup, not merely placed next to it.

Not everything can be solved in a design tool, and we are direct about that. Reading order, landmark structure, announcements for content that changes without a page load and keyboard traps are properties of the implementation, so they get tested with a keyboard and a screen reader during build rather than at handover. Automated checking catches a useful fraction of issues and misses the ones that matter most, so it supplements manual testing rather than replacing it.

  • Contrast checked against WCAG 2.1 AA while the palette is chosen, not after launch
  • Visible focus indicators drawn for every interactive component and state
  • Form labels, error text and required field indication specified in the design
  • Keyboard and screen reader testing during development rather than at handover
  • Automated checks used alongside manual testing, never in place of it
01

What UI UX design costs in Pakistan

Almost nobody in this market publishes a figure for design on its own, which is the first thing worth knowing when comparing two quotations. Design is usually folded into a build price, so the honest way to compare is to ask each supplier what share of the number is design and what that share buys. A business website is published at PKR 80,000 to 200,000 in total, and a custom web application at PKR 200,000 to 1,000,000 and upwards, so design as a separately commissioned stage sits somewhere inside those envelopes rather than beside them.

Where design is bought by itself, hourly rates are the comparable measure. Junior work in this market is quoted at PKR 500 to 1,000 an hour and full stack work at PKR 3,500 to 8,000, with senior specialists at the top of that band. Interface design for an enterprise application belongs near the senior end, and production of additional screens from an agreed system does not, which is why an honest quotation separates the two rather than averaging them.

What moves a design number is not the screen count. User types come first, since a portal serving customers, dealers and internal staff is three journeys with three sets of permissions and three sets of empty states. Research depth is second: eight user interviews and a review of existing analytics is a different commitment from a workshop with three managers. States are third, and they are the ones missing from cheap quotations. Loading, empty, error, no permission, partially filled, offline, four hundred rows and one row. Breakpoints are fourth, because a design agreed on a laptop and handed over without the phone layout drawn simply moves the decision to a developer at eleven at night. A documented component set costs more than a set of screens and pays for itself the moment a second team touches the product. Everything here is market pricing. A real figure follows discovery, once the user types, the research depth and the deliverable list are agreed.

  • Design separated out of a bundled build price so two quotations can be compared
  • User types counted rather than screens, since each one carries its own journey
  • Every screen state drawn, including error, empty, no permission and partial
  • Breakpoints agreed up front rather than left to a developer at midnight
  • Component documentation quoted as a deliverable in its own right
02

How long a design stage takes

Reported delivery timelines here give six to twelve weeks for a focused single scope go live, and a design stage is a fraction of that rather than the whole of it. A marketing site with an agreed page set can be researched, wireframed and designed inside three to four weeks. An enterprise application with several user types, a permission model and a real component set belongs in the six to twelve week band on its own, before a line of production code exists.

Access to actual users decides the pace more than the drawing does. Interviews with eight dealers require eight dealers who answer the phone, and the finance manager whose approval screen you are redesigning has a month end. We schedule research around the business rather than the sprint, because interviews compressed into one afternoon produce polite answers rather than useful ones.

Review cycles are the second variable and the one clients control. A named decision maker who can approve wireframes in two working days will halve the calendar against a committee that meets fortnightly. We ask in the first meeting who that person is, and we say plainly what moves if the answer is nobody.

Content is the third. Real product names, real prices, real error messages: a design filled with placeholder text hides every layout problem that matters, and those problems surface in the build where they cost several times more to solve. Ask for the longest product name you actually sell and design against that, not against a convenient one.

Where a design stage runs alongside a build rather than ahead of it, the sequence matters more than the total. Wireframes for the first release go first, the component set follows, and the screens nobody sees until month three are drawn while development is already moving. That keeps designers ahead of developers without asking anybody to guess.

  • Three to four weeks realistic for a marketing site design with an agreed page set
  • Six to twelve weeks for an application with several user types and a component set
  • Research interviews booked around the business calendar rather than the sprint
  • One named approver for wireframes, with a stated turnaround
  • Real content used in the design so layout problems surface before the build
03

Starting with research or starting with the design

Both routes are defensible and the wrong one is expensive in a way that shows up late. Research first means interviews, a look at what the analytics already say, journeys mapped per user type, and a wireframe review before anybody chooses a colour. Design first means going straight to the interface on the strength of what the business already believes, then testing that belief on a prototype. The second is faster and cheaper right up to the point where it is wrong.

Skipping formal research is reasonable more often than a design agency will admit. A five page company site with one contact form does not need eight interviews. A pattern used by every serious competitor in your sector, a checkout flow, a login screen: these are solved problems, and re-deriving them from first principles is an expensive way to arrive at what everyone else already does. Where the audience is well understood and the interface is conventional, go to wireframes and test with a prototype instead.

Research earns its cost where the requirement is contested or invisible. A portal replacing a spreadsheet that three people maintain differently. An internal application where every department describes the process another way and all three descriptions are partly right. A product entering a market nobody in the room belongs to. In those cases the money spent on interviews is not spent on design at all, it is spent on avoiding a build of the wrong thing, and we have watched a fortnight of interviews remove a third of a proposed scope because nobody actually did the step it was for.

A note about the analytics you already have. Most organisations we meet are sitting on months of data telling them which pages people leave, which form field they abandon and what they searched for and did not find. Reading that costs almost nothing and sharpens every interview afterwards. So the honest sequence for most projects is not one route or the other. It is a short look at the evidence you own, interviews only where the answer is genuinely unknown, then wireframes early enough that being wrong is still cheap.

  • Existing analytics read first, since the evidence is already paid for
  • Interviews commissioned where the requirement is contested or unobserved
  • Conventional patterns adopted rather than re-derived from first principles
  • Wireframes reviewed before visual design, which is the cheapest place to be wrong
  • A prototype tested with people who do the work rather than with their managers
How we deliver

Delivering UX & UI design

Nothing is drawn until we know what the existing site has already earned. The six steps below start with an audit and end with a maintenance schedule, because that is where sites are actually lost.

  1. 01

    Discover

    Every existing URL is crawled and matched against analytics, so we know which pages earn traffic and which have never been read. Content owners are named in the same week, with dates attached.

  2. 02

    Blueprint

    Address structure, the content model and the authorisation rules for any signed in area come first. Wireframes follow, and the redirect map from old URLs to new is drafted before a template is designed.

  3. 03

    Build

    Components are built once and reused, to WCAG 2.1 AA, with content areas that an editor can change without a developer. Portal screens are wired to the source system, not to a copied database.

  4. 04

    Test

    Keyboard navigation, screen reader order, form labelling and contrast are checked against the standard, not assumed. Checkout is tested with a real payment provider in test mode, including a declined card.

  5. 05

    Go live

    Redirects go live with the site, and we watch server logs and search console for the ones we missed. Certificate, domain and analytics property are checked as a list, in your accounts.

  6. 06

    Run

    Framework and plugin updates go on a schedule, staged before production. Uptime monitoring requests a page that exercises the database, because a site can answer and still be broken where it counts.

Working together

Design that survives contact with the build

The measure of an interface design is not the presentation. It is what happens six weeks into development, when a developer hits a case the file did not cover. If the answer is in the specification, the build stays consistent. If the answer is a guess, the product starts drifting from the design on the day work begins, and no amount of polish at the end recovers it.

That is why the work described here front loads the boring parts: research before layout, structure before visual design, accessibility before audit, states before handover. It is not a longer process than the alternative. It simply moves the difficult conversations to the point where changing your mind costs an afternoon rather than a release.

Credentials

Accreditations behind Web & digital

A portal is only as good as the system behind it, so these credentials describe what our web work reads from and runs on.

Client words

What Web & digital clients say

Comments from people who run web & digital systems day to day.

  • They wrote our requirement documentation knowing it had to survive a tender committee, and they were direct when one of our requirements could only be met by a single supplier. We would not have caught that ourselves. The audit trail design has since been through a full review without a finding.
    IT Director Public sector authority
  • Our first concern with FBR integration was simple: what happens to the tills when the line drops. They built the queueing and retry before anything else and demonstrated it by pulling the connection in front of us. Trading carried on, and the invoices went up when the link came back.
    Operations Manager Retail chain, Pakistan
  • Every vendor we spoke to said they could handle style, colour and size. This team asked to see our order book first, then told us which of the shortlisted platforms would need thousands of item codes to do it. That one piece of advice probably saved us a year.
    General Manager Textile exporter
Questions

Questions about UX & UI design

Design is rarely priced on its own here, so compare hourly rates and the deliverable list. Full stack and senior specialist work is quoted at PKR 3,500 to 8,000 an hour and junior work at PKR 500 to 1,000. For context, a whole business website is published at PKR 80,000 to 200,000 and a custom web application at PKR 200,000 to 1,000,000 and upwards. We quote after discovery.

A marketing site design with an agreed page set takes three to four weeks. An application with several user types, a permission model and a documented component set sits in the six to twelve week band that reported timelines give for a focused scope. Availability of real users for interviews and the speed of your wireframe approvals move that date more than the drawing does.

We can, and we are equally happy handing the design to your own developers or to another agency. The handover is built for that: screens for every state, spacing and type as tokens, components documented with their behaviour, and a prototype to check an interaction against. A design that only works if we build it is a commercial arrangement rather than a design.

Yes, and it is often the cheapest thing a product team can buy. We walk the real journeys with real accounts, check the flows against your analytics, review contrast, keyboard operation and focus order against WCAG 2.1 AA, and hand back a prioritised list with the evidence for each item. What we do not do is promise a conversion outcome from a redesign.

Journey maps and information architecture, an annotated wireframe set, high fidelity screens covering every state and breakpoint, a clickable prototype, and documentation of the components and tokens. The files are yours in Figma with editing rights, not a set of exported images. Anything we could not resolve is written down as an open question rather than quietly left out.

Yes, on a named basis with agreed days and a defined scope of work. It suits a product team that has its own direction and needs capacity rather than advice. We ask for one point of contact and a decision maker, because a designer embedded in a team with no approver produces revisions instead of progress.

Starting a build and want the thinking done first?

Tell us what you run today and where ux & ui design is causing you trouble. The first conversation is a consultation rather than a pitch.