Home Work Design System Experience Skills & Tools About Contact / Hire Me
Senior UI/UX Designer · 8+ Years Experience

Crafting experiences
that users love
& teams trust.

I'm Muhammad Ammad — turning complex problems into clean, intuitive interfaces. I build design systems that scale and products that feel effortless.

8+
Years Experience
12+
Industries Served
200+
Components Built
5
Countries Worked
🎨 Design Systems
🎨 Mobile App Design
🎨 Website Design
🎨 SaaS Application Design
✦ Open to Work
8+ Years Experience
Muhammad Ammad

Brands I’ve designed for

RWG MobileTalk HomeNow MobileBookBetterPriseenBallarat Legal

Selected work

Case studies

All work
rwgmobile.wales
RWG Mobile Wales homepage
RWG Mobile Wales · Website, app & dashboard

RWG Mobile Wales

A UK SIM-only brand, designed end to end: live website, account dashboard and mobile app.

WebsiteDesign systemApp
View case study
talk-home.com
Talk Home Mobile homepage
Talk Home Mobile · Website, app & emails

Talk Home Mobile

Homepage redesigns, a customer dashboard, app onboarding and lifecycle emails for a UK MVNO.

RedesignAppDashboard
View case study
nowmobile.co.uk
Now Mobile homepage
Now Mobile · Website redesign

Now Mobile

Two bold directions for a Gen-Z pay-as-you-go brand: dark, electric green, built to convert.

RedesignLanding pageTelecom
View case study
majlis.com
Majlis homepage
Majlis · Interview task · Web & app

Majlis

A UI audit and homepage redesign for an Arabic-only community platform, on web and mobile, in 48 hours.

UX auditRedesignArabic / RTL
View case study
BookBetter homepage
BookBetter · Nimbus Consulting

BookBetter

A wellness and beauty booking platform: browse, compare and book services in a few taps.

Product designMarketplaceWeb
View case study

More work

Websites across industries

Click any design to view it full screen.
Ballarat Legal Resolution
Ballarat Legal ResolutionLaw firm website
Priseen
PriseenBusiness engagement landing page
Find a Co-Working Space
Find a Co-Working SpaceOffice booking website

Try it

Three telecom brands, one system mindset

Switch brands to see each design system’s colours and card style on the same component.

RWG Mobile Wales

Clean white cards on navy, with red reserved for actions and green for status.

Typeface: Poppins

Read the RWG case study

RWGPlansRoamingHelp
Pay as you go, your way
Popular
Plan name
Choose plan
Roaming
Travel add-on
See details

Same markup in every state. Only the brand’s tokens and its signature card style change. Click a colour to copy its hex.

How I work

Requirements first, pixels second

  1. Extract the briefGoal, audience, content, constraints, success criteria.
  2. Close the gapsOne clarifying question per gap.
  3. Write the design briefAgreed before any wireframe.
  4. Design and shipFigma to production-ready UI.

Hiring a product designer?

Open to UI/UX and Product Designer roles, remote or on-site in Islamabad.

More work

Other websites

Click a design to view it full screen.

Ballarat Legal Resolution
Ballarat Legal ResolutionLaw firm website
Priseen
PriseenBusiness engagement landing page
Find a Co-Working Space
Find a Co-Working SpaceOffice booking website

RWG Mobile Wales

Website, account dashboard and mobile app for a Welsh SIM-only brand, all built on a design system I created.

rwgmobile.wales
RWG Mobile Wales homepage
Role
Design system, UI/UX
Scope
Website, dashboard, app
Stack
Figma, Next.js
Year
2026
Visit live site ↗

Live website

Plans first: every plan visible on the homepage, with price and buy action on the right of each card.

rwgmobile.wales
Homepage: hero and plan list
Homepage: hero and plan list
Why switch: six benefits in a calm grid
Why switch: six benefits in a calm grid
Reviews on a bold red-to-green band
Reviews on a bold red-to-green band

Roaming

A destination picker up top, then simple setup steps for iPhone and Android.

Roaming: choose a destination
Roaming: choose a destination
Roaming: activation steps
Roaming: activation steps

Account dashboard

Balance, subscriptions and new deals on one screen after login.

Dashboard: balance, subscriptions and deals
Dashboard: balance, subscriptions and deals
Logged-in homepage: bundles for every lifestyle
Logged-in homepage: bundles for every lifestyle

Mobile app

The same system in the app: home, menu and account screens.

Home
Home
Menu
Menu
My account
My account
Edit profile
Edit profile

Transactional emails

Order, top-up and payment emails that match the website and app.

SIM order confirmation
SIM order confirmation
Top-up successful
Top-up successful
Card expiring soon
Card expiring soon

Design system

A full system I built in Claude Design from the RWG Brand Book: tokens, components and a website UI kit.

Source: RWG Brand Book V.02 · Poppins · 20+ components

Logo and mark
Logo and mark
Primary palette
Primary palette
Secondary palette
Secondary palette
Poppins: family and weights
Poppins: family and weights
Heading scale
Heading scale
Buttons, inputs and switches
Buttons, inputs and switches
Plan card component
Plan card component
Feature cards
Feature cards
Website UI kit, assembled entirely from the system’s components

Website UI kit, assembled entirely from the system’s components

Talk Home Mobile

Homepage redesigns, a customer dashboard, app onboarding and lifecycle emails for a UK pay-as-you-go brand.

talk-home.com
Talk Home Mobile homepage
Role
UI/UX, design system
Scope
Website, dashboard, app, email
Stack
Figma, HTML/CSS/JS
Year
2026
Visit live site ↗

Homepage directions

Compare the live homepage with two redesign concepts I designed.

Live site: 100GB for £10 hero
Live site: 100GB for £10 hero
Alpha: three ways to reach home, how it works, reviews
Alpha: three ways to reach home, how it works, reviews

Product pages

Each service gets its own page: mobile top-up, international calls and gift cards.

Mobile top-up by country
Mobile top-up by country
Cheap international calls
Cheap international calls
Gift cards
Gift cards

Live website

Plan cards with clear savings, plus an app download block.

12-month plans with ‘Extra data’ offers
12-month plans with ‘Extra data’ offers
App promotion and footer
App promotion and footer

Customer dashboard

Top-ups, bundles, calling rates and recent activity in one view.

Dashboard: balance, bundles, transactions
Dashboard: balance, bundles, transactions

App onboarding

Photo-led onboarding, then a fast path to the first top-up.

Stay close
Stay close
Affordable calls
Affordable calls
Top up 500+ networks
Top up 500+ networks
Call without limits
Call without limits
Simple and secure
Simple and secure
Bundles and credit
Bundles and credit
Choose an amount
Choose an amount
Credit selected
Credit selected
Calling rates
Calling rates

Design system

A full system I built in Claude Design from the Talk Home Brand Guidelines: tokens, components and UI kits.

Source: Talk Home Brand Guidelines 2021/22 · Poppins · light and dark themes

Logo on light and dark
Logo on light and dark
Primary: Sky Blue scale
Primary: Sky Blue scale
Navy and Lime
Navy and Lime
Poppins weights
Poppins weights
Display and headings
Display and headings
Buttons
Buttons
Cards, badges and avatars
Cards, badges and avatars
Forms
Forms
Talk Home Mobile web UI kit, built from the system’s components

Talk Home Mobile web UI kit, built from the system’s components

Lifecycle emails

Welcome, verification and receipt emails in the same visual language.

Welcome: verify email
Welcome: verify email
Email verified
Email verified
Mobile top-up receipt
Mobile top-up receipt
Account top-up receipt
Account top-up receipt
Gift card purchase
Gift card purchase

Now Mobile

A bolder, Gen-Z homepage for a UK pay-as-you-go brand, explored in two versions.

nowmobile.co.uk
Now Mobile homepage
Role
Redesign, UI design
Scope
Homepage, roaming page
Stack
Figma, Figma Make
Year
2026

Two directions

Switch between the two homepage versions I designed.

V1: ‘Mobile that’s always yours.’
V1: ‘Mobile that’s always yours.’

Plans and top-up

A data slider finds the right plan; quick amounts make top-up one tap.

Plan finder with data slider
Plan finder with data slider
Quick top-up amounts
Quick top-up amounts

Trust and app

Benefits, social proof and the app, in the same electric green.

Built different, stats and reviews
Built different, stats and reviews
App section and final call to action
App section and final call to action

Design system

Dark base, two greens, two typefaces.

Typefaces: Space Grotesk and Poppins.

Majlis

A UI audit and homepage redesign for an Arabic-only community platform where people join communities, post, vote and discuss.

majlis.com
Majlis homepage
Role
UI/UX Designer
Scope
Audit + homepage redesign
Platforms
Website and app
Tools
Figma
Timeline
48 hours
Visit live site ↗

The problem

The right features, but hard to use. The current product feels unfinished and tiring.

majlis.com
Before: the current Majlis website
Before: the current Majlis website
Before: the current app
Before: the current app

UI audit: seven findings

I reviewed the live website and app screen by screen and grouped the problems into seven findings.

1Web + AppIcon inconsistency

Thick and thin outlines, filled and outline styles mixed, and icons that don't match their meaning.

2Web + AppLogo used as the search icon

The search field shows the Majlis logo instead of a magnifier, so it doesn't read as search.

3WebSidebar collapse hides content

Collapsing the sidebar removes custom feeds, drafts and my communities completely.

4WebExtra scrollbar in latest posts

The latest posts panel scrolls inside itself, creating two scrollbars and trapping the mouse wheel.

5AppCreate post needs work

Wrong button label, a Post button that works when empty, and the bottom menu visible while writing.

6Web + AppFlat font hierarchy

Almost all text is dark and bold, so nothing stands out and every line has to be read.

7Web + AppWeak overall layout

No clear focus, posts start low on the page, and mixed container styles and spacing.

Process and principles

From audit to redesign in five steps, guided by five principles.

  1. ExploreUse the live website and app as a real user.
  2. AuditList every UI and UX issue and group them into findings.
  3. DefineSet design principles from the findings.
  4. RedesignRebuild the homepage for web and mobile.
  5. ReviewCheck the new design against each finding.
Content firstOne icon languageClear hierarchyNothing hidden or trappedOne product on web and app

A small visual system

Arabic type with a clear hierarchy, a calm green palette and one icon language.

أب
مجلس للنقاشPage title · 24 / Bold
مجلس للنقاشPost title · 18 / Semibold
مجلس للنقاشBody · 16 / Regular
مجلس للنقاشMeta · 13 / Regular

Typeface: Noto Sans Arabic · Regular, Semibold, Bold. Icons: one outline set, one stroke weight, filled only when active.

Website redesign

A calm homepage that puts posts first. Every change answers a finding.

majlis.com
Redesigned homepage
Redesigned homepage
  1. Search that looks like searchA magnifier replaces the logo; the logo stays in the corner.Fixes finding 2
  2. Sidebar with your communitiesCustom feeds, drafts and my communities are always one click away.Fixes finding 3
  3. Latest posts, no inner scrollA fixed list of posts, so only the page scrolls.Fixes finding 4
  4. Clear hierarchy on every postBold titles, grey meta and body, white cards with a vote column.Fixes finding 6, 7
  5. One outline icon setSame stroke and style everywhere; filled only when active.Fixes finding 1
majlis.com
Collapsed sidebar becomes an icon rail instead of disappearing
Collapsed sidebar becomes an icon rail instead of disappearing

Mobile redesign

The same system on the app homepage, from top to bottom.

Search and suggested communities
Search and suggested communities
Calm post cards
Calm post cards
Bottom bar with raised Create
Bottom bar with raised Create
  1. Logo back in the top barThe brand is visible on the first screen.
  2. Real search fieldFull width, with a magnifier, right under the header.
  3. Suggested communities as cardsAvatar, name and one clear Join button.
  4. Calm post cardsVotes, comments and share in one row.
  5. Bottom bar with CreateFive tabs, with Create raised in the middle.

Before and after

Switch between the old and new website, and compare the app side by side.

After: redesigned website
After: redesigned website
Before
Before
After
After

What I would design next

If selected for the role, the rest of the product follows the same system.

Create postFull-screen composer, post types, rules and drafts
Post & commentsReadable threads with clear vote and reply
ProfileStats, content tabs and a real empty state
Login & sign-upA clear reason to sign up, simpler forms

BookBetter

A wellness and beauty booking platform. I owned its UI/UX end to end at Nimbus Consulting.

BookBetter homepage
Role
Sr. UI/UX Designer
Scope
Customer website
Stack
Figma, prototyping
Year
2024–25

Customer homepage

Search by service, location and date sits at the top; below it, featured merchants, favourites and popular experts.

Featured merchants, favourites and popular experts
Featured merchants, favourites and popular experts

Browse and discover

Photo-led cards make services easy to compare at a glance.

Top picks: photo-led service cards
Top picks: photo-led service cards

Merchant and booking

Each salon gets a profile with services and team; booking is a calendar and time slots on one screen.

Merchant profile: services, team, location
Merchant profile: services, team, location
Service page: pick a store, date and time
Service page: pick a store, date and time

Mobile

The same flow, designed mobile-first.

Home
Home
Book a service
Book a service

My role

End-to-end UI/UX at Nimbus Consulting, from user flows to tested prototypes, with the Product Owner and a cross-functional team.

CompanyNimbus Consulting, USA
DurationMay 2024 – May 2025
WorkFlows, prototypes, usability testing

Design System · Tokens

Colour & Type Tokens

Tip: click any component on this page to see when to use it.

Primitive tokens that feed every component — one source of truth for colour, spacing, and typography, built for multi-brand scalability.

Colour palette
Accent
#2563EB
Accent Lt
#DBEAFE
Success
#16A34A
Warning
#D97706
Error
#DC2626
Violet
#7C3AED
Ink
#0F0F0F
Paper
#FAFAF8
Type scale
Display
70px · serif
Aa
Heading
28px · serif
Page Title
Body
15px · sans
Regular body copy goes here.
Caption
12px · sans
Helper text and captions
Mono
11px · mono
LABEL · TAG · CODE
Spacing & Radius tokens
4px
8px
12px
16px
24px
32px
48px
r-sm 4px
r-md 8px
r-lg 16px
r-full

Career

Professional Experience

8+ years delivering UI/UX design across UK, USA, UAE, and Pakistan — spanning product, agency, and startup environments.

Dec 2025 — Present
Current
Now Software (Pvt) Limited
UI/UX Designer
📍 United Kingdom · Full-time · On-site
  • Design and deliver end-to-end UI/UX solutions for software products serving UK-based clients.
  • Develop user flows, wireframes, and high-fidelity prototypes aligned with business goals and user needs.
  • Collaborate with product managers and developers to ensure seamless design-to-development handoff.
  • Conduct usability testing and incorporate feedback through iterative design improvements.
May 2025 — Dec 2025
Priseen
Senior UI/UX Designer
📍 United Arab Emirates · Part-time · Remote
  • Led UI/UX design for digital products, delivering high-fidelity designs for UAE-based clients.
  • Produced interactive prototypes and design systems ensuring brand consistency across all touchpoints.
  • Worked closely with product and engineering teams to translate user requirements into intuitive interfaces.
May 2024 — May 2025
Nimbus Consulting
Sr. UI/UX Designer
📍 Eagan, Minnesota, USA · Full-time · Hybrid
  • Translated concepts into user flows, wireframes, mockups, and interactive prototypes for the BookBetter product.
  • Collaborated with the Product Owner and cross-functional teams to identify design challenges and develop user-centred solutions.
  • Managed end-to-end UI/UX design for BookBetter while contributing to concurrent projects.
  • Ensured seamless user interactions by conducting usability research, testing, and iterative improvements.
Read the BookBetter case study
Jan 2023 — May 2024
Mob Inspire, Inc
Sr. UI/UX Designer
📍 Pakistan · Full-time · On-site
  • Translated concepts into user flows, wireframes, mockups, and prototypes for web and mobile products.
  • Collaborated with the product owner to identify design problems and devise elegant, scalable solutions.
  • Maintained design consistency through component libraries and design systems.
Aug 2020 — Jan 2023
HiveWorx Private Ltd
Lead UI/UX Designer
📍 Pakistan · Full-time · On-site
  • Led requirement gathering from business stakeholders and translated needs into wireframes, prototypes, and design deliverables.
  • Implemented design solutions for web platforms while maintaining strong product aesthetics.
  • Coordinated directly with development teams to ensure pixel-perfect implementation of design specifications.
Dec 2018 — Aug 2020
Next Generation Circle (NGEN)
Frontend & UI/UX Designer
📍 Peshawar, KPK, Pakistan · Full-time · On-site
  • Designed engaging and responsive landing pages from mockups through prototyping and wireframing.
  • Coordinated with developers on frontend implementation and contributed to graphics design deliverables.
Jul 2018 — Oct 2018
Premium Tobacco FZ LLC
Graphics & Packaging Designer
📍 Ras Al Khaimah, UAE · Contract · On-site
  • Designed product packaging, logos, brochures, flyers, banners, standees, and stationery for a UAE-based consumer goods brand.
Jan 2017 — Jul 2018
Pioneer 3D Studio
UI/UX Designer
📍 Pakistan · Full-time · On-site
  • Designed game user interfaces and assets including icons, screenshot compositions, and event branding materials.
  • Performed 3D model texturing and coordinated with game developers on asset integration.
Jan 2016 — Jan 2017
MG Business Network
Graphics & UI/UX Designer
📍 Pakistan · Full-time · On-site
  • Designed eBay seller HTML & CSS UI templates along with logos, brochures, flyers, banners, and stationery.

Education

Academic Background

🎓
Bachelor of Science in Computer Science
Brains Postgraduate College, Peshawar
Completed Dec 2015 · Peshawar, KPK

Capabilities

Skills & Tools

A complete toolkit built across 8+ years of professional practice — from research through to pixel-perfect delivery.

UX & Design

Skills marked ↗ open the projects where I used them.

User Experience Design Interaction Design Design Systems Component Libraries User Interface Design Prototyping Wireframing & Mockups Empathy Maps Affinity Diagrams Usability Research User Testing Web Design Mobile App Design Style Guides
Soft Skills
Cross-functional Collaboration Stakeholder Communication Design Leadership Problem Solving Agile / Scrum Workflows
Design Tools
Figma
Adobe XD
Zeplin
Illustrator
Photoshop
Premiere Rush
Fa
Fontastic
Development
🌐
HTML
🎨
CSS
⚡
Bootstrap
Proficiency levels
FigmaExpert
User Experience DesignExpert
Design SystemsExpert
Adobe XDAdvanced
HTML / CSSProficient
PrototypingExpert

About

Designer with a requirements analyst’s habits

I’m Muhammad Ammad, a UI/UX designer with more than eight years of experience across the UK, USA, UAE and Pakistan. I started out in graphic and frontend work, moved into UX, and now spend most of my time on design systems and product UI.

Lately my focus has been UK mobile brands (MVNOs) like Talk Home Mobile, Now Mobile and RWG Mobile Wales. Telecom sites look simple but carry a lot of detail: plans, roaming, top-ups, terms. That’s where a clear brief and a solid system pay off.

I don’t stop at Figma. I can build production-ready frontend components myself, and I use AI tools to speed up the repetitive parts of design while reviewing every output by hand.

Experience8+ years
FocusDesign systems, product UI
Looking forUI/UX or Product Designer roles
Work setupRemote, or on-site in Islamabad
MA
Muhammad Ammad
Senior UI/UX Designer
Open to work
📱
Phone
+92 321 9943774 · +92 335 1975521
🎨
🏀
📍
Location
Pakistan · Available remotely

Contact

Let’s talk

Hiring for a role or planning a project? Send a message and I’ll reply within 24 hours.

I’m getting in touch about