# Howard Yam

> Portfolio and technical profile of Howard Yam, UI/UX Designer and Frontend Engineer based in Miri, Sarawak, Malaysia. Specializing in high-performance Next.js web applications, bespoke Framer prototypes, kinetic typography, and AI-assisted software engineering.

## Key Facts

- Location: Miri, Sarawak, Malaysia
- Primary Roles: UI/UX Designer, Frontend Engineer, AI Solution Engineer
- Core Stack: Next.js (App Router), React, Framer, CSS Modules, Three.js, WebGL, Node.js
- Experience: Academy of Artificial Intelligence (Junior AI Solution Engineer), Imedia Enterprise (Software Development Intern)
- Portfolio Website: https://howardportfolio.vercel.app
- Contact: https://howardportfolio.vercel.app/contact
- LinkedIn: https://www.linkedin.com/in/howard-y-5bb9a4243/
- X (Twitter): https://x.com/scorpian1031

## Featured Case Studies

- [OCEN Brand Identity and System](https://howardportfolio.vercel.app/projects/ocen): Complete brand identity manual, ocean wave pictorial mark, typography hierarchy in Fraunces, and multi-platform social asset system for an upcoming design agency.
- [Portfolio Redesign and Engineering](https://howardportfolio.vercel.app/projects/revamp-my-website): Custom Next.js 16 web application migrated from Framer, achieving 80%+ payload reductions with custom cursor mechanics and frosted glass layouts.
- [Hologram Interactive Shaders](https://howardportfolio.vercel.app/projects/hologram): Sandbox of 225+ interactive WebGL shaders and UI cards built with AI code generation and real-time parameter tuning.
- [Bounshy Kinetic Typography](https://howardportfolio.vercel.app/projects/bounshy): Interactive showcase exploring spring physics, shake intensity, glitch layers, and particle emission text effects.
- [Control Slider Interaction Design](https://howardportfolio.vercel.app/projects/slider-interaction-design): Vertical ergonomics throttle prototype for touchscreen interfaces with 5 themed visualizers.

## Professional Services & Capabilities

- [UI/UX Interface Design](https://howardportfolio.vercel.app/projects): Ergonomic, responsive web and mobile application design with custom design systems.
- [Framer to Next.js Migration](https://howardportfolio.vercel.app/abouthoward): Converting visual no-code Framer websites into production-grade, SEO-optimized React and Next.js codebases.
- [AI Workflow Engineering](https://howardportfolio.vercel.app/abouthoward): Leveraging LLMs and CLI tools for rapid prototyping, shader math, and frontend implementation.

## Optional

- [About Howard](https://howardportfolio.vercel.app/abouthoward): Detailed background, career journey, internship experience, and design philosophy.
- [Contact Page](https://howardportfolio.vercel.app/contact): Direct 30-minute call scheduling and inquiry channels.