# Vaclock v2 — CodebyLiam

Source: https://codebyliam.com/portfolio/vaclock-v2/

[← All work](https://codebyliam.com/portfolio/work/)

fullstack· 2026

# Vaclock v2

Vaclock brand site redesign on v2.vaclock.com.au — modern SvelteKit storefront for the vacuum-storage product line in the NewstyleDirect portfolio. Replaces the earlier vaclock.com.au WordPress presence with faster product education pages and a cleaner path to purchase.

Lead developer

[Visit live site](https://v2.vaclock.com.au/)

[![Vaclock v2 illustrative product cover](https://codebyliam.com/portfolio/projects/vaclock-v2-product-cover.webp)](https://codebyliam.com/portfolio/projects/vaclock-v2-product-cover.webp)

Illustrative cover artwork. Original product screenshots appear below.

## Technology

- SvelteKit

- TypeScript

- Tailwind CSS

- Vite

## The problem

Vaclock shoppers research suction specs and use cases before buying, but the legacy WordPress site split editorial content and product detail across heavy templates. Mobile performance and campaign landing updates were slow for a single-SKU brand that still shares ops tooling with NewstyleDirect. The brand needed a focused v2 experience without rebuilding the entire multi-site WooCommerce stack.

## The solution

Delivered v2.vaclock.com.au as a dedicated redesign — typed SvelteKit routes, Tailwind layout, and product-led storytelling aligned with sibling NewstyleDirect v2 work. The release keeps Vaclock as its own slug while sharing engineering patterns with the main NSD storefront refresh. Original vaclock.com.au remains documented as the WordPress baseline; v2 is the public redesign recruiters and buyers should evaluate first.

## Screenshots

- [![Vaclock v2 homepage with Keep it Fresh hero for clinicians](https://codebyliam.com/portfolio/projects/vaclock-v2-home.webp)](https://codebyliam.com/portfolio/projects/vaclock-v2-home.webp)

Clinicians homepage — Keep it Fresh hero and primary navigation

- [![Vaclock v2 Top Sellers product carousel](https://codebyliam.com/portfolio/projects/vaclock-v2-top-sellers.webp)](https://codebyliam.com/portfolio/projects/vaclock-v2-top-sellers.webp)

Top Sellers carousel for quick product discovery

- [![Vaclock v2 How Vaclock Works three-step section](https://codebyliam.com/portfolio/projects/vaclock-v2-how-it-works.webp)](https://codebyliam.com/portfolio/projects/vaclock-v2-how-it-works.webp)

How Vaclock Works — three-step product education

- [![Vaclock v2 shop grid with eleven products](https://codebyliam.com/portfolio/projects/vaclock-v2-shop.webp)](https://codebyliam.com/portfolio/projects/vaclock-v2-shop.webp)

Shop catalog grid with filters and product cards

- [![Vaclock v2 four-step visual guide Prepare Seal Preserve Enjoy](https://codebyliam.com/portfolio/projects/vaclock-v2-guide.webp)](https://codebyliam.com/portfolio/projects/vaclock-v2-guide.webp)

Prepare → Seal → Preserve → Enjoy visual usage guide

- [![Vaclock v2 Goin Off Grid campaign hero](https://codebyliam.com/portfolio/projects/vaclock-v2-goin-off-grid.webp)](https://codebyliam.com/portfolio/projects/vaclock-v2-goin-off-grid.webp)

Goin Off Grid campaign hero variant

[← NewstyleDirect v2](https://codebyliam.com/portfolio/newstyledirect-v2/) [EasyBill →](https://codebyliam.com/portfolio/easybill/)