menu

GasWin

GasWin

GasWin

GasWin

Legacy Industry Digital Evolution

Legacy Industry Digital Evolution

Legacy Industry Digital Evolution

Legacy Industry Digital Evolution

GasWin
GasWin

Re-engineering the B2B2C gas industry —— Automating manual ordering workflows into a seamless SaaS + Line@ ecosystem

Re-engineering the B2B2C gas industry —— Automating manual ordering workflows into a seamless SaaS + Line@ ecosystem

Re-engineering the B2B2C gas industry —— Automating manual ordering workflows into a seamless SaaS + Line@ ecosystem

Re-engineering the B2B2C gas industry —— Automating manual ordering workflows into a seamless SaaS + Line@ ecosystem

My core value in the GasWin Cloud project lies in IoT Ecosystem Expansion and Predictive Interaction Design. By integrating real-time hardware sensor data into the SaaS platform, I transformed traditional reactive safety monitoring into a proactive intelligence system. I architected a seamless synchronization between IoT devices, mobile alerts, and centralized cloud dashboards to ensure zero-latency critical responses.
I prioritized Visual Information Hierarchy to distill complex gas pressure and flow data into intuitive, actionable status indicators. This integration significantly enhanced the digital maturity of the gas industry, moving beyond simple automation to create a closed-loop safety ecosystem. This project demonstrates my expertise in bridging hardware telemetry with cloud-based UX to safeguard both commercial assets and residential lives.
My core value in the GasWin Cloud project lies in IoT Ecosystem Expansion and Predictive Interaction Design. By integrating real-time hardware sensor data into the SaaS platform, I transformed traditional reactive safety monitoring into a proactive intelligence system. I architected a seamless synchronization between IoT devices, mobile alerts, and centralized cloud dashboards to ensure zero-latency critical responses.
I prioritized Visual Information Hierarchy to distill complex gas pressure and flow data into intuitive, actionable status indicators. This integration significantly enhanced the digital maturity of the gas industry, moving beyond simple automation to create a closed-loop safety ecosystem. This project demonstrates my expertise in bridging hardware telemetry with cloud-based UX to safeguard both commercial assets and residential lives.

Challenge —— Information Silos & Trust Deficits in Traditional Logistics

Challenge —— Information Silos & Trust Deficits in Traditional Logistics

Challenge —— Information Silos & Trust Deficits in Traditional Logistics

Challenge —— Information Silos & Trust Deficits in Traditional Logistics

Context
The traditional gas cylinder delivery industry relies heavily on phone orders and paper-based routing. For consumers, the inability to verify residual gas in returned cylinders creates a longstanding trust issue.
Workflow Bottlenecks
Forcing an aging consumer demographic to download a new App is unfeasible. Meanwhile, business owners lacked a centralized ERP to bridge consumer demands with field logistics, leading to inefficient dispatching and untraceable inventory.

Strategic Architecture —— Zero-Barrier Closed Loop & Full-Stack Blueprint

Strategic Architecture —— Zero-Barrier Closed Loop & Full-Stack Blueprint

Strategic Architecture —— Zero-Barrier Closed Loop & Full-Stack Blueprint

Strategic Architecture —— Zero-Barrier Closed Loop & Full-Stack Blueprint

Zero-Barrier Consumer Loop & Micro-interactions
Bypassed the App-download barrier by leveraging Line@ as a B2C entry point. Designed an intuitive, step-by-step ordering wizard with delightful micro-interactions (e.g., visual "+1" feedback syncing with cylinder graphics) and robust error-prevention mechanics.
Residual Gas Credit & Trust Building
Digitized the legacy return process. Unused gas in returned cylinders is instantly calculated via the driver's app and converted into account credits for the consumer, effectively transforming a consumer pain point into a loyalty-building mechanism.
Context-Aware Driver Terminal
Replaced paper manifests with a dedicated Driver App featuring dual-mode UI (List/Map view). Integrated smart routing based on aggregated daily orders, one-click installation/exchange workflows, and barcode scanning for precise cylinder inventory tracking.
Full-Stack Brand & System Delivery
Defined the entire product identity from scratch. Delivered the Brand Guidelines (Logo, Color Scheme) within 20 days, followed by rapid iterative sprints to design the Consumer Line@ (25 days), ERP Dashboard (14 days), and Driver App (7 days).

Impact & Delivery —— Industry Disruption Under Lean Constraints

Impact & Delivery —— Industry Disruption Under Lean Constraints

Impact & Delivery —— Industry Disruption Under Lean Constraints

Impact & Delivery —— Industry Disruption Under Lean Constraints

End-to-End Delivery Under Extreme Constraints
Acted as the sole designer, translating complex business logic into executable Zeplin handoffs. Collaborated tightly with only 2 engineers (1 FE, 1 BE) and 1 PM to successfully launch a massive 3-tier SaaS ecosystem.
Modernization of a Traditional Sector
Empowered local, labor-intensive gas retailers with a scalable digital solution, completely modernizing their customer acquisition, intelligent dispatching, and financial operations.

GasWin

Legacy Industry Digital Evolution

Legacy Industry Digital Evolution

YEAR

YEAR

2019

2019

2019

2019

TIMELINE

TIMELINE

3 months

3 months

3 months

3 months

TOOLS

TOOLS

Sketch · Zeplin · Photoshop · Illustrator

Sketch · Zeplin · Photoshop · Illustrator

Sketch · Zeplin · Photoshop · Illustrator

Sketch · Zeplin · Photoshop · Illustrator

CATEGORY

CATEGORY

UI/UX

UI/UX

UI/UX

UI/UX

TAGS

TAGS

SaaS · 0-to-1 · B2B2C · Digital Transformation · Branding · Product Design · Service Design

SaaS · 0-to-1 · B2B2C · Digital Transformation · Branding · Product Design · Service Design

SaaS · 0-to-1 · B2B2C · Digital Transformation · Branding · Product Design · Service Design

SaaS · 0-to-1 · B2B2C · Digital Transformation · Branding · Product Design · Service Design

Line@, Order system, SaaS, Delevery Application
Line@ B2C aim to serve buyer
B2C Order process
B2C Order system
SaaS - Home, Order sheets
SaaS - Manage Financial
SaaS - Manage Staff, Clients
SaaS - Manage Products
Delevery Application
Flooding

Open to new collaborations.

Open to new collaborations.

Open to new collaborations.

ëaprica Creative Design © 2026 All Rights Reserved.

ëaprica Creative Design © 2026 All Rights Reserved.

ëaprica Creative Design © 2026 All Rights Reserved.