Creative, Innovative, User-friendly

I design & build Digital Applications

User Interface, User Experience, Human-Computer Interaction, Design System, Atomic Design Methodology, Wireframe, Wireflow, Informational Architecture, Digital Product Design, Computational Design, Digital Fabrication, Interaction Design, Heuristic Analysis, User-centered Design, Usability Testing, Graphic Design, Mobile Application, iOS, Android, Web-based Application, Responsive Web, Material Design, Mobile Commerce, Branding, CI, BI, Multimedia, GUI, Interactive Design

View Selected Works About Me

HTML5 Tailwind Three.js GSAP UI/UX Brand

Highlights

A mouse-reactive 3D wave + particles in the background. Sections rise in with a soft fade/slide on scroll. The name headline animates character-by-character.

Focus

UX · Motion · Brand

Style

Neon Cyberpunk

Strength

Systems + Craft

Build

Fast & Clean

Tip: Just replace “Your Name”, swap work cards, and tweak skill values/tags to personalize.

About Me

Short and strong—what I do, and how I approach problems.

I combine design systems with motion craft to build experiences users can *feel*. Not too much—just enough to be memorable.

Design Systems Interaction Prototyping Front-end Collaboration

Approach

Clarity → Motion → Delight

First: simplify information and hierarchy. Next: add rhythm with scroll and micro-interactions. Finally: layer in light and texture for emotion.

Tools

Tailwind · Three.js · GSAP

From rapid prototypes to production-ready builds, I reduce the gap between design and code while protecting brand quality.

Selected Works

Card gallery + hover zoom + smooth entrance motion.

Product Brand Web

Case Study

Immersive Landing

Interaction-first hero with a storytelling section structure.

UI Motion 3D

Dashboard

Design System

Token and component architecture for consistent UI operations.

System Figma Docs

Brand

Brand Refresh

Upgraded brand sensibility with typography, color, and motion guidelines.

Identity Guideline Motion

Skills

Progress bars with a neon glow.

UI/UX Design95%

Motion (GSAP)88%

Front-end (HTML/CSS)85%

3D / WebGL (Three.js)70%

Keywords

Swap keywords based on the project—an easy way to express your unique skill set.

Design Systems Prototyping Micro-interactions UX Writing Brand Identity Accessibility Responsive Performance Storytelling

Contact

Open to collaboration, hiring, or project inquiries. Replace the details below with your own.

Email: hoyong@skyface.com

Portfolio: https://skyface.com