Web Design
CMS System
Architecture & Arts
ArAsia- Platform Website & System Design
Building a scalable digital infrastructure for a content-driven international architecture & art consultancy
Client: Arasia / An international consulting platform focused on architecture, art, and cross-disciplinary innovation
Project Timeline: December 2025, Launched in 2 weeks
VSDesign Role: Website Design · Design System & Component Library · Website Development · CMS Architecture · Operations & Scalability Consulting
From concept to launch in 14 days
With only a visual direction and a rough framework, we delivered brand alignment, full-site design, CMS architecture, and a production-ready launch within 2 weeks- directly supporting ArAsia’s public rollout and business momentum.
From concept to launch in 14 days
With only a visual direction and a rough framework, we delivered brand alignment, full-site design, CMS architecture, and a production-ready launch within 2 weeks- directly supporting ArAsia’s public rollout and business momentum.
From concept to launch in 14 days
With only a visual direction and a rough framework, we delivered brand alignment, full-site design, CMS architecture, and a production-ready launch within 2 weeks- directly supporting ArAsia’s public rollout and business momentum.
Not a one-off website, but an operating system
From day 1, we designed for content scale, long-term maintenance cost, and system extensibility, avoiding the common trap of “launch now, rebuild later.”
Not a one-off website, but an operating system
From day 1, we designed for content scale, long-term maintenance cost, and system extensibility, avoiding the common trap of “launch now, rebuild later.”
Not a one-off website, but an operating system
From day 1, we designed for content scale, long-term maintenance cost, and system extensibility, avoiding the common trap of “launch now, rebuild later.”
Design as product thinking
Beyond front-end presentation, we delivered a complete system: CMS structure, content workflows, file management, subscriptions, and lead retention, laying the foundation for platform growth.
Design as product thinking
Beyond front-end presentation, we delivered a complete system: CMS structure, content workflows, file management, subscriptions, and lead retention, laying the foundation for platform growth.
Design as product thinking
Beyond front-end presentation, we delivered a complete system: CMS structure, content workflows, file management, subscriptions, and lead retention, laying the foundation for platform growth.
Built so the client can run it independently
Through clear structures, templated pages, modular components, and comprehensive documentation, the ArAsia team can continuously operate and expand the platform without ongoing design dependency.
Built so the client can run it independently
Through clear structures, templated pages, modular components, and comprehensive documentation, the ArAsia team can continuously operate and expand the platform without ongoing design dependency.
Built so the client can run it independently
Through clear structures, templated pages, modular components, and comprehensive documentation, the ArAsia team can continuously operate and expand the platform without ongoing design dependency.
Project background
ArAsia is a content-driven platform with global reach and deep industry expertise, built on years of work in architecture and art. The team has accumulated a highly valuable professional network and dataset:
3,000+ architecture and design firms;
120,000+ architects;
16,000+ projects
The goal was to platformize these long-term assets—using curated cases, in-depth coverage, and cross-disciplinary perspectives to attract a global professional audience, while enabling clear commercial outcomes through premium events, partnerships, and subscription models.
Core Challenges
1
Ultra-short launch timeline
The initial requirement was a 2-week launch, with only high-level ideas and a loosely defined framework. Key decisions around platform scope, content structure, and long-term operations had not yet been clarified and needed to be aligned rapidly.
1
Ultra-short launch timeline
The initial requirement was a 2-week launch, with only high-level ideas and a loosely defined framework. Key decisions around platform scope, content structure, and long-term operations had not yet been clarified and needed to be aligned rapidly.
1
Ultra-short launch timeline
The initial requirement was a 2-week launch, with only high-level ideas and a loosely defined framework. Key decisions around platform scope, content structure, and long-term operations had not yet been clarified and needed to be aligned rapidly.
1
Ultra-short launch timeline
The initial requirement was a 2-week launch, with only high-level ideas and a loosely defined framework. Key decisions around platform scope, content structure, and long-term operations had not yet been clarified and needed to be aligned rapidly.
2
Fragmented requirements and unclear priorities
The client brought a large amount of content, ideas, and expectations, but without a consolidated understanding of what the platform should prioritize, how content should be structured, or which features were essential for launch versus future phases.
2
Fragmented requirements and unclear priorities
The client brought a large amount of content, ideas, and expectations, but without a consolidated understanding of what the platform should prioritize, how content should be structured, or which features were essential for launch versus future phases.
2
Fragmented requirements and unclear priorities
The client brought a large amount of content, ideas, and expectations, but without a consolidated understanding of what the platform should prioritize, how content should be structured, or which features were essential for launch versus future phases.
2
Fragmented requirements and unclear priorities
The client brought a large amount of content, ideas, and expectations, but without a consolidated understanding of what the platform should prioritize, how content should be structured, or which features were essential for launch versus future phases.
3
Platform-level system, not a marketing landing page
This was not a disposable website, but a system requiring ongoing operations, scalability, and cost control, raising the bar for CMS architecture and technical feasibility.
3
Platform-level system, not a marketing landing page
This was not a disposable website, but a system requiring ongoing operations, scalability, and cost control, raising the bar for CMS architecture and technical feasibility.
3
Platform-level system, not a marketing landing page
This was not a disposable website, but a system requiring ongoing operations, scalability, and cost control, raising the bar for CMS architecture and technical feasibility.
3
Platform-level system, not a marketing landing page
This was not a disposable website, but a system requiring ongoing operations, scalability, and cost control, raising the bar for CMS architecture and technical feasibility.
4
High demand for client self-maintenance
The system needed to remain professional while significantly lowering the learning curve for future editing, updates, and expansion.
4
High demand for client self-maintenance
The system needed to remain professional while significantly lowering the learning curve for future editing, updates, and expansion.
4
High demand for client self-maintenance
The system needed to remain professional while significantly lowering the learning curve for future editing, updates, and expansion.
4
High demand for client self-maintenance
The system needed to remain professional while significantly lowering the learning curve for future editing, updates, and expansion.
Customized Delivery Process in 14 days
a.
2 days | Visual direction alignment
Benchmarked against leading global architecture and art platforms to define platform-level aesthetics and brand tone.
a.
2 days | Visual direction alignment
Benchmarked against leading global architecture and art platforms to define platform-level aesthetics and brand tone.
a.
2 days | Visual direction alignment
Benchmarked against leading global architecture and art platforms to define platform-level aesthetics and brand tone.
b.
3 days | Homepage design & motion prototype
Used an AI-native workflow to validate direction early and reduce iteration cycles.
b.
3 days | Homepage design & motion prototype
Used an AI-native workflow to validate direction early and reduce iteration cycles.
b.
3 days | Homepage design & motion prototype
Used an AI-native workflow to validate direction early and reduce iteration cycles.
c.
3 days | Full site architecture build
Defined content hierarchy, page relationships, and information flows to support long-term expansion.
c.
3 days | Full site architecture build
Defined content hierarchy, page relationships, and information flows to support long-term expansion.
c.
3 days | Full site architecture build
Defined content hierarchy, page relationships, and information flows to support long-term expansion.
d.
3 days | Detailed design & content co-creation
Worked closely with the client to refine and expand content, completing 3 rounds of content iteration.
d.
3 days | Detailed design & content co-creation
Worked closely with the client to refine and expand content, completing 3 rounds of content iteration.
d.
3 days | Detailed design & content co-creation
Worked closely with the client to refine and expand content, completing 3 rounds of content iteration.
e.
7 days | Ongoing support & delivery alignment
Operations were brought forward into the design phase. We provided multiple structural options based on server cost, CMS complexity, and future scalability, enabling a one-time, future-proof decision and avoiding post-launch rework.
e.
7 days | Ongoing support & delivery alignment
Operations were brought forward into the design phase. We provided multiple structural options based on server cost, CMS complexity, and future scalability, enabling a one-time, future-proof decision and avoiding post-launch rework.
e.
7 days | Ongoing support & delivery alignment
Operations were brought forward into the design phase. We provided multiple structural options based on server cost, CMS complexity, and future scalability, enabling a one-time, future-proof decision and avoiding post-launch rework.
f.
6 customized tutorials delivered
Covering CMS management, component editing, and content updates— ensuring full client independence.
f.
6 customized tutorials delivered
Covering CMS management, component editing, and content updates— ensuring full client independence.
f.
6 customized tutorials delivered
Covering CMS management, component editing, and content updates— ensuring full client independence.
UX & System Design Highlights
1
Platform-level information architecture
Upgraded from “content display” to a structure supporting content management + business conversion, designed for sustained growth.
1
Platform-level information architecture
Upgraded from “content display” to a structure supporting content management + business conversion, designed for sustained growth.
1
Platform-level information architecture
Upgraded from “content display” to a structure supporting content management + business conversion, designed for sustained growth.
2
Unified templates & component system
Standardized page layouts, typography hierarchy, color system, and base components to ensure consistency across the platform.
2
Unified templates & component system
Standardized page layouts, typography hierarchy, color system, and base components to ensure consistency across the platform.
2
Unified templates & component system
Standardized page layouts, typography hierarchy, color system, and base components to ensure consistency across the platform.
3
Advanced CMS architecture (10+ content types)
Clients only provide Excel files; VSDesign delivered: - CMS content structure design - One-to-one mapping between CMS entries and page modules -Automatic hiding of incomplete content to ensure editor safety and usability
3
Advanced CMS architecture (10+ content types)
Clients only provide Excel files; VSDesign delivered: - CMS content structure design - One-to-one mapping between CMS entries and page modules -Automatic hiding of incomplete content to ensure editor safety and usability
3
Advanced CMS architecture (10+ content types)
Clients only provide Excel files; VSDesign delivered: - CMS content structure design - One-to-one mapping between CMS entries and page modules -Automatic hiding of incomplete content to ensure editor safety and usability
4
Full-range responsive design
Optimized for all screen sizes—from 1920px desktop to 375px mobile—ensuring a consistent global access experience.
4
Full-range responsive design
Optimized for all screen sizes—from 1920px desktop to 375px mobile—ensuring a consistent global access experience.
4
Full-range responsive design
Optimized for all screen sizes—from 1920px desktop to 375px mobile—ensuring a consistent global access experience.
5
Motion & refined interaction design
Micro-interactions, scroll feedback, and key section animations enhance professionalism and immersion.
5
Motion & refined interaction design
Micro-interactions, scroll feedback, and key section animations enhance professionalism and immersion.
5
Motion & refined interaction design
Micro-interactions, scroll feedback, and key section animations enhance professionalism and immersion.
6
Backend capability integration
Subscriptions, user data retention, and foundational analytics were delivered as part of the system.
6
Backend capability integration
Subscriptions, user data retention, and foundational analytics were delivered as part of the system.
6
Backend capability integration
Subscriptions, user data retention, and foundational analytics were delivered as part of the system.
Business Impact
EFFICIENCY GAINS
90%
maintenance efficiency
78%
platform acquisition efficiency
SCALABILITY
68%
less future rebuild cost
