~1 Month
DEVELOPMENT TIMELINE
DIGITAL SPATIAL STAGING & VIBE CODING WORKFLOW
Sto Global is the world leader in innovative building coatings, eco-plasters, and architectural facade systems. To establish a dedicated digital presence for Sto’s premium interior coatings market in Taiwan, I directed the UX/UI architecture and front-end development of the Sto-Interior Digital Showcase.
This project represented a strategic intersection between physical spatial materiality and modern digital engineering:
- Digital Product Staging: Translating physical texture depth and material qualities (StoSignature) into a high-clarity, intuitive digital catalog tailored for B2B interior specifications.
- Vibe Coding Workflow: Implementing AI-assisted Vibe Coding techniques to bridge spatial design concepts with web infrastructure, accelerating execution without sacrificing enterprise-grade standards.
- Front-End Architecture: Gaining end-to-end technical mastery in semantic HTML structure, dynamic JavaScript interaction, and responsive CSS layout logic.
PERFORMANCE METRICS
4 Modules
CORE SITE SYSTEMS
Vibe Coding
AI-POWERED WORKFLOW
100% Custom
RESPONSIVE CODEBASE
DIGITAL ARCHITECTURE INDEX STO-01
VIBE CODING & DIGITAL STAGING
FULL-STACK B2B PRODUCT SHOWCASE
Engineered a high-performance interior coating showcase platform from design concept to production deployment within a 30-day build window. Leveraged AI-assisted Vibe Coding workflows to integrate interactive color swatch filtering, architectural editorial portals, built-environment project showcases, and technical coating specifications.
Stage 1: UI Staging & Design Verification
Interactive Interior Color Swatch System
A clean, searchable digital color palette filtering Sto’s extensive interior eco-coating spectrum. Enables architects to evaluate precise color codes and surface finishes in a high-clarity B2B layout.
Ark Architectural Magazine Portal
An integrated editorial portal spotlighting Sto’s global architectural publications and project insights, connecting design professionals with worldwide coating applications.
Stage 2: Spatial Case Studies & Material Application
Built Environment Project Showcase
A structured project overview interface displaying real-world commercial interior applications (e.g., Derek's Showroom). Provides design firms with context on material performance, lighting interplay, and spatial craftsmanship.
Stage 3: Interior Product Line & Technical Specifications
Eco-Coating Product Catalog & Material Specs
A high-converting product breakdown highlighting key functional formulations—such as StoColor Silicate Paint (anti-bacterial mineral coating) and StoLevell Calce FS (humidity-regulating art plaster)—translating technical specs into clear architectural benefits.