CATALYST

CATALYST

CATALYST

Branding

Branding

Branding

Web Design

Web Design

Web Design

Redesigned and modernized the Catalyst website end-to-end. Partnered with the CEO and a back-end dev, ran quick user research, wireframed a fully responsive layout.

Redesigned and modernized the Catalyst website end-to-end. Partnered with the CEO and a back-end dev, ran quick user research, wireframed a fully responsive layout.

Timeline

4 weeks

Role

BRAND AND WEB

Tools

Illustrator,

Illustrator,

Photoshop,

Photoshop,

Framer,

Framer,

Figma

Figma

Before
After
Ola's Portfolio
Before
After
Ola's Portfolio

Brand Kit

Palette

#AD85BC

#AD85BC

#EE393D

#EE393D

#242424

#242424

Typography

Typography

Primary font

Century Gothic

Secondary font

Josefin Sans

Problem

Problem

Problem

Site felt dated and didn’t reflect the brand consistently across pages.

Content hierarchy on key pages wasn’t clear on mobile.

No lightweight system/components, so updates were slow and ad-hoc.

Site felt dated and didn’t reflect the brand consistently across pages.

Content hierarchy on key pages wasn’t clear on mobile.

No lightweight system/components, so updates were slow and ad-hoc.

Solution

Solution

Solution

Ran quick user checks, aligned with CEO + back-end dev, and redesigned/modernized the site.

  • Wireframed a responsive layout and implemented it, establishing a cohesive type/color/grid system and reusable blocks.

Ran quick user checks, aligned with CEO + back-end dev, and redesigned/modernized the site.

  • Wireframed a responsive layout and implemented it, establishing a cohesive type/color/grid system and reusable blocks.

Gallery

Gallery