Full-stack developer · Front-end specialist · Jeddah

Design.Build.Ship. — Kamran Haider, UI/UX front-end developer and digital transformation manager

I'm Kamran, a UI/UX front-end developer, UX team lead and digital transformation manager. I build fast, accessible interfaces and the services behind them — from banking apps used by millions to self-service platforms that give teams their time back.

See the workGet in touch

01 · Design

Start with the people using it

Research, journeys and a design system before a single pixel is final.

02 · Build

Components that snap together

HTML, CSS and JavaScript, wired to real services in OutSystems and eBao.

03 · Ship

Released, then improved

Live on the App Store and Google Play, measured, and refined sprint by sprint.

I'm Kamran, a UI/UX front-end developer, UX team lead and digital transformation manager. I build fast, accessible interfaces and the services behind them — from banking apps used by millions to self-service platforms that give teams their time back.

See the workGet in touch
5Industry awards for the redesigned ANB mobile app
2Live iOS and Android apps shipped at Wataniya Insurance
24/7Self-service, with no staff needed for routine policy changes

Selected work

Products people use every day

Arab National Bank · 2020 – 2023

ANB Mobile

View case study

  1. Before

    A stack of cards you had to open

    The original home screen put every account in a card stack, with "click on card for details" as the only way in.

  2. Redesign

    Balance first, actions within reach

    One account up front, quick actions beneath it, transactions below, and a persistent bottom bar for transfers, bills and products.

  3. Redesign · v2

    Cards in a carousel, same quick actions

    The next iteration brought the cards back as a swipeable carousel while keeping the quick actions and transactions where people expect them.

The original ANB home screen: a stack of account cards with a "click on card for details" hintRedesigned ANB home screen with balance, quick actions, a Transactions tab and a bottom barSecond redesign of the ANB home screen with a card carousel, quick actions and recent transactions

Wataniya Insurance · 2023 – Present

Self-Service Portal

View case study

  1. Buy

    Start a quote in four fields

    Product tabs and a single quote form on the home page: ID, date of birth, car sequence and phone number.

  2. Buy

    Travel cover, one short form

    Each product gets its own focused landing page, with the form sitting right under the headline.

  3. Corporate

    Clear cover for business fleets

    Corporate products share the same layout, with tabs to move between fleet, third-party and traders cover.

  4. Claim

    Claims as a guided, stepped flow

    A progress list on the left and collapsible sections on the right keep a long claim form manageable.

  5. Arabic · RTL

    Fully right-to-left in Arabic

    The whole experience mirrors for Arabic: navigation, cards and forms, not just the text.

  6. Arabic · RTL

    Four steps from incident to claim

    Claim type, incident details, personal information and the incident record, one step at a time.

Wataniya home page with the headline "Invest in Your Peace of Mind" and a motor insurance quote formWataniya travel insurance page with a short quote form over a photo of a family at the airportWataniya corporate motor insurance page describing commercial fleet coverWataniya claim form asking whether the customer is a worker or an employer, with a six-step progress listArabic claims page listing claim types: motor, domestic workers, medical malpractice, travel and propertyArabic claim submission form, step 1 of 4, choosing the claim type

Front to back

One person from first workshop to shipped release

Front-end

  • HTML5
  • CSS3 / SCSS
  • JavaScript
  • Bootstrap 5
  • Tailwind CSS
  • SVG animation
  • Framework 7

Platforms & back-end

  • OutSystems
  • eBao
  • Node JS
  • Cordova
  • SharePoint Portal Server
  • Strapi · WordPress · DNN

Design & delivery

  • Figma
  • Adobe Creative Cloud
  • Design systems
  • iOS App Store
  • Google Play
  • Jira / Agile

Questions, answered

About Kamran Haider

Who is Kamran Haider?
Syed Kamran Haider is a UI/UX front-end developer and digital transformation manager based in Jeddah, Saudi Arabia. He has 20+ years of experience designing and building digital products for banks, insurers, government, retail and e-commerce.
What does a UI/UX front-end developer like Kamran do?
He covers the whole path from research and wireframes to design systems and production front-end code: HTML5, CSS3 and JavaScript, plus low-code delivery on OutSystems and native mobile apps for iOS and Android.
Is he a full-stack developer?
He works as a full-stack developer who specialises in front-end. He designs and builds the interface and works with the platforms behind it, including OutSystems, eBao insurance integrations, Node JS and Cordova.
Which projects is he best known for?
The redesigned ANB mobile banking app for Arab National Bank, now used by 2M+ customers and recognised with five industry awards, and the Wataniya Insurance self-service portal, the company’s first customer-facing digital platform.
Does he lead UX and design teams?
Yes. He is UI/UX & Front End Lead at Wataniya Insurance, owns design systems, and has mentored delivery teams across web, mobile, CMS and low-code platforms.
Where has he worked?
Wataniya Insurance in Jeddah (2023 to present), Arab National Bank in Riyadh (2020–2023), Riyadh Chamber of Commerce, Excellent Solutions and UXBERT in Riyadh, plus TechnoCart in Oxford and Grafton College in London, and earlier roles in Karachi.
How can I contact Kamran Haider?
Email kamran@dnngraphics.com, call +966 54 760 4962, or use the contact details on the CV page.

Recognition

Work that gets noticed

  • 2021Best Mobile Banking App, Saudi ArabiaGlobal Finance Magazine
  • 2021Best Digital Bank, Saudi ArabiaDigital Banker Awards
  • 2021–22Mobile Excellence AwardOutSystems Saudi Arabia Summit
  • 2022Best Mobile Application, Saudi ArabiaInternational Business Magazine
  • 2022Best SME Banking, Saudi ArabiaInternational Business Magazine

Have a product that should feel effortless?

Banking app, insurance portal or enterprise platform — let's make it clear, fast and human.

Send me an email