Web Design
Real Estate

Jingle Design Studio· Portfolio Website Revamp

How we organized 8GB of assets and launched 2 weeks early with around 1 hour/week of client time?

Client: Jingle Design Studio – A leading interior design studio in China with extensive commercial and residential project expertise

Project Timeline: May 2024 – July 2024

VSDesign Role: Information Architecture Reorganization · Responsive UX/UI Design · Multi-Page Logic Optimization · Visual System Development · Asset Collaboration and Management

Jingle Design is a well-established interior design studio known for delivering high-end residential and commercial spaces across China. As a visually-driven design institution, Jingle aimed to revamp its website to better reflect its creative capabilities and project portfolio to both domestic and international audiences.

The website redesign project spanned over 50 pages and included 8GB of mixed-format visual assets. Beyond core UX/UI responsibilities, VSDesign led strategic collaboration efforts, including content restructuring, asset compression, and streamlined workflow management, minimizing client involvement and ensuring high-efficiency delivery.

Learn more on Jingle's Website

Learn more on Jingle's Website

Learn more on Jingle's Website

The client, a seasoned interior design studio with high visual standards, called our work “exceptionally professional.”

The client, a seasoned interior design studio with high visual standards, called our work “exceptionally professional.”

Premium UX Template for Framer

We led the project from end to end

We rebuilt the information architecture, sorted 8GB of messy files into a clean content checklist, and coordinated design feedback with minimal client involvement.

Premium UX Template for Framer

We led the project from end to end

We rebuilt the information architecture, sorted 8GB of messy files into a clean content checklist, and coordinated design feedback with minimal client involvement.

Premium UX Template for Framer

We led the project from end to end

We rebuilt the information architecture, sorted 8GB of messy files into a clean content checklist, and coordinated design feedback with minimal client involvement.

Premium UX Template for Framer

We led the project from end to end

We rebuilt the information architecture, sorted 8GB of messy files into a clean content checklist, and coordinated design feedback with minimal client involvement.

Key challenges

1

Unclear Structure & Poor Navigation

Overstacked pages and a lack of hierarchy led to low content discoverability and user fatigue.

1

Unclear Structure & Poor Navigation

Overstacked pages and a lack of hierarchy led to low content discoverability and user fatigue.

1

Unclear Structure & Poor Navigation

Overstacked pages and a lack of hierarchy led to low content discoverability and user fatigue.

1

Unclear Structure & Poor Navigation

Overstacked pages and a lack of hierarchy led to low content discoverability and user fatigue.

2

Unorganized Content & Scattered Assets

With a wide variety of content formats and over 8GB of visual material, the platform struggled to present project narratives cohesively.

2

Unorganized Content & Scattered Assets

With a wide variety of content formats and over 8GB of visual material, the platform struggled to present project narratives cohesively.

2

Unorganized Content & Scattered Assets

With a wide variety of content formats and over 8GB of visual material, the platform struggled to present project narratives cohesively.

2

Unorganized Content & Scattered Assets

With a wide variety of content formats and over 8GB of visual material, the platform struggled to present project narratives cohesively.

3

Inconsistent Visual Language

The previous site lacked a standardized design system to reflect the firm’s high design standards.

3

Inconsistent Visual Language

The previous site lacked a standardized design system to reflect the firm’s high design standards.

3

Inconsistent Visual Language

The previous site lacked a standardized design system to reflect the firm’s high design standards.

3

Inconsistent Visual Language

The previous site lacked a standardized design system to reflect the firm’s high design standards.

4

Delayed Feedback Loops

Due to limited client availability, traditional approval workflows were inefficient and unsustainable.

4

Delayed Feedback Loops

Due to limited client availability, traditional approval workflows were inefficient and unsustainable.

4

Delayed Feedback Loops

Due to limited client availability, traditional approval workflows were inefficient and unsustainable.

4

Delayed Feedback Loops

Due to limited client availability, traditional approval workflows were inefficient and unsustainable.

Design Solutions

1

Multi-Level Information Architecture Rebuild

Reconstructed over 50 pages into a clear, modular structure to guide users through an intuitive discovery journey.

1

Multi-Level Information Architecture Rebuild

Reconstructed over 50 pages into a clear, modular structure to guide users through an intuitive discovery journey.

1

Multi-Level Information Architecture Rebuild

Reconstructed over 50 pages into a clear, modular structure to guide users through an intuitive discovery journey.

1

Multi-Level Information Architecture Rebuild

Reconstructed over 50 pages into a clear, modular structure to guide users through an intuitive discovery journey.

2

Content Coordination & Compression

Established a content checklist and conducted asset compression to streamline an 8GB asset handoff with zero rework before final delivery.

2

Content Coordination & Compression

Established a content checklist and conducted asset compression to streamline an 8GB asset handoff with zero rework before final delivery.

2

Content Coordination & Compression

Established a content checklist and conducted asset compression to streamline an 8GB asset handoff with zero rework before final delivery.

2

Content Coordination & Compression

Established a content checklist and conducted asset compression to streamline an 8GB asset handoff with zero rework before final delivery.

3

Design-Led Collaboration Model

Handled meeting scheduling, feedback coordination, and content prep to minimize client workload and keep the project moving.

3

Design-Led Collaboration Model

Handled meeting scheduling, feedback coordination, and content prep to minimize client workload and keep the project moving.

3

Design-Led Collaboration Model

Handled meeting scheduling, feedback coordination, and content prep to minimize client workload and keep the project moving.

3

Design-Led Collaboration Model

Handled meeting scheduling, feedback coordination, and content prep to minimize client workload and keep the project moving.

4

Professional-Grade Visual System

Developed a refined UI aligned with industry aesthetics- earning strong recognition from a team of design experts on the client side.

4

Professional-Grade Visual System

Developed a refined UI aligned with industry aesthetics- earning strong recognition from a team of design experts on the client side.

4

Professional-Grade Visual System

Developed a refined UI aligned with industry aesthetics- earning strong recognition from a team of design experts on the client side.

4

Professional-Grade Visual System

Developed a refined UI aligned with industry aesthetics- earning strong recognition from a team of design experts on the client side.

Business Impact

3x

Asset Handoff Efficiency

Checklist-driven workflow eliminated bottlenecks and last-minute revisions.

70%

Reduction in Client Time Investment

By proactively managing the process, VSDesign reduced client input time to just 1 hour/week while maintaining high momentum.

explore more work

explore more work

explore more work

explore more work