UI/UX expertise 📐
My core expertise lies in UI/UX design and HCI, with a proven track record of crafting user-centered experiences that are both beautiful and functional.
The DXC Bionix design systemHey there 👋 I'm a passionate UI/UX designer with a multifaceted background and a thirst for adventure and process optimization!
I've spent the past 15 years traversing the digital landscape, working across diverse industries like education, maritime, media, insurance, IT, and even agriculture, as a designer, as a developer, as a lecturer, and once as a stage manager.
Whether you're looking for a collaborator who can breathe life into your digital vision, or simply someone who'll bring a spark of creativity to your team, here are 8 reasons why working with me might just be the perfect fit.
15+
Years working
7y 3m
IT & web development
6y 8m
Education & mentoring
5y 6m
Enterprise environments
Cumulative years, counted from my CV. The overlaps are on purpose, most of those years wore two hats.
Work with me
Each one comes with something you can actually go and read.
Full-stack prowess 💻
I'm not just a designer; I'm also a developer with a solid foundation in Ruby on Rails and ReactJS. That lets me bridge design and development so your project comes together flawlessly.
The Hoojah projectMultimedia design 🎮
From animation and video editing to photography and sound design, I bring a diverse multimedia skillset. It's that extra layer of visual storytelling for your project.
Flip-down numbers & charactersEver-curious mind 🧠
A lifelong learner, constantly reading across science, digital technology, geology, history, philosophy and off-grid living. That perspective is what keeps the work fresh.
Of booksProblem-solving powerhouse ⚛️
I thrive on complex challenges. Website revamp, new app concept, interactive installation, a whole national communication framework. I like turning the vision into something real.
The FrameworkCollaborative spirit 🎯
I believe in the power of collaboration and love working closely with clients, stakeholders and team members so everyone's voice is heard and the final product exceeds expectations.
Mentoring 14 bootcamp intakesAdventurous soul ✈️
An aspiring digital nomad with a passion for nature and the outdoors. I embrace new challenges, because the best solutions often come from stepping outside our comfort zones.
Directing Orang KasarProduct-owner mindset 🧭
I don't just design screens, I own the outcome. I write the user stories, set the priorities, and keep design, QA and engineering all pointed the same way.
Day Food catalogueHow I work
Nothing exotic. Listen first, sketch early, test before anyone writes production code, and because I can build it too, the loop between design and shipped software is short.
%%{ init: { 'theme': 'base', 'themeVariables': { 'darkMode': false, 'fontFamily': 'Crimson Text, Georgia, serif', 'fontSize': '15px', 'primaryColor': '#F6F2E9', 'primaryTextColor': '#201A2B', 'primaryBorderColor': '#201A2B', 'lineColor': '#5B5566', 'secondaryColor': '#EAE6DD', 'tertiaryColor': '#ffffff' } } }%%
flowchart LR
A["Listen: requirement gathering"] --> B["Research users and domain"]
B --> C["Sketch journeys and wireframes"]
C --> D["Prototype in Figma"]
D --> E["Test with real users"]
E -- "what we learned" --> C
D --> F["Build with Rails or React"]
F --> G["Ship, measure, report"]
G -- "next iteration" --> B
Track record
Six industries, in roughly this order. Every jump taught me a vocabulary I still use.
%%{ init: { 'theme': 'base', 'themeVariables': { 'darkMode': false, 'fontFamily': 'Crimson Text, Georgia, serif', 'primaryColor': '#F6F2E9', 'primaryTextColor': '#201A2B', 'primaryBorderColor': '#201A2B', 'lineColor': '#5B5566', 'secondaryColor': '#EAE6DD', 'tertiaryColor': '#ffffff', 'fontSize': '15px', 'cScale0': '#E1F0E9', 'cScale1': '#E5E8F4', 'cScale2': '#F7E9D8', 'cScale3': '#E1F0E9', 'cScale4': '#E5E8F4', 'cScale5': '#F7E9D8', 'cScale6': '#E1F0E9', 'cScale7': '#E5E8F4', 'cScaleLabel0': '#201A2B', 'cScaleLabel1': '#201A2B', 'cScaleLabel2': '#201A2B', 'cScaleLabel3': '#201A2B', 'cScaleLabel4': '#201A2B', 'cScaleLabel5': '#201A2B', 'cScaleLabel6': '#201A2B', 'cScaleLabel7': '#201A2B' } } }%%
timeline
2007-2009 : Web and graphic design : Teras Solutions, MSC Management
2009-2012 : Maritime : Built two academies from the ground up
2012-2014 : Education : Lecturer at Universiti Tenaga Nasional
2015-2017 : Bootcamp mentor and Rails developer : NEXT Academy, 14 intakes
2018-2020 : Enterprise and media UX : DXC Technology, Rev Asia
2021-2023 : Banking and agritech UX : Affin Bank, Ace Resources
2024-now : Product ownership and freelance : Maxis Broadband, rudzainy.com
Selected roles
2024
Digital Product Owner · Maxis BroadbandOwned the Q3–Q4 roadmap and backlog, wrote the user stories, ran the research, kept QA, design and engineering pointed the same way.
2022 – 2023
Platform Designer · Ace Resources AdvisoryOne of six designers serving a palm-oil business group. Four requirement-gathering workshops, four shipped Figma prototypes: fruit-bunch grading, multispectral tree health, seed production, R&D.
2019 – 2020
UI/UX Designer · Rev AsiaRedesigned says.com from the ground up, with reader and writer experience research across a group of news portals.
2018 – 2019
UI/UX Designer · DXC TechnologyReported to the Director of Engineering. SaaS application UI, marketing-page concepts, and a design system reviewed by stakeholders across three regions.
2015 – 2017
Developer & Bootcamp Mentor · NEXT AcademyFourteen intakes of a nine-week Ruby, Rails, Sinatra and JavaScript bootcamp, plus building and maintaining the in-house Rails and ReactJS apps.
2012 – 2014
Lecturer · Universiti Tenaga NasionalC programming, web programming and multimedia for diploma and foundation classes. Wrote a new multimedia diploma programme for accreditation.
2009 – 2012
Business Development · Malaysia Maritime AssociationProject team that built maritime academies in Seri Manjung and Rawang from nothing: premises, Bomba certification, syllabus, day-to-day operations.
Eight earlier roles (helpdesk, factory floor, McDonald's kitchen), plus theatre, freelance and side projects, live in my full résumé.
Stack
One core discipline, two supporting ones. The supporting skills are why I rarely need to hand a problem to someone else.
%%{ init: { 'theme': 'base', 'themeVariables': { 'darkMode': false, 'fontFamily': 'Crimson Text, Georgia, serif', 'primaryColor': '#F6F2E9', 'primaryTextColor': '#201A2B', 'primaryBorderColor': '#201A2B', 'lineColor': '#5B5566', 'secondaryColor': '#EAE6DD', 'tertiaryColor': '#ffffff', 'fontSize': '15px' } } }%%
flowchart LR
R(("What I bring"))
subgraph CORE["CORE · HCI and UX design"]
direction TB
C1["Requirement gathering, research"]
C2["Wireframes, interaction, interface design"]
C3["Prototyping, journeys, user testing"]
C4["Figma, Adobe XD, Sketch, Illustrator"]
end
subgraph DEV["SUPPORTING · Web and mobile development"]
direction TB
S1["Ruby on Rails, Jekyll, Discourse"]
S2["ReactJS, NextJS, Stimulus, Express"]
S3["HTML, CSS, Bootstrap, Wordpress"]
end
subgraph MEDIA["SUPPORTING · IT and multimedia"]
direction TB
M1["Text, image, audio, video, animation"]
M2["Adobe suites, mobile photography"]
end
R --> CORE
R --> DEV
R --> MEDIA
The facts
Let's chat
If you're searching for a collaborator who is passionate, experienced and loves to push the boundaries, I'm eager to hear about your project and see how my diverse skillset and infectious enthusiasm can help you achieve your goals!
Thx bye 🤙