# NewstyleDirect v2 — CodebyLiam

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

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

fullstack· 2026

# NewstyleDirect v2

Next-generation NewstyleDirect storefront — a SvelteKit redesign of the live WordPress + WooCommerce site at newstyledirect.com.au. Same retail brand and catalog story, rebuilt for faster browsing, clearer merchandising, and a modern component-driven front end on v2.newstyledirect.com.au.

Lead developer

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

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

Illustrative cover artwork. Original product screenshots appear below.

## Technology

- SvelteKit

- TypeScript

- Tailwind CSS

- Vite

## The problem

The flagship NewstyleDirect WordPress build carried years of WooCommerce plugins, ACF sections, and performance debt. Peak campaigns stressed LCP and admin workflows; the team wanted a storefront that felt as fast as their internal SvelteKit tools without losing catalog depth. Merchandising still depended on flexible layouts and seasonal heroes, but the old theme made every major visual change a PHP deploy.

## The solution

Shipped v2.newstyledirect.com.au as a SvelteKit storefront redesign paired with the existing NewstyleDirect ecosystem — universal WP plugin, internal ops app, and hub tooling. Product storytelling and category navigation are rebuilt in typed routes with Tailwind, while the original newstyledirect.com.au case study documents the WordPress foundation this release replaces. The v2 site is the public face of the same Australian kitchenware and hardware catalog; case-study copy links back to the WordPress flagship entry for continuity.

## Screenshots

- [![NewstyleDirect v2 Pizzell pizza oven campaign hero](https://codebyliam.com/portfolio/projects/newstyledirect-v2-home.webp)](https://codebyliam.com/portfolio/projects/newstyledirect-v2-home.webp)

v2 redesign — seasonal Pizzell hero on the SvelteKit storefront (replaces WordPress newstyledirect homepage templates)

- [![NewstyleDirect v2 Versamax 5-in-1 kitchen system hero](https://codebyliam.com/portfolio/projects/newstyledirect-v2-versamax.webp)](https://codebyliam.com/portfolio/projects/newstyledirect-v2-versamax.webp)

Versamax 5-in-1 product landing rebuilt in v2 with campaign typography and CTA layout

- [![NewstyleDirect v2 Versamax change-tools-in-seconds hero](https://codebyliam.com/portfolio/projects/newstyledirect-v2-connector.webp)](https://codebyliam.com/portfolio/projects/newstyledirect-v2-connector.webp)

Connector-system storytelling — swap tools in seconds, merchandised on the v2 stack instead of ACF blocks

- [![NewstyleDirect v2 kitchenware category grid](https://codebyliam.com/portfolio/projects/newstyledirect-v2-kitchenware.webp)](https://codebyliam.com/portfolio/projects/newstyledirect-v2-kitchenware.webp)

Kitchenware category hub with icon tiles and filters — v2 navigation over the legacy WooCommerce shop archive

- [![NewstyleDirect v2 Versamax carousel and nibbler highlights](https://codebyliam.com/portfolio/projects/newstyledirect-v2-carousel.webp)](https://codebyliam.com/portfolio/projects/newstyledirect-v2-carousel.webp)

Versamax carousel and nibbler promos on the redesigned newstyledirect catalog pages

- [![NewstyleDirect v2 NuWave OxyPure product detail page](https://codebyliam.com/portfolio/projects/newstyledirect-v2-nuwave.webp)](https://codebyliam.com/portfolio/projects/newstyledirect-v2-nuwave.webp)

NuWave OxyPure PDP with spec tabs and add-to-cart — same catalog as newstyledirect, faster v2 product template

[← SHQ Connect](https://codebyliam.com/portfolio/shq-connect/) [Vaclock v2 →](https://codebyliam.com/portfolio/vaclock-v2/)