Here are the projects I've created since starting my web development and design journey:


Image preview of the Gapyearly branding guide.

Gapyearly Branding Guide

Adobe Illustrator

Created for a gap year community to support content creation and strengthen branding consistency. Includes brand personality, logos, colour palette, fonts, and usage guidelines for each.

Image preview of Tumblr theme coded by Arlene Wang.

Tumblr Theme

jQuery | CSS3 | HTML5 | Adobe XD

Minimalist, playing card-inspired theme using Salvattore grid layout. Customizable accent color.

Image preview of the HTML Technical Documentation project.

JFJ Business Page

CSS3 | HTML5 | Adobe XD

Sample product landing page with a branded look. Passes freeCodeCamp "Product Landing Page" project user tests as part of the Responsive Web Design Certification.

Image preview of the JFJ Order Form project.

JFJ Order Form

CSS3 | HTML5

Sample order form with various form elements. Passes freeCodeCamp "Survey Form" project user tests as part of the Responsive Web Design Certification.

Image preview of the HTML Technical Documentation project.

HTML Technical Documentation

CSS3 | HTML5

Includes responsive, fixed navbar. Passes freeCodeCamp "Technical Documentation" project user tests as part of the Responsive Web Design Certification.

Arlene Wang full logo

Personal Branding Guide

Adobe Illustrator

Created for personal brand. Includes colours, fonts, logo, and branding assets.

A heart-shaped back-to-top button. Back to top