Skip to content

Interface and brand design

Interface design for the software we build and for yours, plus the brand and print work around it. Every engagement ends with source files you own and a guide that says how to use them.

Typical project: one to three weeks.

The kinds of work

Most projects are one of these. Some are two of them running together.

Interface design

Screens for web apps, dashboards and mobile. User flows first, then wireframes, then the high-fidelity file a developer builds from.

Brand identity

Logo, colour, type and the rules for using them, for the products we design or build. Delivered as a written guide.

Print design

Business cards, brochures and campaign collateral, set up in CMYK with bleed and crop marks so a Lahore press can run it.

Interfaces you can open right now

Bonnet.ai is a venture we co-own and build. We designed its interface and built it: a long brand run that shows which step it is on and can be stopped or rerun one step at a time. The Polaris screens shop staff use every trading day are ours too, and so is the site you are reading.

Read the write-ups

How a project runs

One to three weeks, depending on how many screens are in scope.

  1. 01

    Discovery

    We learn the brand, the audience and what the work has to achieve. We look at who you compete with and agree a direction before anyone opens Figma.

  2. 02

    Concepts

    Two to three directions, presented side by side. You pick one and we iterate on it. Rounds beyond that get quoted, so nobody is guessing at scope.

  3. 03

    Refinement

    The chosen direction gets finished: every screen or asset in scope, exported, documented and handed over so a developer can build it.

What you are handed

Handed over on the last day, so the next designer starts from your file.

  • Figma source filesOrganised layers, named components and variants. You own the file, so the next designer picks up where we stopped.
  • Style guideColour values, type scale, spacing and component usage, written down. The document that stops the design drifting in month four.
  • Asset librarySVG, PNG and PDF exports at the sizes you need, compressed for web and set up correctly for print.

What we work in

Standard tools, so the file you receive opens on any designer's machine.

The design tools we use, by stage
StageTools
Interface design and prototypingFigma
Graphics and printAdobe Illustrator, Photoshop

Work we are asked for most

Web and app interfaces
Full interface design for web applications, SaaS products and mobile apps: dashboards, admin panels, landing pages.
Brand identity systems
A visual identity you can hand to a printer, a developer or an agency without explaining it.
Marketing material
Campaign, social and presentation assets that stay recognisably yours across every channel.
Design systems
Component libraries and token definitions for teams shipping more than one product from the same shelf.

Questions we get asked

Send us the screens that are not working.

Show us the product or the brand as it stands and we will say what we would change and what it would take.

Book a call
First reply
same working day
Hours
Set to your time zone
Built in
Lahore, Pakistan
WhatsApp+92 335-0706014