BRAND & POSITIONING
WEBSITE & CONVERSION
MARKETING & CONTENT
MOTION & STORYTELLING

AVAILABLE FOR FREELANCE
FULL-TIME / PART-TIME

Email: CONTACT@AVAARTJOURNEY.COM

Ava Liu — Forward Deployed Engineer · Design + Full-Stack + AI Systems

Forward Deployed Engineer · Design + Full-Stack + AI Systems

Ava Liu

I diagnose ambiguous customer problems, architect the system, then design and ship the working product myself.

My work spans product strategy and UX/UI through React/Next.js, FastAPI, databases, APIs, LLM integrations, tool-using agents, governed RAG, coded DOM design systems, and production interaction engineering with Motion and GSAP.

That technical execution sits on top of 15+ years in creative direction, brand identity, campaigns, photography, and visual systems — so the craft does not disappear when the work becomes technical.

LLMTool-Using AgentsRAG / Hybrid RetrievalData ArchitectureReact / Next.jsFastAPIDOM ComponentsMotion / GSAP
Craft
Brand · Marketing · Visual Systems
Product
Strategy · UX/UI · Requirements Discovery
Build
React / Next.js · FastAPI · APIs · SQL
Agents
LLM · Tool Use · RAG · HITL · Auditability
Interaction
DOM Components · Motion · GSAP
Platform
Auth · Stripe · Admin · Workflows
Ava Liu in New York

Ava Liu — New York, NY

What I Do

Creative judgment, product architecture, and AI systems — in one workflow.

The AI work expands the practice; it does not replace the visual, brand, interaction, and storytelling foundation underneath it.

Creative Direction, Brand & Marketing

15+ years

  • Creative direction & visual storytelling
  • Brand identity & scalable visual systems
  • Integrated campaigns across digital, social, print & motion
  • Typography, layout, photography direction & production
  • AI-augmented creative workflows and team enablement

Product Design & Design Engineering

Strategy · Systems · Interaction

  • 0→1 product strategy, requirements, IA & UX/UI
  • Coded React design systems & DOM-based components
  • Semantic HTML, ARIA-aware controls & accessibility
  • Motion for React / Framer Motion & GSAP
  • Interactive data visualization and stateful UI behavior

Forward Deployed Engineering & AI Systems

Full-stack · Agents · Production

  • LLM APIs, structured outputs & context architecture
  • Tool-using agents, function calling & multi-step tool loops
  • Governed RAG, embeddings, semantic search & grounded generation
  • Persistent state, audit traces, retrieval provenance & HITL
  • FastAPI, Next.js/React, Python, SQL/SQLModel, REST APIs
  • Cloudflare DNS, Tunnel & secure self-hosted production deployment

Selected Work

Case studies

AI systems, full-stack products, design engineering, and creative leadership — grounded in real product constraints and shipped outcomes.

01 / AI + FINANCIAL INTELLIGENCE

Self-Directed Product · MarketDNA

Designing an explainable financial intelligence system that makes uncertainty inspectable

Explainable AIFull-StackData Architecture

The Problem

Market data is abundant, but decision context is fragmented. Users need to understand the environment, where strength is concentrated, whether a stock is actionable, and what evidence supports the conclusion.

Approach

I designed a top-down decision path and built uncertainty, provenance, and role-aware SaaS behavior into the architecture rather than treating them as UI decoration.

What I Built

  • Three independent trust metrics
  • Canonical Decision Engine across Scanner and Stock DNA
  • Recorder / Replay / Learning architecture
  • Auth, Stripe, entitlements, admin, beta, analytics
  • Coded DOM design system and motion engineering
  • Cloudflare Tunnel — secure self-hosted ingress, no public IP

Why This Matters

A single project spanning product strategy, XAI, full-stack implementation, SaaS operations, data systems, interaction design, and design engineering.

LIVE PRODUCT MarketDNA CLOSED BETA

Self-hosted development build, served via Cloudflare Tunnel · Live availability may vary.

180+Data Points
3Trust Metrics
0→1Solo Build
02 / AGENT SYSTEMS + RAG

Self-Directed Product · AI Email Agent

Governed tool use, retrieval, persistent state, and human-controlled consequences

Tool-Using AgentRAGHITL

The Problem

Support diagnosis is conditional. The same email can require live customer/account evidence and proprietary product knowledge.

Approach

I evolved the system into a bounded model-directed loop and added governed hybrid RAG, while preserving explicit human authority over outbound communication.

What I Built

  • Multi-step function calling
  • Read-only tool registry
  • Approved knowledge corpus + hybrid retrieval
  • Persistent tool and retrieval traces
  • Thread-aware conversation state
  • Admin-gated Send
  • Dedicated inbound email infrastructure — isolated subdomain, DNS/MX config via Cloudflare

Why This Matters

The system can investigate autonomously without being allowed to take consequential customer actions.

3Analyze Steps
2Reply Steps
RAGGrounded Knowledge
03 / DESIGN ENGINEERING + MOTION

MarketDNA · Coded Design System

Motion + DOM components as reusable product infrastructure

DOM ComponentsMotionGSAP

The Problem

Motion had to add delight to a dense financial product without becoming a one-off landing-page trick or breaking state integrity under fast pointer input.

Approach

I extended the coded React design system, used Motion and GSAP for distinct responsibilities, and simplified the mascot interaction to one bidirectional media timeline.

What I Built

  • Semantic DOM primitives
  • ARIA-aware controls
  • Motion for React
  • GSAP timelines
  • browser-native video state
  • reduced-motion behavior

Why This Matters

Visual craft translated into semantic components, accessible behavior, animation architecture, and real browser-state control.

ReactDOM System
Motion+GSAP2 Layers
1Bidirectional Timeline
04 / AI RESUME INTELLIGENCE

Self-Directed Product · Career Agent

A resume system that separates facts, interpretation, and generated language

Semantic EvaluationEN/ZHProvenance

The Problem

A tailored resume is useless if generated claims cannot be traced to candidate-confirmed evidence. Real usage exposed brittle lexical matching, stale inference, and verification gaps.

Approach

I rebuilt the trust model around source provenance, semantic evidence evaluation, canonical evidence, version lineage, and independent review.

What I Built

  • Semantic requirement/evidence evaluator
  • Bilingual evidence workflow
  • Source Library + version history
  • Claim-level verification
  • Independent ATS/recruiter/hiring-manager review

Why This Matters

Real end-to-end testing changed the architecture rather than only changing prompts.

90+Live Test Rounds
EN/ZHBilingual Evidence
0→1Solo Build
05 / GENERATIVE AI COMMERCE

Self-Directed Product · AI Pet Portrait

Turning probabilistic generation into a reliable customer journey

Generative AIN8NStripe

The Problem

Analytics suggested a funnel problem; interviews showed the actual blocker was likeness and trust in the generated result.

Approach

I redesigned inputs, optionality, state continuity, payment identity, and recovery instead of treating model generation as the whole product.

What I Built

  • Input normalization
  • Pet-specific personalization
  • Three-preview optionality
  • Stripe selected-asset identity
  • Human-in-the-loop recovery

Why This Matters

Reliable AI commerce comes from system design around uncertainty, not pretending the model is deterministic.

60→98%Likeness
30→90%Strong Result Opportunity
06 / CREATIVE SYSTEMS + AI ENABLEMENT

OnMed · Senior Designer

AI-enabled creative systems without losing brand standards

Creative DirectionDesign SystemsAI Workflow

The Problem

Marketing needed to produce more campaign content without making designers a production bottleneck.

Approach

I translated brand and layout standards into reusable AI-enabled workflows and enabled non-designers to use them safely.

What I Built

  • Structured prompting
  • Visual guardrails
  • Multi-format resizing
  • Reusable templates
  • Team mentoring

Why This Matters

The technical portfolio is built on a long foundation of visual judgment, storytelling, and creative leadership.

15+ YrsCreative Foundation
Cross-TeamAI Enablement
Still a core part of the practice. The AI/FDE work above is additive — this archive preserves the brand, marketing, UI, photography, and visual-system work that shaped the design judgment I bring into technical products.

Creative Portfolio & Selected Design Work

Brand · Product · Marketing · Digital

The AI work sits on top of a long visual practice rather than replacing it. This archive spans creative direction, brand identity, marketing campaigns, product/UI design, digital experiences, print, social, and scalable visual systems — the craft foundation I still bring into every product I build.

Website design selected work
Website Design
UI UX product design selected work
UI/UX Product Design
Visual identity design selected work
Visual Identity
Brochure design selected work
Brochure Design
Social media design selected work
Social Media
Flyer design selected work
Flyer Design
Branding design selected work
Branding Design
Marketing design selected work
Marketing Design
Website content design selected work
Website Content Design
Logo design selected work
Logo Design
Package design selected work
Package Design
Billboard design selected work
Billboard Design
Elevator poster selected work
Elevator Poster
Law office social post selected work
Law Office Post
Postcard design selected work
Postcard Design
Social media design selected work
Social Media Design
Graphic design selected work
Graphic Design
Brochure design selected work
Brochure Design

Covers brand identity, marketing campaigns, digital experiences, design systems, and visual communications across fintech, financial services, healthcare, technology, real estate, and consumer brands — translating complex ideas into clear, cohesive, and high-impact design.

Career

Experience

2026—PRESENT
Independent Full-Stack Product Designer & AI Developer
Designing and building full-stack digital and AI products end to end — product strategy and UX/UI through React/Next.js, FastAPI, databases, APIs, coded DOM design systems, Motion/GSAP interaction engineering, tool-using agents, governed RAG, automation, and production workflows.
NEW YORK
2025–2026
Founding AI Graphic Designer — Brand & Marketing, AI Workflow & Mentor — OnMed
New York
2023–2025
Founding Product Designer & Brand — Island Dental
New York
2022–2023
Creative Director — Brand & Product Design — EZ Branding
New York
2017–2022
Creative Director — Product Design & Marketing — MeHome Realty
New York
2015–Present
Professional Photographer — Independent
New York & Shanghai
2014–2017
Creative Director — Shanghai Century Publishing Group
Shanghai
2010–2014
Graphic & Visual Designer — Johnson & Johnson MedTech
Shanghai