Martin ZhangPortfolio · Toronto
Open to opportunities
Back to all recordsAll projectsOpen the project page
LOG-006 / ORIENTPublic record · DOC v1.2.0 ·

Product content

Hopli

Carry one trip through planning, live context, capture, and memory without making people relearn the product at every stage.

Primary audience
Independent travelers coordinating decisions before, during, and after a trip.
My role
Product direction · Information architecture · UX writing · UI design
Working stack
Expo · React Native · Responsive browser prototype
Status
Interactive high-fidelity prototype

01 / Shipped artifact

Summary

An 18-route prototype spanning plans, calendar, capture, profile, companion customization, and Memory Book.

Quantified snapshot
18
Connected routes
4
Lifecycle stages
1
Shared content model
2
Responsive viewport classes
File & data footprint
  • 18 connected routes
  • Responsive browser prototype
  • Local demo state
  • Lifecycle content model

02 / Content and UX decisions

Decisions

DDR-001 · Content decision

Use one stable vocabulary for trip, plan, moment, memory, and companion progression across every route.

DDR-002 · Experience decision

Structure the product around the travel lifecycle instead of feature silos.

03 / Delivery evidence

Delivery evidence

  1. 01

    Cross-route navigation and lifecycle IA.

  2. 02

    Onboarding, planning, check-in, capture, and memory copy.

  3. 03

    A consistent companion system across utility and reward moments.

04 / Role signals

Role fit

  • Feature and navigation naming
  • Onboarding and empty-state content
  • React-based product prototype
  • Cross-screen content consistency
Validation

Connected-route walkthroughs, mobile and desktop checks, local state tests, and explicit demo labels.

Boundary

A working prototype with demo data, not a launched travel service.

05 / Live project change feed

Live changes

Sync sourcePublic portfolio integrationPublished portfolio integration

8 changes captured from portfolio pushes

  1. Hover previews that open each project's site; big live-site button on Tickmark

    85c0096Martin Zhang

  2. Use the martinzhang.vercel.app and tickmark-martinzhang.vercel.app addresses

    913a353Martin Zhang

  3. Add JazzTor and War Trader, motion layer, log-to-project links

    fb703bcMartin Zhang

  4. Reposition portfolio for AI roles

    576383fMartin Zhang

  5. Make Vercel the canonical portfolio host

    edc75f8Martin Zhang

  6. Update Hopli and Martoria live demos

    f3081b4Victoriawu41

  7. Fix anchored section alignment

    9634724Victoriawu41

  8. Add Hopli case study and homepage project showcase

    4c4639eVictoriawu41

Private source; deployment-safe metadata only.

06 / Documentation record history

Record history

Documentation version, not product release.

Documentation version
v1.2.0
Last updated
  1. v1.2.0

    Connected a live GitHub change feed with source attribution, commit links, and a resilient published-history fallback.

  2. v1.1.0

    Added route and lifecycle metrics, documentation-version metadata, and a public change history.

  3. v1.0.0

    Published the initial public record with purpose, decisions, delivery evidence, validation, and boundaries.