CODE77® creates exceptional digital design experiences that drive business growth.

PROJECT INFO

Constitution Global, Website Redesign to Reflect Its Premium Identity

2018  •  Sole Designer  •  Creative / Art Direction  •  UX / UI  •  Web Design

Constitution Global, now known as Credit Global (https://www.cg.com), is a merchant bank specializing in government finances and risk transfers. The company had developed a strong and comprehensive content strategy that reflected its expertise, but its outdated Flash website no longer aligned with its premium identity, which limited audience engagement. To modernize its online presence, Constitution Global aimed to create a modern, mobile-friendly website with improved visuals for a better user experience and to strengthen its sophisticated market positioning.

THE CHALLENGE

How might we refresh the website to align with its modern content strategy and brand identity, with a seamless experience on all devices?

THE PROBLEM

Built on outdated and obsolete technology—Flash (yikes!)

Slow, non-responsive, and incompatible with mobile devices.

Outdated look did not reflect their premium positioning in the market.

MY ROLE

Rethink the entire experience—from flow to visuals.

 

As the lead designer (freelance), I was hired to rethink the entire experience—from the structure of the whole site, including information architecture, content and page layout, and navigation system—to visuals, including imagery, typography, and the overall look and feel—while ensuring the site remained flexible for future updates.

MY APPROACH, FINDINGS, AND FOCUS

User Interviews

Met with the team to understand business objectives, aspirations, and target audience preferences.

Market Analysis

Assessed and analyzed the legacy website to identify market positioning and ways to differentiate their brand.

Key Insight

The refreshed content was strong and solid, but the user experience was lacking and holding them back.

Base on my findings from interviews and analysis, I focused on 3 core design principles: modularity for scalability, responsiveness for accessibility, and a refined visual identity to enhance credibility.

SOLUTION

Modularity for Scalability

I created various modular components in wireframes like sidebars, content grids, and image galleries. These components improved the design process by letting us easily combine sections and add new content without creating new layouts, enhancing our ability to iterate and validate concepts effectively.

SOLUTION

Responsiveness for Accessibility

Each section is crafted with a responsive design, ensuring a consistent user experience on all devices.

SOLUTION

Enhanced Visuals for Credibility

I used existing brand elements and combined modern design trends to enhance the company's premium positioning. I carefully selected high-quality stock photos to create a cohesive visual narrative and created custom infographics to simplify complex information. This approach made it easier for readers to understand key concepts quickly and increased engagement, showing off the brand's sophistication and expertise.

THE IMPACT / VALUE CREATED

Brand Elevation

Modern designs elevated the company's premium image and identity.

Scalability

Modular section components allowed content updates without design resources.

Responsive

Intuitive UI and layouts that adapts seamlessly across devices.