Frontend delivery · Systems thinking

Patrick Liu

FrontendSpecialist·DesignTechnologist

Frontend specialist and design technologist with 20+ years of experience delivering reliable web products across commerce, cybersecurity, and design systems.

Frontend ownership
Cross-functional delivery
Design systems
Google AI certificate

Review selected work Request full resume

See selected work

Selected work

Public proof of delivery

Featured project

Live

veryolivia.com

A public commerce build demonstrating end-to-end frontend delivery, from design direction and UI implementation to storefront integration and production launch.

Role: Frontend implementation across UI build, storefront integration, motion polish, and launch readiness.

Visit live site

What it shows

Demonstrates live production experience in commerce-focused frontend delivery.
Shows the ability to translate design direction into polished, maintainable UI.
Provides public, verifiable proof of end-to-end shipping ownership.

Delivery stack

Bootstrap 5
Alpine.js
Animate.css
Shopify Storefront API

Case study

Property Raptor dashboard case study

Property Raptor · Blacklight AI

Frontend ownership in a security-focused product environment

Experience leading frontend direction for customer-facing cybersecurity dashboards, helping shape the stack, define reusable interface patterns, and translate complex workflows into clear product experiences.

Scope

Ownership across dashboard UX, admin surfaces, and reusable interaction patterns.

Stack

Vue, Tailwind CSS, Ant Design, and Chart.js for structured product delivery.

Focus

Clarity, structured delivery, and rapid validation in a security-heavy domain.

Case study highlights

Helped define a practical frontend direction for a customer-facing cybersecurity product.
Balanced dense product information with clear hierarchy and usable workflows.
Used prototyping to validate interaction patterns before production implementation.

Experience history

Relevant experience

1997 → 2025

Career history across product design, frontend engineering, and digital delivery, with steady progression into frontend ownership and systems thinking from 1997 to 2025.

Trade Anywhere Limited

11/2024 - 08/2025

Frontend Developer

E-commerce

Built a multilingual e-commerce site using Shopify Storefront API, Alpine.js, and Bootstrap 5.
Translated Figma prototypes into reactive UI tailored for global audiences.
Improved UX with smoother add-to-cart flows and Google Maps Advanced Markers.

Publicis Groupe

05/2022 - 05/2024

System Analyst

Workflow systems

Implemented HKT eDM campaigns using Adobe AEM and MJML for scalable email templating.
Used Stable Diffusion to support AI-assisted image generation in creative workflows.
Set up workflow pipelines across creative and account servicing teams using Monday.com, Microsoft Planner, and Microsoft Loop.

Property Raptor

01/2021 - 05/2022

Frontend Developer

Cybersecurity

Owned the customer-facing frontend direction for cybersecurity dashboards, helping determine the stack and reusable UI approach behind the Blacklight AI product experience.
Built dashboard and management interfaces using Vue, Tailwind CSS, Ant Design, and Chart.js.
Used rapid prototyping and exploratory interaction work to validate UI ideas, including an early CodePen prototype, while keeping accessibility, clarity, and performance in view.

SEEK

04/2014 - 12/2020

Design Technologist

Design systems

Contributed to the early evolution of the Braid design system, whose patterns now support production experiences across jobsdb.com and jobstreet.com.
Built interactive prototypes and proof-of-concept R&D experiences, then translated design intent into product UI with React.
Facilitated collaboration between Hong Kong and Australia teams to align design requirements and reusable component patterns at scale.

jobsDB

06/2008 - 04/2014

Senior Web Administrator (Marketing)

Growth marketing

Designed and implemented landing pages, eDMs, and survey reports using Bootstrap, CSS3, and JavaScript.
Revamped site pages to support responsive web design across desktop and mobile browsers.
Created UI for the jobsDB WAP version and back-office system using early mobile web patterns.

Oasis Hong Kong Airlines

04/2007 - 04/2008

Webmaster

Aviation

Managed and moderated web content for the corporate site across ASP.NET, HTML, CSS, and publishing workflows.
Scripted UX improvements with jQuery to optimize customer-facing pages.
Prepared and published newsletters and email blasts through HTML email delivery workflows.

Outblaze

11/2003 - 03/2007

Deployment Programmer

Platform delivery

Designed and deployed webmail interfaces and UI components using HTML, CSS, and jQuery for platforms such as mail.com and lycosmail.com.
Scripted enhancements to improve site page usability across browser-based messaging flows.
Supported integration of vendor systems for smoother functionality across web application delivery.

SUNeVision

05/2001 - 11/2002

Software Engineer

Web platforms

Contributed content updates for the propertystreet.net website using HTML, CSS, and web publishing workflows.
Supported implementation quality across production-facing web systems with structured QA and page maintenance.
Built foundational engineering experience in a commercial web environment spanning frontend implementation and site operations.

BeeNet Cybermedia

04/2000 - 12/2000

Programmer

Campaign sites

Developed and launched campaign-specific websites using HTML, CSS, and jQuery.
Worked across implementation details for fast-turnaround digital delivery and microsite production.
Built early experience translating business needs into working web output across browser-based campaigns.

Rolls Group Ltd.

08/1997 - 02/2000

Graphic Designer

Visual design

Developed and launched the company website using early HTML and web publishing workflows.
Contributed visual design foundations through digital layout and interface asset preparation.
Established the earliest bridge between communication design and digital execution.

Working approach

What I bring to teams

Systems
Frontend architecture shaped for maintainability, clear handoff, and dependable delivery across customer-facing products.
Delivery breadth
Hands-on across Shopify storefronts, Adobe AEM and MJML workflows, Vue dashboards, and early contributions to the Braid design system.
Domain depth
Experience across cybersecurity, proptech, advertising, aviation, and e-commerce—useful in complex, cross-functional environments.

Resume access

Request the full resume

The full resume is shared on request to reduce scraping and protect private contact details. If you are hiring for frontend, design systems, or AI-adjacent product work, leave a note below or connect on LinkedIn.