Capi Demy | Redesigning a website for better structure

The Capi Demy website is a course-focused platform presenting UX/UI training programs, supported by a broader content system.

As the platform grew, Capi Demy operated across two domains (.com and .vn). While content was available, the experience lacked a clear structure, making it difficult for users to navigate, explore, and evaluate different offerings.

Capi Product was commissioned to redesign and rebuild the website, with the goal of creating a unified, more structured, and scalable experience.

The project was delivered in two phases:

Phase 1: UX/UI Redesign & Content Structuring

Phase 2: Webflow Development 

Operating two websites in parallel resulted in an inconsistent user experience. Although users could access similar content across both platforms, differences in UI and information architecture made the experience fragmented and confusing. This lack of consistency made it harder for users to navigate, compare courses, and understand the offerings.

The issue was not the lack of content, but how it was presented. Information was available but not consistently structured, making it harder to scan and compare. As a result, users had to spend more effort understanding and evaluating different courses.

The existing structure was not designed to support a growing amount of content.

Navigation lacked clear direction.

Content relationships were not well defined

Expanding the website would increase complexity over time

The visual layer also failed to support credibility. The interface relied on outdated visuals and inconsistent layout patterns, which reduced overall visual polish and did not reflect a modern, professional learning brand.

Capi Product acted as an end-to-end partner, from restructuring information to delivering a fully implemented Webflow website.

UX audit and structure definition

UI redesign and visual direction

Content consolidation and standardization

Webflow development and deployment

 We reviewed both the .com and .vn websites to understand how content was structured, distributed, and experienced across two parallel websites.

This phase focused on identifying inconsistencies in information structure, content overlap, and how users navigated and interpreted information across the two versions of the website.

 Insights from the audit were translated into a unified information architecture.

We defined a clear content hierarchy, mapped relationships between pages and content types, and simplified navigation to support a more intuitive course discovery experience.

Key outputs of this phase included a consolidated sitemap, a defined content model, and a dedicated course comparison page to support user decision-making.

 Before moving into design, we standardized content from both websites into a single structured system.

This ensured consistency in layout and content patterns across pages, reduced variation between sources, and established a stable foundation for scaling the website in later stages.

Based on the defined structure and content system, we redesigned key pages to improve clarity, usability, and visual consistency.

We refined layouts and hierarchy to improve scanability, while also introducing a more modern visual direction by replacing outdated illustrations with a refreshed and cohesive visual system aligned with the updated brand direction.

The final design was implemented in Webflow using a CMS-driven structure and reusable components to ensure consistency and maintainability.

The website was fully optimized for responsiveness, with analytics and tracking tools integrated, and legacy URLs redirected to maintain continuity and prevent broken navigation.

Delivered the completed website on Webflow

Ensured the system is ready for internal content updates

Set up Google Analytics and Microsoft Clarity to track website performance and user behavior

Supported redirecting legacy blog URLs to the new structure to prevent broken links and maintain continuity

The new website unifies content from both .com and .vn into a single, consistent system, eliminating fragmented navigation and establishing a clearer primary destination for users.

Content is now structured and standardized across pages, making it easier to scan, understand, and compare key information without relying on uneven or inconsistent sources.

Users can explore and evaluate courses more effectively through a clearer structure and the introduction of a dedicated comparison page, making it easier to understand differences and choose the right option.

A refined visual system improves layout consistency, readability, and overall brand perception, resulting in a more professional and credible interface.

The Webflow-based CMS provides a scalable and maintainable foundation, allowing the internal team to manage content efficiently and support future growth without increasing complexity.

This project focused on improving structure, clarity, and consistency across an existing website system.

By reviewing both platforms, consolidating content, and rebuilding the experience on Webflow, the new website provides a more usable and maintainable foundation for Capi Demy moving forward.