Lee Ruo YeeWeb & marketing technology

Digital work,
on display.

Web & Marketing Technology Specialist

Web, CMS and ecommerce delivery, with analytics and AI-assisted workflows.

Explore selected work
01BUILDWebsites & CMSEnter room02MEASURETracking & insightEnter room03AUTOMATEEnter roomYOU ARE HERE

Three ways into the work.

Selected work in BUILD / MEASURE / AUTOMATE
Fictional ceramic desk organiser — three-quarter view

STUDIO OBJECTS / RECONSTRUCTION

Modular desk organiser

Product content · Metafields · Responsive layout

Shopify product-page reconstruction

RECONSTRUCTION · Fictional product and content

Studio ObjectsTHE EVERYDAY COLLECTION

Collection / Desk essentials

Fictional ceramic desk organiser — three-quarter view

STUDIO OBJECTS / 01

Modular desk organiser

$48.00

A place for your everyday essentials. Three movable compartments, one considered arrangement.

Clay / Forest / Sand

1

Fictional product and price · Local demo only

Everything in its place.

Keep the pieces together on the tray or arrange them around your desk. The long compartment holds pens and pencils; the two smaller trays make room for little essentials.

  • Three removable compartments
  • A low tray with softly rounded edges
  • A matte finish in three complementary colours
Dimensions
30 × 20 cm
Material
Ceramic
Includes
One tray, three compartments
Care
Wipe with a soft cloth
Can I move the compartments?

Yes. Lift out each compartment to arrange it separately.

What fits in the organiser?

Pens in the long compartment; clips, keys and other small essentials in the two shorter trays.

Return & Refund

Sample policy: request a return within 14 days of delivery. This demonstration does not accept orders or returns.

RECONSTRUCTION · SAMPLE CONTENT

01.01 / BUILD

Shopify storefront enhancements

Theme sections, metafields and responsive QA.

Approximately 7–10 live Shopify enhancements.

View case
BETWEEN / THE LINESFORM — SPACE — RHYTHM

Student work / Reusable widget reconstruction

Sitefinity CMS Delivery & Reusable Widget Library

Sitefinity 13.3 / 14.4

RECONSTRUCTION · Fictional work and people

Work in focus.

SAMPLE COLLECTION
BETWEEN / THE LINESFORM — SPACE — RHYTHM

Between the lines

Editorial identity / 2030

1 of 5: Between the lines

  1. Editor content & widget configuration
  2. Razor / MVC rendering
  3. REST / JSON / SQL where required
  4. Frontend, responsive & regression QA
  5. Release & support

Listings · filters · forms · search · accordions · tabs

RECONSTRUCTION · FICTIONAL CONTENT

Hands-on Sitefinity 13.3 and 14.4, with around 20 reusable widgets across listings, filters, forms, search, accordions, tabs and API-driven content.

01.02 / BUILD

Reusable CMS widgets

Sitefinity 13.3 / 14.4; around 20 reusable widgets.

View CMS work →

PROCESS VIEW

Web application form, PDF and payment study

RECONSTRUCTION · SAMPLE DATA

Service application

A local application preview. No data is submitted.

  1. 1. Applicant
  2. 2. Application
  3. 3. Documents
  4. 4. Review

Applicant

Form mapping · PDF · Payment status · Confirmation email

Representative process visual.

My contribution: Form-data mapping, PDF generation, 2C2P payment integration, retry handling, scheduled status checks, confirmation emails with PDF attachments and UAT, delivered as part of a wider team.

01.03 / BUILD + AUTOMATE

Forms, PDF & payments

Delivered within a wider team.

View application →

From editable content to a working application.

Return to exhibition map ↑

PROCESS VIEW

The action is
only the beginning.

20+
client websites
GA4 / GTM implementation work
40+
maintenance websites
reporting framework coverage

Current portfolio event vocabulary. This explanation stays local; selecting an example sends nothing to analytics.

  1. Action
  2. Event
  3. GTM
  4. GA4
  5. Review
Implementation guide · not a live event log

Follow the signal.

Choose an interaction above. Inspect its event name and parameters, follow the GTM → GA4 route, then check whether it was recorded once.

GA4/GTM implementation →Ecommerce & SEO reporting →

PROCESS VIEW

  1. 01Interaction & event specification
  2. 02dataLayer parameters
  3. 03GTM trigger & GA4 event
  4. 04Reproduce, inspect & check reporting
LIVE IMPLEMENTATION / THIS PORTFOLIOgenerate_lead
content_type
contact
content_name
Contact form
source_page
/contact

Triggered after the server accepts the enquiry. Visitor details are excluded.

Keep the review.
Lose the repetition.

250+SKUs across Shopify, Shopee,
Lazada and TikTok Shop.

A sample workflow showing how product data is checked before output.

  1. 01Source data
  2. 02Standardise & map
  3. 03Validate

↳ Prepared output Human review

↳ Exception review Correct → validate again

Try a small sample.

Editable, fictional records
Record 01Sample train

Not checked

Record 02Sample track

Not checked

Record 03Sample bridge

Not checked

Run the check to see which records need attention.

See sample rules

IDs are trimmed and uppercased, required, unique, and limited to 1–30 letters, digits, dots, underscores or hyphens, starting with a letter or digit. Quantities must be whole numbers from 0 to 999999. These simplified rules do not validate an actual marketplace upload.

About this demo

These fictional records explain simplified validation and exception handling. They are not client records, a live AI system or a platform integration. Sample records stay in your browser; nothing is uploaded, published or sent externally. Prepared output still requires human review. State is held in page memory and clears on refresh.

Local demo · no upload · human review required.

View operations workflow →Blog workflow →Instagram workflow →

TRACE

Capture stopped

Local only · clears on refresh

Earlier records remain until cleared or refreshed.

0 interactions recorded

Capture stopped. Turn TRACE on to record approved interactions.