Howard Yam, UI/UX Designer & Frontend Engineer Portfolio
Selected Side Projects
OCEN Brand Identity & System
A complete brand identity and guideline system designed for my future agency concept.
View Project ↗
Portfolio Redesign & Engineering
Rebuilding my personal website from Framer to custom Next.js for speed, fluid motion, and real case studies.
View Project ↗
Hologram
An interactive visual lab featuring WebGL card shaders and reactive UI physics built with AI.
View Project ↗
Slider Interaction Design
A vertical slider prototype designed to feel natural to use with one thumb on mobile screens.
View Project ↗
Bounshy
Playful kinetic typography with spring physics, glitches, and particle effects reacting to your cursor.
View Project ↗Services & Capabilities
UI/UX & Interactive Prototyping
I map user journeys, plan page architecture, and build tactile prototypes before designing visuals.
Frontend Development (Next.js & React)
I turn design systems and complex interfaces into fast, accessible Next.js web applications with clean code.
Brand Identity & Visual Systems
I craft comprehensive visual identities, logo guidelines, typography hierarchies, and scalable digital systems.
Creative Motion
I build playful kinetic typography, smooth interactive transitions, and reactive cursor micro-interactions.
How I Deliver
Understand and Plan
I start by understanding your product goals and who will use it. We map out the main pages and structure the user flow so everything feels intuitive before designing any visual screens.
Page layouts, user journey map, project timeline
Design the Interface
I create the full visual design in Figma. I set up clean typography, colors, and layout styles that fit your brand, making sure every screen looks sharp on both desktop and mobile.
Desktop and mobile screens, clickable preview
Build and Handoff
I turn the approved designs into a fast, responsive website on your preferred platform, whether that is Framer, Next.js, Shopify, WordPress, or custom code. If you already have your own engineering team, I organize the Figma files with clear notes so your developers can build it without confusion.
Live working website or developer ready Figma files
Frequently Asked Questions
We start with a 30-minute discovery call or a brief review of your goals to explore your product vision, required deliverables, and timeline. Within 24-48 hours, I prepare a clear scope proposal with fixed milestones and transparent pricing.
Timelines depend on the scope and tools needed. A high-converting landing page or interactive prototype designed in Figma and built in Framer typically ships within 1 to 2 weeks. A full web application requiring comprehensive Figma design systems, multiple user flows, and Next.js frontend handoff generally takes 3 to 4 weeks.
I cover the full spectrum from concept to code. Depending on your needs, I design comprehensive systems in Figma, build live interactive prototypes or websites in Framer, and engineer production-grade Next.js web applications with clean code.
I work on fixed-price project milestones with clear deliverables and transparent pricing. Standard payment is structured as a 50% upfront deposit to secure the sprint and 50% upon final completion. Every project includes up to 3 rounds of revisions to refine the details. Any additional revision rounds after that are billed at an agreed extra rate.
Based in Malaysia (UTC+8), I collaborate seamlessly with founders and product teams across North America, Europe, and Asia-Pacific. I share walkthroughs and progress updates through Loom videos, Figma comments, and Google Meet check-in calls.
Every project includes 14 days of post-handoff support where I help your developers with implementation, review staging builds, or resolve design questions. Extended maintenance retainers are also available for ongoing product iterations.
“ Beyond interface design, I help shape the ideas, systems, and details that make digital products feel clear, human, and worth returning to. As a UI/UX Designer and Frontend Engineer based in Malaysia, I specialize in crafting bespoke Next.js web applications, creative interactions, and brand concepts. I turn rough concepts into thoughtful visual directions, refine brand language, build expressive prototypes, create motion that gives interfaces rhythm, and connect every small interaction into a larger experience. My approach sits between design and experimentation: I question what feels generic, remove template clutter, and look for unexpected choices that give a product its own authentic voice.