Hiring? Start here →

Same store, second storefront

Open the Liquid theme version

PORTVA also runs as a hand-built Liquid theme on the same Shopify store. Shopify development stores always show a password page first — paste the password once and your browser remembers it.

Store passwordpaucai
PORTVA

Your cart

Your cart is empty.

Continue shopping

PORTVA

impzz

Shopify front-end and full-stack developer

Five years in front-end, focused on Shopify since 2024. Mostly Liquid themes and campaign pages merchants can edit themselves, plus a Shopify app built solo, GA4 tracking and performance work.

Front-end
5 years
On Shopify
Since 2024
Open to roles
Shenzhen
Download résumé (PDF, Chinese)ouoimpouo@gmail.com

01 / 07 · Liquid campaign page

What a job ad asks for, and where to see it

Every row opens something real. “Live store” marks anonymised work from my job; “PORTVA” marks this concept store.

  • Liquid · OS 2.0

    PORTVA

    A campaign page built from sections and blocks, edited and reordered in the theme editor.

    See the page →

  • Shopify app · Data-driven pages

    Live store

    An internal app validates, publishes and rolls back data, so new pages need no theme change.

    Read the case →

  • GA4 tracking · Attribution

    Live store

    Campaigns and promotions ship with an event funnel and order attribution, so results can be measured.

    Read the case →

  • Shopify Functions

    PORTVA

    A Cart Validation Function stops orders with the wrong plug at checkout.

    Read the case →

  • Webhooks · Back end

    PORTVA

    HMAC verification, and one inventory event is handled once even when delivered twice or concurrently.

    Read the case →

  • Shopify Markets

    PORTVA

    One fixed price per market, consistent across product page, cart and checkout.

    Read the case →

  • Headless · Storefront API

    PORTVA

    A complete Next.js 16 storefront sharing one catalogue with the Liquid theme.

    Open the store →

  • Performance · Core Web Vitals

    PORTVA

    PageSpeed 95 on the mobile home page, with the real-time 3D still in place.

    See the report →

What I built in PORTVA

PORTVA is a fictional charging brand I built to show the parts of Shopify my day job doesn't reach.

  • Liquid theme: Online Store 2.0 sections and blocks, merchant-editable campaign pages, languages and markets
  • Shopify back end: Cart Validation Function, inventory webhook, Metaobject storage
  • Headless storefront: Next.js 16, Storefront API, cart and test checkout
  • Catalogue as code: products, variants, inventory, markets and translations seeded by script
  • 3D pipeline: scripted Blender models → GLB on Shopify's CDN → real-time WebGL
  • Product and brand concept, information architecture and UI design

Decisions worth asking me about

  1. 01Market lives in the URL (/en-us, /de-de) so product data caches per market and the cart's country never disagrees with prices.
  2. 02One cart per market: switching country starts a correctly priced cart instead of silently mixing currencies.
  3. 03Plug variants are restricted per market in the storefront, and a Cart Validation Function enforces the same rule on the server, so checkout rejects a mismatched plug whichever storefront the cart came from.
  4. 04Everything works with motion off — 3D is progressive enhancement, never a gate to buying.
Read the full reasoning →See a campaign page built from Liquid blocks →

Stack

  • Liquid · Online Store 2.0
  • Shopify Plus (dev store)
  • Shopify Functions
  • Webhooks
  • Storefront API 2026-10
  • Admin API (seed scripts)
  • Next.js 16 · React 19
  • next-intl
  • Tailwind CSS 4
  • three.js · React Three Fiber
  • GSAP
  • Blender 5 (scripted)

Honest notes

PORTVA is not a real brand. Specs and policies are illustrative, checkout runs in test mode, and there are no reviews because there are no customers.

Download résumé (PDF, Chinese)ouoimpouo@gmail.com