hi! i'm alwyn

i make elegant and performant software solutions

TypeScriptJavascript / Typescript
ShopifyShopify
ReactReact
Next.jsNext.js
Tailwind CSSTailwind CSS
ExpressExpress.js
HonoHono
Node.jsNode.js
cv
Alwyn WanAlwyn Wan

latest projects

Shake2Go Homepage

Homepage Overhaul

Shake2Go

I led the development of a complete homepage overhaul for Shake2Go, focusing on improving user engagement and conversion rates. The new design features a bold, modern aesthetic with explorative use of angled sections and tasteful animations.

The hero banner is the crown jewel of the redesign, featuring a dynamic, multi-layered animation where each ingredient piece is fully customisable in its anchor and position, as well as its random translation speed and magnitude. I managed to do this while maintaining perfect responsiveness at all screen sizes, where overlaid elements never interfere with the text content of the page.

The new homepage also scores well on performance metrics, with a Lighthouse score of 87/100 for performance, keeping in mind that no other site speed optimisations were made as part of this project.

ShopifyShopify
ViteVite
Fit Litter Subscriptions Page

Subscriptions Page Guided Experience

Fit Litter

I created a new subscriptions page for Fit Litter with a guided experience to help customers choose the right subscription plan for their needs. This page was built to reduce cognitive load during each step of the process, and was also designed to be extensible through a deep integration with Shopify's section blocks to define the content and layout of each step.

Shopify's Liquid engine handles theme and section settings, which are then passed into the Subscription Page React widget for rendering. This approach allows the merchant to update the subscription product offerings at any time without requiring a code change.

Additionally, upsell and cross-sell functionality was implemented to increase average order value and customer lifetime value. If at any point, the client wishes to not offer these options, they can be easily disabled by hiding those blocks in the Shopify theme editor.

ShopifyShopify
ViteVite
PostCSSPostCSS
ReactReact
TypeScriptTypeScript
Tailwind CSSTailwind CSS
Beauty Affairs Homepage

Website Enhancement and Maintenance

Beauty Affairs

I have been working with Beauty Affairs for over 2 years, helping them enhance their online presence through redeveloping legacy components to follow Shopify's Online Store 2.0 best practices.

This included leading a team to deliver a comprehensive redesign of their homepage, developing a highly-customisable mini-cart, and developing a custom calendar used for booking appointments for their Medispa services.

ShopifyShopify
PreactPreact
PostCSSPostCSS
ViteVite
GraphQLGraphQL
MailgunMailgun
HonoHono
CloudflareCloudflare Workers
ZapierZapier
Australian Sports Camps Homepage

Shopify Theme Development and Backend Integration

Australian Sports Camps

I developed a custom Shopify theme for Australian Sports Camps, along with a custom backend integration to manage camp bookings with their existing ecosystem.

The backend was built using TypeScript as an Express.js REST API, hosted on Google Cloud Run, and handles automated booking confirmations and reminders. Additionally, I created a custom Shopify app to assist the ASC team with internal admin tasks

ShopifyShopify
ReactReact
TypeScriptTypeScript
Tailwind CSSTailwind CSS
ExpressExpress.js
Google CloudGoogle Cloud Run
RemixRemix
ZapierZapier
MailgunMailgun
Austrack Campers Guided Selling

Guided Selling Tool & Product API Development

Austrack Campers

I built a Product API running on Cloudflare Workers with dynamic caching via Cloudflare D1 for Austrack Campers to serve structured data. This data was then used to power a guided selling experience for their customers.

WordPressWordpress
ReactReact
TypeScriptTypeScript
PostCSSPostCSS
ViteVite
HonoHono
CloudflareCloudflare Workers
CloudflareCloudflare D1
Honour Energy Homepage

Shopify Theme Development

Honour Energy

I built a custom Shopify theme for Honour Energy, a local solar battery installation and maintenance company. The site was developed with a focus on educating users on Honour Energy's current solutions.

ShopifyShopify
ViteVite
Nespresso AU/NZ Machine Quiz

Machine Quiz

Nespresso AU/NZ

A fun interactive quiz to help users find the perfect Nespresso machine for their needs. Leverages dynamic question weights to determine the user's best fit and full integration with Nespresso's internal APIs for product data.

Built using Preact, Vite, and TypeScript for optimal performance and developer experience.

PreactPreact
ViteVite