☰
[ Design ]UI/UX Design

UI/UX design that gives every screen a clear job.

Map the user task, test the flow and build a Figma system your team can extend. Take the design into development with us or keep the files and choose your own engineering team.

EngagementUI/UX Design
FormatProject
Timeline2-6 weeks
OwnershipYou own the files and accounts
Designers comparing layout options
Week 2 · page system review
Wireframes and a laptop on a desk
Design tools on a monitor
Templates per site 12-18CWV at launch Pass or we fix itLCP target ≤ 2.0sEditor training 90 minWhat every website project includes
Fit

Is this the right project for you?

Be honest here and we will be honest back. Half the companies that call us need a smaller project than they think.

Good fit if

  • Your users struggle to complete a clear task
  • You need a shared design system before development
  • You can give us access to users, analytics and a product owner

Not a fit if

  • You need visual polish without reviewing the flow
  • Nobody can approve product decisions
  • You need a finished application without a development scope
What you get

Deliverables you can open, not slides about them.

The design handoff records the agreed flows, components and states. Your team keeps the editable source and can take it into development with the engineers you choose.

Flow map

User journeys

The approved task sequence, role decisions and navigation paths.

Figma

Component system

Reusable components with the responsive and interaction states in the scope.

Prototype

Clickable flow

A linked design for reviewing the agreed journey before implementation.

Handoff notes

State inventory

Loading, empty, error, success and permission cases for the developer.

Redesign, before and after

Same company. Same content. Different outcome.

A labeled concept comparison shows how hierarchy changes the reading path. It is a design illustration, not a measured conversion result.

Northvale Dental Group site before the redesign
Before
Northvale Dental Group site after the redesign
After

Moto G Power · 4G · Lighthouse 12 · Oct 2026Illustrative comparison

How it works

Research, flows, interface and handoff: four approval gates.

You see work every week on a private portal. Nothing moves to the next phase without your sign-off.

Research, flows, interface and handoff: four approval gates.
CheckpointPhaseWhat happensYour effortGate
01ResearchMap tasks, constraints and available user evidenceShare access and product contextResearch scope approved
02FlowsWireframes, journeys and role decisionsReview the task sequenceFlows approved
03InterfaceFigma components, responsive layouts and interaction statesReview screens and statesDesign system approved
04HandoffPrototype review, state inventory and engineering notesApprove the files and open questionsHandoff accepted
User flows

Keep the interactions users already understand.

Review existing flows and keep the behaviors that still help users. Map changes to navigation, labels and component states before rebuilding the interface.

  • User tasks and journey map
  • Navigation and label decisions
  • Empty, loading and error states
Design handoff

A design system shared with your engineering team.

Your team approves the workflow and the state inventory. Developers receive a shared Figma system and the notes needed to implement it.

  • Figma source and components
  • Clickable prototype
  • Implementation notes
Design to build

A design handoff your engineers can inspect.

Review the Figma system with the people who will build it. The handoff names component rules, state behavior and open implementation questions.

A shared visual system

Typography, spacing and reusable controls are documented in the approved Figma file.

    The cases between the screens

    Empty, loading, error and permission states are mapped against the user task.

      A build your engineers can estimate

      Source files and implementation notes connect the design to the agreed delivery scope.

        Engagement models

        Three ways to scope it.

        Numbers arrive in the written proposal. Here is what each scope contains and what moves the price.

        Scope A · One journey

        A bounded user flow

        Schedule agreed after discovery
        • Task and role map
        • Wireframes and reviewed screens
        • Prototype and handoff notes
        Scope this design
        Scope B · Product system

        Flows and a shared component library

        Schedule agreed after discovery
        • Agreed product journeys
        • Figma components and states
        • Responsive patterns and prototype
        Get a design proposal
        Scope C · Design and implementation planning

        An engineering-ready handoff

        Schedule agreed after discovery
        • Approved design source
        • Role and state inventory
        • Build scope reviewed with your engineers
        Scope this design

        What changes the scope: user journeys, roles, screen states, research methods, review rounds and implementation support.

        From the founder
        Your website should look like the company your customers already think you are. That is the brief we design to.
        Raihanul RomanFounder & Design Director, W3Experts
        Guarantee6-12 wksFrom discovery to launch
        Guides

        Read before you brief us.

        Written for decision makers, tested by our engineers.

        Code on a dark screen

        414 Request-URI Too Large: what it means and how to fix it

        Find which server sent the 414 and stop the redirect or form that keeps growing the URL. Raise the nginx or Apache limit only for legitimate long URLs.

        Tested on nginx 1.30.6 and Apache 2.4.70 (Apache Lounge Win64 build) on Windows 10 Pro with a Node.js 22.23.4 backend, and WordPress 7.1.4 on PHP 8.3 in Playground, November 11, 2026

        How a UX audit works and what it should deliver

        The methods, inputs and deliverables of a UX audit, and how to tell a good one from an opinion. Includes a sample audit of our own project brief with 14 real findings.

        Tested on Production build of w3experts.com served locally, headless Chromium from Playwright 1.65.0 at 390 and 1440 pixels, axe-core 4.14.0 and Lighthouse 13.6.0, November 11, 2026

        How to prioritize UX audit findings

        Severity, effort, confidence, owner and acceptance criteria, plus a scoring rule anyone can repeat. Worked example: the 14 findings from our own sample audit.

        Tested on Findings from the sample audit of w3experts.com, run in headless Chromium from Playwright 1.65.0 at 390 and 1440 pixels on November 11, 2026

        Read our insights
        Sample handoff

        Flow map and component state inventory

        A sample design handoff connects each user task to its screens, components and error states. The project files include the editable Figma source, a clickable prototype and notes for the engineer.

        Sample · scope agreed before work starts

        Flow map and component state inventory

        A sample design handoff connects each user task to its screens, components and error states. The project files include the editable Figma source, a clickable prototype and notes for the engineer.

        You keep the agreed project files and source. This sample illustrates the handoff; it is not a client result.

        Questions

        UI/UX Design questions.

        What is included in a UI/UX design project?

        We agree on the flows, research, screens and states before work starts. The handoff includes Figma source files, reusable components, a prototype and implementation notes for the approved scope.

        Can you work with our current design system?

        Yes. We review the library, identify missing states and extend the components that still work. A replacement system is a separate decision, based on the gaps we find.

        Do you design mobile and desktop experiences?

        We define the devices and breakpoints during discovery. Responsive layouts, touch targets and content changes are included in the screen inventory rather than left for the developer to guess.

        How do you test a design before development?

        We review task flows against the brief and use the agreed research methods. Moderated user testing is scoped separately when recruitment, consent and participant access are needed.

        Can our own developers build the designs?

        Yes. Your engineers receive the source files, component specifications and state notes. We can review implementation questions or scope the development as a separate phase.

        How long does UI/UX design take?

        Design projects typically take two to six weeks. The proposal sets the schedule from the number of flows, review rounds, research tasks and the availability of your decision makers.

        Who owns the Figma files and research?

        You own the project files from day one. If you stop after design, you keep the Figma system, approved flows and research deliverables covered by the scope.

        What changes the price of UI/UX design?

        Screen count, user roles, research methods and component complexity affect the scope. We explain those choices in a written proposal after the discovery call.

        Next step

        Send the brief. Get a written proposal in five business days.

        1. 01 · TodayInstant confirmation and a booking link.
        2. 02 · 1 business dayA senior designer replies personally.
        3. 03 · 5 business daysFixed-scope proposal with timeline.