Frontend Engineer | UI Motion Lover

Designing expressive interfaces for the Web 3.0 era.

I help product teams craft emotional, future-proof web experiences by blending systematic thinking, visual storytelling, and high-performance CSS motion. Every release balances speed, accessibility, and brand charisma.

  • Design System Strategist
  • UX Motion Storyteller
  • Hybrid Web 3.0 Advocate
Explore case studies Book a coffee chat
18+
High fidelity prototypes
12
Shipped digital products
3
Hackathon podiums
Ha Ngoc Hieu leading a design workshop
Facilitating a motion design masterclass, 2025.
About

Pixel precision meets human-centered storytelling.

I am a fourth-year Computer Science student based in Ho Chi Minh City. My focus is frontend engineering and UI/UX, with a mission to build emotionally resonant interfaces powered by sustainable design systems and pure CSS transitions.

Design principles

  • Define scalable tokens and components that stay consistent across platforms.
  • Introduce CSS motion as a narrative device while protecting performance budgets.
  • Design for inclusivity first, meeting WCAG 2.2 AA accessibility benchmarks.

Current focus

Building design systems for EdTech and HealthTech startups, mentoring student teams, and leading workshops on multi-platform design with Figma, Penpot, and native CSS.

  • #DesignSystem
  • #CSSAnimation
  • #UXResearch
  • #InclusiveDesign
Journey

Milestones that shaped my craft.

From freelance redesigns and hackathons to startup collaborations, I continuously explore how frontend engineering, UX research, and design ops blend into a delightful digital journey.

2025

Lead UI, Eduloom real-time learning platform

Shipped an interactive classroom experience, formalized a design token architecture, and brought initial load time down to 1.8 seconds.

  • Design system
  • Accessibility
  • SSR layout
2024

Top 5, Figma Hackathon Southeast Asia

Designed an adaptive classroom dashboard with synchronized experiences from desktop to wearables and conversational agents.

  • UX writing
  • Micro-interactions
  • Design ops
2023

Frontend intern, Finverse fintech suite

Implemented atomic design patterns within an admin dashboard, elevating Lighthouse performance from 76 to 94.

  • Semantic HTML
  • SCSS architecture
  • Data viz
2022

Freelance UI designer

Helped local businesses reboot their online presence with modern funnels, improving conversion rates by an average of 32%.

  • Brand refresh
  • Responsive layout
  • Prototype
Skills

Core strengths and favorite tools.

I craft UI systems that are fast, expressive, and ready to scale. Every component focuses on storytelling, motion clarity, and measurable outcomes.

Interface architecture

Responsive layouts with CSS Grid/Flexbox, modular components, and token-driven theming.

  • Multi-axis grid layouts
  • Design tokens and theming
  • Documentation-first approach

Motion and micro-interactions

Create CSS-driven micro-interactions, 3D transforms, and scroll storytelling with accessibility fallbacks.

  • Motion language
  • Scroll choreography
  • Preference-aware UI

Research and validation

Define product KPIs, run usability tests, and iterate using both qualitative and quantitative insight.

  • UX audits
  • Prototype testing
  • Analytics handshake

Languages & technologies

  • HTML5
  • CSS3 / Sass
  • Tailwind utility setup
  • Component-driven CSS
  • Responsive design
  • Design tokens

Tools I enjoy

  • Figma
  • Penpot
  • Framer
  • VS Code
  • Notion
  • Spline
Projects

Selected work shaping meaningful experiences.

Each case study traces a clear path from user pain points to measurable outcomes. Tap any card to see more context.

2025 Case study

Personal portfolio 2.0

Web 3.0 inspired single-page portfolio with dark mode, CSS-only motion, and a 40% longer dwell time.

  • HTML5
  • CSS animations
  • Design system
Request the prototype
2024 Product

Expense management dashboard

Track income, spending, and savings with real-time visualizations and keyboard-first navigation.

  • Design ops
  • Data visualization
  • Responsive
View on GitHub
2024 UX revamp

Mother & baby ecommerce

Reimagined a family-focused store with behavior-based product curation and higher conversion funnels.

  • User research
  • Content design
  • A/B testing
Request a summary
Library

Snapshots from workshops, research, and creative play.

A visual archive of collaboration moments, from whiteboard synthesis to community talks and weekend experiments.

Sharing interface design insights during an internal workshop
Internal workshop: codifying design tokens for a SaaS analytics suite.
UX research notes on a whiteboard
UX research roundup synthesizing insight from the first 28 pilot users.
Discussing product roadmap with teammates
Collaborative design and engineering session for personalized learning journeys.
Community talk on CSS storytelling
Community talk for Frontend Vietnam about CSS storytelling and motion systems.
Book a session

Pick a time and share the context you want to explore.

Drop a quick note with your availability and goals. I will reply within 24 hours with a calendar invite or a few alternative time slots that match your schedule.

What we can cover

  • UX audits for existing products
  • Interface & brand refresh roadmaps
  • Design-to-code handoff consultations
  • Career conversation & mentorship

Preferred time windows

Mon – Fri · 9:00 – 21:00 ICT
Sat · 10:00 – 16:00 ICT

Gui bieu mau se mo email tren thiet bi cua ban voi thong tin duoc dien san. Kiem tra lai noi dung truoc khi gui.

Contact

Let us build the next chapter together.

If you are searching for a frontend partner who cares about UX metrics and visual storytelling, drop a line or reach out on your favorite platform.

Prefer talking in person? I keep slots open for quick Google Meet sessions or an in-person coffee in Binh Thanh District.