UI/UX Designer

Shahidatul
Hidayah

I design products that explain themselves, and I can build what I design.

Six months on Bank Islam's mobile banking app. Trained in human-centered computing. Based in Kuala Lumpur, available now.

See the work

Work

Case study 01 · Mobile product

Payungku

A savings app that tells you how much is safe to put aside this week, and shows its working. Taken from research to a tested prototype of more than 120 screens. Rated Excellent on the UEQ-S by 21 people.

  • Research
  • Product decisions
  • Prototype
  • User testing
  • Interface
  • Design system
View the case study
Why RM12? The balance, rent, phone bill and usual spending, taken away line by line.
Home. Total savings RM900, covered for 12 days, and one card: You can save RM12 this week.
RM12 saved. Covered for 12 days.

Brand at a glance

The Payungku app icon on a phone's home screen Payu, the app's mascot, smiling with a green tick A Payungku landing page in a browser window The brand colours: navy, indigo, lilac, sky and magenta The two typefaces, Poppins and Inter Rated 2.19 out of 3, Excellent, by 21 people

How Payungku was made

Process

  1. 01

    Discover

    16 apps

    136 journeys recorded, and two national surveys.
  2. 02

    Define

    3 people

    One weekly decision, and an amount that is safe.
  3. 03

    Design

    120+ screens

    The sum, the screens, and a system another designer can pick up.
  4. 04

    Prototype

    4 ways in

    Real behaviour: a PIN that fills as you tap, a code that arrives as a message.
  5. 05

    Test

    2.19 / 3

    21 people used it, then scored it. Rated Excellent.
Shahidatul Hidayah

About

A designer who reads the code.

I'm an early-career UI/UX designer. I spent six months with Bank Islam's Customer Experience team on the reskin of their mobile app, designing QR payment and transfer journeys and rebuilding parts of the design system in Figma.

I studied Computer Science, so I also write HTML, CSS, JavaScript and Flutter. I've taken a feature from research to a working app with a backend. It means my designs are buildable, and my handoffs are short.

I like the unglamorous parts: the error state, the empty state, the sentence that has to be understood in two seconds.

  1. 6 monthsinside a bank's product team
  2. 12banking apps benchmarked
  3. 30people interviewed or tested with
  4. 3.89CGPA, Dean's List every semester

Skills

Grouped by the kind of work

Research

  • Interviews
  • Benchmarking
  • Usability testing
  • UX audits

Design

  • User flows
  • Wireframes
  • High-fidelity UI
  • Design systems

Build

  • HTML and CSS
  • JavaScript
  • Flutter
  • PHP and MySQL

Tools

  • Figma
  • Canva
  • Mobbin
  • Pinterest
  • ChatGPT
  • Claude
  • Excel

Social media posters

Selected posts. Drag the row to look through them.

  • AGM poster
  • NestCrunch poster
  • Salam Aidiladha poster
  • Kutipan sumbangan poster
  • Kutipan sumbangan poster, second design
  • Study week poster
  • Media 2425 poster
  • Media 2425 poster, second design
  • Media 2425 poster, third design
  • Media 2425 poster, fourth design
  • Media 2425 poster, fifth design
  • Media 2425 poster, sixth design
  • Media 2425 poster, seventh design
  • Media 2425 poster, eighth design
  • Media 2425 poster, ninth design

Contact

Hiring a junior designer? Let's talk.

hfshahidatul.uum@gmail.com