Zachery Ng

User Experience
Frontend Engineer

I'm a frontend developer and UX designer based in Singapore. I use React/Nextjs, Vue/Nuxtjs and Figma. I solve problems through a combination of understanding user needs and creating interfaces in design or code, or both.

Product/UX Design

Figma Dev Mode First Impressions Hero

Figma Dev Mode First Impressions • 2023

A product engineer’s first impression of Figma’s Dev Mode

RushTrail Hero

RushTrail • 2020

RushOwl is a startup that aims to bring the convenience of bus shuttle service to the masses.

sBox Hero

sBox • 2020

Secure File Manager UI Design

Sketch Prototyping with Fixed Elements Hero

Sketch Prototyping with Fixed Elements • 2019

Creating vertical scrolling prototype in Sketch with fixed elements

FrDancers Hero

FrDancers • 2019

Dance Video Platform App

SMUMods Hero

SMUMods • 2018

Personal group project for SMU students to review their Professors and modules

Frontend Development

Setting up a Multi-Themed Application Hero

Setting up a Multi-Themed Application • 2022

Uses TailwindCSS and Javascript (React) in this example

Spark Commodities Landing Site Hero

Spark Commodities Landing Site • 2021

Fast, responsive and performant SEO site built with NuxtJS using SSR and TailwindCSS

Nuxt with Animated on Scroll Hero

Nuxt with Animated on Scroll • 2020

Animated on Scroll (AOS) is a CSS library to animate elements on websites.

Nuxt with Tailwind CSS and UI Kit Hero

Nuxt with Tailwind CSS and UI Kit • 2020

Set up Vue Tailwind UI Kit in Nuxt along with Tailwind CSS, PostCSS and PurgeCSS.

Reassemble Hero

Reassemble • 2020

Reassemble is a UX Design Consultancy based in Singapore. I made for them a consumer facing website based on NuxtJS with Tailwind CSS, Animated on Scroll and Contentful integration.

Temple Cellars Hero

Temple Cellars • 2020

Redesigning an alcohol e-commerce with custom Vue Shopify theme

Shopify with VueJS - Sass - Theme Kit Hero

Shopify with VueJS - Sass - Theme Kit • 2020

Setup a Shopify custom theme using Vue.js and Sass with more control than Slater.

Slater and Custom Shopify Theme Hero

Slater and Custom Shopify Theme • 2020

How I setup Slater, and other tools I considered when researching on the tools to develop a custom Shopify storefront.

Other

Nimbus UAV Hero

Nimbus UAV • 2019

Graphics used for a drone company

Phoniksa III Hero

Phoniksa III • 2018

Branding materials for an Overseas Community Service Project in Hue, Vietnam

Metamorphosis College Camp Hero

Metamorphosis College Camp • 2017

This is part of the “Metamorphosis” illustrations that also contain Griffin, Kraken, Lycan and Chiron.