Get in touch
HomeAboutWorkServicesMentorshipContactGet in touch

I learned to build before I learned to design.

Zair Abbas, UX/UI designer based in Karachi, Pakistan, seated in a black chair against a plain cream backdrop, chin resting on his hand

Now I build products with AI.

UX/UI and AI product designer in Karachi, Pakistan. 20 years designing and shipping products for global brands and startups.

A short film: Zair gets up from his chair, gets into a time machine, sets the date from 2026 to 2006 and drives back to meet himself at his first desk.

A short film: Zair gets up from his chair, gets into a time machine, sets the date from 2026 to 2006 and drives back to meet himself at his first desk.

Skip the trip

I started by building it myself.

  • HTMLMarkup
  • CSSLayout
  • PHPMy own CMS
  • WordPressCustom themes
Zair in 2006, smiling at his office desk beside a CRT monitor

I like figuring out how things work. That never changed.

Then I learned to design.

Career timeline

  1. 2006BuildWeb designer and developer, Creative Chaos
  2. 2011DesignSenior UX designer and team lead, Creative Chaos
  3. 2014LeadWeb development manager, Creative Chaos
  4. 2017 · 2018EntrepreneurshipCTO, Jambro · Co-founder, Grocode
  5. 2021ProductPrincipal product designer, Creative Chaos
  6. 2026Build againBack to shipping my own products
  7. NowAIDesigning and building with AI

Brands

That led to work at a pretty wide range of scale.

  • McDonald's
  • Coke Studio
  • Coca-Cola
  • Luminopia
  • McQueens Flowers
  • Maersk
  • Toyota
  • Unilever
  • Jazz
  • PayFast
  • Sehat Kahani
  • OPTP
  • Engro
  • SadaPay
  • eBay
  • Groupon
  • XStak
  • & many more

Brands people know, at home and around the world.

Selected work

Three chapters of the work.

Build

calog.cc

An AI calorie tracker for desi food that I designed, built and shipped solo.

Case study →

Complexity

Luminopia

A new parent app and a redesigned in-headset VR experience for an FDA-authorized therapy for children. I led two designers.

Case study →

Scale

McDonald's Restaurant Technology Hub

A members-only hub inside McDonald's intranet that turns technical release notes into something franchise owners read. Shipped on Unily CMS.

Case study →

How I work

Every screen starts as a decision.

  1. EmpathizeUnderstand the users and the business.
  2. DefineFrame the problem clearly.
  3. IdeateExplore solutions together, with engineering and product.
  4. DesignFlows, prototypes and design systems in Figma.
  5. TestValidate with real users and stakeholders.
  6. DeliverStay close to developers through handoff.
  7. Lead & reflectMentor designers, run critiques, keep improving the process.

Figma

Every file gets the same structure, so developers never have to guess.

But I never stopped wanting to build.

The pages panel of Zair's McDonald's Figma file: templates, branding, research, discovery, drafts, design dump, archive and cover, with the screen canvas beside it
The McDonald's file: templates, branding, research, drafts, archive, cover.

After years of designing other people's products...

I started building again.

calog.cc, the product I built

I built an AI product around a simple rule:

AI should ask when it isn't sure.

140+ registered users.

  1. You describe a meal in plain words, desi food included.
  2. The AI reads it and scores how sure it is. If it's confident, it logs.
  3. When it isn't sure, confidence lands below 0.7.
  4. So it asks. A review card comes up instead of a silent guess.
  5. You confirm or correct. Then it's logged.
calog.cc logging a food photo of a chicken sandwich, salad and chai, marked 90% confident and logged calog.cc at 50% confidence: it could not identify the food clearly and asks the user to edit the portion before logging
Confidence … Reading the mealSure: loggedNot sure: asks you

Services

How I can help.

Pick the role you need. I've played all of them.

  • Designer
  • Strategist
  • Developer Webflow and AI
  • Mentor
  1. Consulting

    Product direction, design reviews and the hard calls. I look at what you have and help you decide what to do next.

  2. Projects

    Design and build, start to finish: product design in Figma, Webflow sites, and AI-powered products.

  3. Retainer

    An ongoing product partner. Design, build and advice when you need it, month to month.

Get in touch

Hiring for a senior product role? That's a conversation too.

Zair relaxing in a leather armchair by the studio windows, coffee in hand

Don’t take my word for it.

LinkedIn
“Whenever Zair has said ‘Don’t worry’ it has been that way.”
Sardar Mohkim KhanWorked with me, 2023
LinkedIn

“A problem solver… always ready to put in the hard work.”

Shakir HusainManaged me, 2018
ADPList

“An exceptional designer, leader and mentor.”

Camie WongMentee, 2024
LinkedIn

“The only benchmark I see around him is himself.”

Rumaisa ReemClient, 2010
Zair and three others in front of a presentation screen after a workshop at Habib University
SessionsHabib University
ADPList

“Extremely knowledgeable on the subject of UI/UX.”

Ali SaqibMentee, 2024
LinkedIn

“One of the best guys to learn from and work with.”

Shahzad KhanReported to me, 2009
LinkedIn

“All of them have been completed on time.”

Ali InamWorked with me, 2015
ADPList

“His authority in the field truly shines through.”

Farhan KhanMentee, 2023

Learning

Figma to Webflow

InterviewBuilding calog.cc with AI

Zair speaking into a microphone at a podium, a Figma user flow on the screen behind him
On stageTalks on Figma
LinkedIn

“A unique and irreplaceable contribution to the team.”

Maryam Bandukda, PhDManaged me, 2009
ADPList

“He even explained using real world examples.”

Amrita AlexMentee, 2023
LinkedIn

“I learned a great deal from Zair.”

Abdul Qadir MohiuddinWorked with me, 2010
LinkedIn

“A man of protocols.”

Sameer ul Haque SiddiquiWorked with me, 2009
LinkedIn

“He doesn’t need guidance.”

Muhammad NawazSenior colleague, 2009

Health. Family. Growth.

Life pillars I work on every day.

Zair's Mi Fitness workout summary from the gym: 1 hour 29 minutes of indoor fitness
1 Active every day. Music, movement and travel keep me balanced.
Zair with his family in the snow, mountains behind them
2 My anchor and my biggest inspiration.
Zair at his desk with a microphone, recording
3 Always sharpening my skills and taking on the next challenge.
Close-up portrait of Zair in his studio, looking at the camera

20 years in.Still building.

I design. I build. I lead.

Looking for the next thing worth building.

150+ clients50+ team members hired and managed5+ startups