Field manual · DesignService · 03Designing products since 2013

Interfaces that feel obvious—not obviously designed.

Research, wireframes, visual systems, usability testing. The four-phase design discipline behind every product we ship. Design is how it works, not how it looks.

★★★★★   4.9 / 5 from 100+ reviews   ·   Figma files delivered with handoff specs

  • 01

    Research before pixels

    Interviews. Competitive teardowns. Workflow shadowing. We design for users you can name, not personas you imagined.

  • 02

    Systems, not screens

    Component libraries, tokens, type scale, motion rules. So your fifty future screens stay coherent without daily design oversight.

  • 03

    Usability is a number

    Five-user tests. Recorded sessions. Heatmaps when it matters. Every shipped design has measured task-completion data.

FigmaFigJamAdobe XDMazeUserTestingLottiePrincipleWCAG AAFigmaFigJamAdobe XDMazeUserTestingLottiePrincipleWCAG AA
300+
Apps designed
5
Designers on staff
4
Phases per project
2013
First design shipped
Chapter01
Phase 01 · Research

Research & discovery

Interviews, competitive analysis, workflow shadowing. The work that prevents redesign-six-months-later.

  • User interviews
  • Competitive analysis
  • JTBD
  • Personas

We start by understanding the user you actually have, not the one in your pitch deck. Five to twelve interviews, recorded, transcribed.

Competitive teardowns: what your users currently do and where they stop. Workflow shadowing: what they do *around* your product.

  • 01User interviews (5–12 sessions)
  • 02Competitive analysis
  • 03Workflow shadowing
  • 04Persona sketches (low-fi)
  • 05Jobs-to-be-done framing
  • 06Quant data review (if you have it)
Talk to research lead →
UX research phase
FIG. 01Research & discovery — production sheet
Chapter02
Phase 02 · Wireframes

Wireframes & IA

Low-fidelity, fast iterations. Decide what the product *is* before deciding what it looks like.

  • Figma
  • FigJam
  • Whimsical
  • Low-fi

Wireframes in Figma, deliberately ugly. The point is to argue about flow, not gradient choices.

Information architecture, navigation patterns, content hierarchy — locked in before any visual work starts.

  • 01Information architecture
  • 02User flow diagrams
  • 03Low-fidelity wireframes
  • 04Navigation patterns
  • 05Content hierarchy
  • 06Edge case mapping
Talk to product designer →
Wireframes phase
FIG. 02Wireframes & IA — production sheet
Chapter03
Phase 03 · Visual design

Visual design

Type, colour, motion, components. The design system gets built here — not the screens.

  • Figma
  • Design tokens
  • WCAG AA
  • Components

We build the design system first — tokens, scale, components — then assemble screens from the system. Result: fifty screens that look like one product.

Light + dark themes baked in from day one. Accessibility checks (contrast, font sizing) are pre-launch criteria, not afterthoughts.

  • 01Design tokens & themes
  • 02Component library
  • 03Type & colour scales
  • 04Iconography
  • 05Motion guidelines
  • 06Light + dark mode
  • 07WCAG contrast checks
Talk to design lead →
Visual design phase
FIG. 03Visual design — production sheet
Chapter04
Phase 04 · Usability testing

Usability testing

Real users, recorded sessions, measurable task completion. The number that tells you the design works.

  • Maze
  • UserTesting
  • Lookback
  • Hotjar

Five-user tests catch 85% of usability issues. We run them at the prototype stage — not after launch.

Task-completion rate, time-on-task, error rate. We hand you the numbers and the recordings, then we fix what we found.

  • 01Five-user usability tests
  • 02Recorded session playback
  • 03Task completion metrics
  • 04Heatmaps where useful
  • 05Design iteration cycles
  • 06Handoff specs to engineering
Talk to UX lead →
Usability testing phase
FIG. 04Usability testing — production sheet
How we deliver

Four phases from brief to handoff.

Same process every project. Each phase has clear exit criteria. Skip none.
1

Research

Interviews, competitive review, JTBD framing.

2

Wireframes

Low-fi flow + IA. We argue flow, not pixels.

3

Visual

Design system + screens assembled from the system.

4

Testing

Five-user tests. Iterate. Hand off to engineering.

Why this team

Reasons design clients cite back to us.

From the last 20 founders we designed for. Verbatim, abridged.
  1. 01Discipline

    Four-phase rigour. Nobody skips research because the deadline is tight.

  2. 02Systems

    Components and tokens delivered, not just screens. Your next designer can extend.

  3. 03Tooling

    Figma fluent. Variables, auto-layout, prototypes. Handoff specs that engineers can build from.

  4. 04Accessibility

    WCAG AA contrast and font sizing baked in. Not a retrofit.

  5. 05Brand

    We respect your brand if you have one. We build one with you if you don't.

  6. 06Iteration

    Three rounds of revision per phase, included. Most projects use one.

  7. 07Handoff

    Spec sheets, component docs, motion videos. Engineering doesn't reverse-engineer your designs.

Industries we've designed for

Design that holds up in regulated industries.

Healthcare, fintech, education — the industries where bad UX has compliance consequences.
  • Media
  • Fintech
  • Bank
  • Startup
  • Sport
  • Agedcare
  • Healthcare
  • E-commerce
  • Travel
  • Education
  • Fitness
  • Real estate
  • Pharmaceutical
  • Retail
  • Logistic
  • Industry 4.0
Common questions

Questions before the call.

If yours isn't here, ask — usually answered same day.
Do you only design, or also build?+

We do both. Same team, same process. Design-only engagements deliver Figma files plus handoff specs to your engineers.

What's your design process?+

Four phases: research, wireframes, visual, usability testing. Each phase has clear exit criteria and a deliverable you sign off.

Which design tools do you use?+

Figma for design, FigJam for whiteboarding, Maze/UserTesting for usability, Lottie for motion. We adapt to your team's tools if you have an established stack.

How long does a design project take?+

A focused MVP design: 3-5 weeks. A multi-screen product with a full design system: 8-12 weeks. We'll give you a real date on the call.

Do you handle branding?+

Light branding (palette, type, logo refresh): yes. Full brand identity: we partner with a brand studio. We'll tell you which path your project needs.

Available for new clients · Q1 2026

Need design
that actually works?

30-min call. We scope your project, give you a fixed price and a date.

Ready to Kick-Off a New Project?

We are committed to providing our clients with the top solutions through global business ventures.

    Trusted Clients

    iTechNotion-client-logo
    iTechNotion-client-review

    " They accepted a huge challenge and exceeded it. We're all better because they did. "

    - Bill Crose Founder & CEO, Adyton
    iTechNotion-client-review

    " The Leave and Attendance Management project has been a great value for our money. "

    - GoPaL Prajapati Chief Project Manager, DB Corp Ltd (Dainik Bhaskar)
    iTechNotion-client-review

    " Very Pleased with app development! highly recommended services! "

    - Joey Wargachuk App Development
    iTechNotion-client-review

    " Highly recommend for web development, apps, e-commerce, database management, etc. very reliable A+++ "

    - Tony eCommerce site
    iTechNotion-client-review

    " Avkash and his team at iTechNotion have done a great job developing our app and we are pleased enough to continue working with them to develop of our remaining applications. "

    - Selwyn IOS app development
    iTechNotion-client-review

    " Very good work again. I recommended this great professional and excellent provider. The communication is very good. Is my partner from Portugal and a member that i want in my team of www.toranjadesign.com my company. "

    - Amvidigal Android TV Launcher App
    iTechNotion-client-review

    " Hired team for few tasks in last 2-3 years. Prompt reply, top notch service and affordable quotes. They even went extra mile to deliver tasks which were not their responsibility. "

    - Manish Dedicated Resources Hiring (Canada)

    100% confidential and secure