CoreHealth Website Redesign From Static to Scroll-Worthy

As part of Carebook’s design team, I worked on modernizing the CoreHealth website’s visual identity, content structure, and user experience to make it more engaging, intuitive, and mobile-friendly.

Headquarters

Headquarters

Toronto, Ontario, Canada

Founded

Founded

2004

Industry

Industry

Corporate wellness technology platform

About CoreHealth

CoreHealth by Carebook is a corporate wellness platform helping organizations and wellness providers inspire healthier lifestyles. Their mission is to improve engagement through technology-driven health solutions.

Challenge

Old site: Outdated design, unclear navigation, scattered CTAs, low scroll engagement.

Goal: Create a modern, friendly, and scrollable experience that keeps visitors exploring and clearly communicates CoreHealth’s value to corporate clients, wellness providers, and partners.

Results

The redesign made the site feel fresh, professional, and easy to navigate. Internal feedback praised the improved flow and section linking, while test users reported finding information faster and enjoying the scroll experience.

Before

Navigation buried key information and CTAs.

Dense text blocks with limited visual hierarchy.

Brand colors underutilized; design felt flat.

Redundant sections made scrolling feel repetitive.

Minimal engagement triggers to keep users exploring.

After

Clear, simplified navigation with prominent CTAs.

Minimalistic layout with stronger visual hierarchy.

Brand colors integrated consistently across sections.

Content streamlined into logical, scrollable flow.

Strategic visuals and transitions encourage deeper exploration.

Before

Navigation buried key information and CTAs.

Dense text blocks with limited visual hierarchy.

Brand colors underutilized; design felt flat.

Redundant sections made scrolling feel repetitive.

Minimal engagement triggers to keep users exploring.

After

Clear, simplified navigation with prominent CTAs.

Minimalistic layout with stronger visual hierarchy.

Brand colors integrated consistently across sections.

Content streamlined into logical, scrollable flow.

Strategic visuals and transitions encourage deeper exploration.

Process

Research & Analysis: Reviewed the existing CoreHealth website to identify navigation issues, redundant sections, and weak engagement points. Analyzed competitor sites for best practices in flow and UI, and aligned with the brand’s business goals.

Information Architecture: Restructured page hierarchy to create a logical, scroll-friendly journey. Grouped related content into cohesive sections, improving clarity and navigation between pages.

Wireframing & Prototyping: Created high-fidelity page layouts directly in Figma, incorporating a minimalistic style inspired by Apple. Established visual hierarchy through typography, whitespace, and imagery.

UI Design: Applied brand colors consistently throughout the site while enhancing contrast, button styles, and interactive elements for accessibility and engagement.

Review & Iteration: Collaborated with the design lead to refine layouts, adjust CTAs, and smooth transitions between sections. Incorporated team feedback to ensure alignment with brand vision.

Conclusion

Revamping the CoreHealth website transformed it into a modern, scroll-friendly platform that reflects the brand’s mission and engages users from the first click. By simplifying navigation, consolidating content, and integrating a clean, minimalistic design, we created an experience that encourages exploration and communicates value clearly. This project highlights the impact thoughtful UI design and strategic layout decisions can have in aligning brand identity with user needs.

Tools used in this Project