SANVO Project Cover

SANVO
ECOSYSTEM

A bilingual web ecosystem for HKEX-listed chemical manufacturer, built with AI-augmented design workflows to serve both Chinese and North American markets.

ClientSANVO Fine Chemicals (HKEX: 0301.HK)
RoleProduct & Strategy Lead, Creative Director
Timeline2025 โ€” 2026
ServicesUX/UI, IA, AI Integration, Frontend Dev
StackReact, Tailwind CSS, CMS
01
Overview
01Overview
Challenge

Bridging Two Markets

SANVO needed a bilingual web ecosystem that could serve their domestic Chinese market and expanding North American presence. The existing site lacked scalable IA, had no CMS workflow, and couldn't handle their 500+ product catalog efficiently.

Approach

AI-Augmented Design Workflow

Led the full product strategy from data classification to CMS architecture to API parameter design. Used AI-augmented workflows (vibe-coding with Gemini) to rapidly prototype and iterate on the React + Tailwind frontend.

Information Architecture

Scalable Data Classification

Designed a comprehensive data classification system for 500+ chemical products, creating a bilingual IA that works seamlessly across both language versions. Established CMS workflow and API parameter strategy for vendor handoff.

SANVO IA Overview

Bilingual site architecture โ€” desktop overview

Visual System

Brand-Level Design Language

Established a scalable visual design language that translates SANVO's industrial credibility into a modern digital presence. Typography, color, and layout systems designed for both Chinese and English reading patterns.

SANVO Visual System 1SANVO Visual System 2
SANVO Product ListingSANVO Product Detail
Frontend Development

React + Tailwind Implementation

Built the production frontend in React with Tailwind CSS, implementing responsive layouts, bilingual routing, and component-level design system. Prepared comprehensive vendor handoff documentation covering data classification, CMS integration, and API specs.

SANVO Full SpreadSANVO Detail 1SANVO Detail 2
Outcome

Redefining Digital Presence

Delivered a production-ready bilingual web ecosystem with comprehensive vendor handoff documentation. The new platform positions SANVO as a modern, digitally-forward enterprise ready for global scale โ€” a significant upgrade from their previous static web presence.

Key Deliverables

What Was Shipped

  • Bilingual React + Tailwind frontend (production-ready)
  • Scalable IA for 500+ product catalog
  • CMS workflow & API parameter strategy
  • Editorial still life campaign (4 product series)
  • Comprehensive v4 vendor handoff brief
SANVO Final Showcase
Next Project
GRID GAMERS
โ†’