
I’m a designer/engineer with a strong grasp of prototyping and front-end development. I'm obsessed with crafting simple, meaningful user experiences.
















Projects
Jon Yuen
Responsive website design and development for an independent trainer and movement coach.
Nodal App
A social media platform that brings together physical practitioners and their communities.
Stoic. App
Adding a feature to the mental health tracker’s journaling experience.
Stack
-
Figma
Design Tool
Figma is a collaborative design tool that allows users to create, share, and test designs for digital products and experiences.
-
Javascript
Programming Language
Bringing websites to life.
-
HTML
Markup Language
The backbone of the web.
-
CSS
Style Sheet Language
CSS defines how elements are positioned and displayed on a webpage.
-
Git
Version Control System
Git is a distributed version control system that allows multiple developers to work on the same codebase simultaneously.
-
VS Code
Code Editor
Visual Studio Code (VS Code) is a source-code editor developed by Microsoft for Windows, Linux, and macOS
-
Figma
Design Tool
Figma is a collaborative design tool that allows users to create, share, and test designs for digital products and experiences.
-
Javascript
Programming Language
Bringing websites to life.
-
HTML
Markup Language
The backbone of the web.
-
CSS
Style Sheet Language
CSS defines how elements are positioned and displayed on a webpage.
-
Git
Version Control System
Git is a distributed version control system that allows multiple developers to work on the same codebase simultaneously.
-
VS Code
Code Editor
Visual Studio Code (VS Code) is a source-code editor developed by Microsoft for Windows, Linux, and macOS