Ibrahim Shahbaz.
ServicesWorkProcess
Hello!

I'm Ibrahim,Designer and Developer

Ibrahim Shahbaz

Now

Frontend developer and project manager at SKONZS, building an academic ERP.

10+

Projects live

Frontend and UI/UX designer

Start a projectSee the work

My services

Three things, done properly rather than five done thinly. Take one on its own or stack them into a single piece of work.

  • Interface design

    Screens, flows and the states nobody remembers to ask for, drawn in Figma on a component library that stays useful after handover.

    Put it on a scope
  • Website development

    React, Next.js and Tailwind, built to match the file rather than approximate it, and to hold up on a phone on a bad connection.

    Put it on a scope
  • Search visibility

    On page: structure, metadata, speed and content that answers what people actually type. Off page: the listings, profiles and links that point back at you.

    Put it on a scope

Easier to start with a message than a brief. Whichever of these you already have open is the right one.

  • LinkedIn
  • GitHub
  • WhatsApp
  • Email
  • Figma
  • HTML5
  • CSS
  • Sass
  • JavaScript
  • TypeScript
  • React
  • Tailwind CSS
  • Framer
  • Git
  • Figma
  • HTML5
  • CSS
  • Sass
  • JavaScript
  • TypeScript
  • React
  • Tailwind CSS
  • Framer
  • Git

Recent work

Each one started as a Figma file, went through client review, then shipped as a Next.js build. Every one is live.

  • Zarak Mushtaqzarakmushtaq.com
    Zarak Mushtaq
    Zarak Mushtaq
    Zarak Mushtaq
    Zarak Mushtaq
    Zarak Mushtaq
    Zarak Mushtaq
    Zarak Mushtaq
    Zarak Mushtaq
  • Kashan Iqbalkashaniqbal.com.pk
    Kashan Iqbal
    Kashan Iqbal
    Kashan Iqbal
    Kashan Iqbal
    Kashan Iqbal
    Kashan Iqbal
    Kashan Iqbal
    Kashan Iqbal
  • Shehroz Iqbalshehroziqbal.com
    Shehroz Iqbal
    Shehroz Iqbal
    Shehroz Iqbal
    Shehroz Iqbal
    Shehroz Iqbal
    Shehroz Iqbal
    Shehroz Iqbal
    Shehroz Iqbal
  • Fahad Munaf Parekhfahadmunafparekh.com
    Fahad Munaf Parekh
    Fahad Munaf Parekh
    Fahad Munaf Parekh
    Fahad Munaf Parekh
    Fahad Munaf Parekh
    Fahad Munaf Parekh
    Fahad Munaf Parekh
    Fahad Munaf Parekh

Build what you need

Stack the parts you want onto your product. Whatever you pick comes through with you when you message me, so the first reply can be about timelines rather than working out what you meant.

Pick what you need

Screens, flows and states, drawn as a component library you keep.

React, Next.js and Tailwind. Pixel accurate to the file, responsive across devices.

On page and off page, in from the first commit.

Timelines, scope and stakeholder updates, so it ships when it should.

All of it, designed, built, indexed and handed over on one schedule.

Your product

Nothing on it yet

How the work goes

01
Two people in conversation across a table, one listening

Discovery

I listen first.

Interviews, existing analytics, and a walk through the current flow. The constraint nobody wrote down usually decides the design, so I go looking for it before anything gets drawn.

02
Hand drawn wireframe layouts on paper beside a marker

Structure

I draw the map.

Flows and wireframes before pixels. Getting the information order right is most of the work, and at this stage it is still cheap to change your mind.

03
A designer working on a page layout across two monitors

Design

I build the system.

High fidelity in Figma, on tokens and components so the file stays honest as it grows. States and edge cases, not just the happy path.

04
Syntax highlighted code filling a screen

Build

I ship the code.

There is no handoff. I write the frontend myself in React and Next.js, so what ships matches the file and the motion feels the way it looked.

Made to be shown

You build, design, teach or repair. Sooner or later you have to show a client what that looks like and why it is worth it. I build the thing you show them.

The Zarak Mushtaq tutoring site, showing its home page
The Kashan Iqbal tutoring site, showing its home page
The Shehroz Iqbal tutoring site, showing its home page
The Fahad Munaf Parekh economics site, showing its home page

Live now ยท zarakmushtaq.com

  • I talk every client through my work from scratch.

    The page does that walk for you. Your work in a deliberate order, with the point you always make out loud already written beside it, so a client reaches the same understanding without you in the room.

  • My work looks worse on a screen than it does in real life.

    Photos and drawings stay sharp and full size, in the sequence you chose, on a page that opens properly on a phone in someone's hand. Nothing arrives compressed or out of order.

  • Clients do not see what they are paying for.

    So the site shows the work behind the price. What you do, in what order, and what they actually end up with, laid out before the money conversation starts.

  • Everything I produce lives on someone else's platform.

    Your channel, your feed and your listings can all point back to one place that is yours. The work stays where you put it, arranged the way you meant it.

Tell me what you are building

Start a projectibrahim.shahbaz@alpha.edu.pk0313 6973663

Ibrahim Shahbaz. Frontend and UI/UX designer.

  • LinkedIn
  • GitHub
  • WhatsApp