PROJECT NAME
EdTech Marketing Website Design
ROLE
UI designer
TEAM
Product team at Eight
TIMELINE
2 months
TOOLS USED
Figma
Overview
About this project
Get More Brain's marketing website required a complete visual and structural overhaul. While the company had an established brand identity, the existing guidelines were primarily designed for print and provided limited direction for digital products.
The objective was to evolve the brand into a scalable digital design system while redesigning the marketing website to improve clarity, accessibility, and consistency across desktop and mobile. This included expanding the colour system, defining reusable design tokens, creating UI foundations, and designing a modern marketing experience aligned with contemporary SaaS and EdTech standards.
From Print Guidelines to Digital Design System
The original brand guidelines were created primarily for print and provided limited support for digital products. I evolved the system with a structured colour palette, design tokens, reusable UI components, and accessibility improvements to create a scalable foundation for both marketing and product design.
Design Process
The project began with an audit of the existing website, brand assets, and competitor landscape. I researched modern SaaS and EdTech marketing websites to identify common patterns in content hierarchy, navigation, product storytelling, and conversion-focused page layouts.
To support the transition from print-focused branding to a digital ecosystem, I expanded the existing colour palette into a structured design system with accessible colour scales, semantic tokens, and reusable UI foundations. This enabled greater visual consistency while providing developers with a scalable framework for future product and marketing initiatives.
The final designs were refined through stakeholder feedback and tested across desktop and mobile breakpoints before implementation.
Challenge
The existing brand guidelines consisted of a limited colour palette and basic typography rules, providing little guidance for digital applications.
The challenge was to evolve the visual identity into a scalable design system suitable for web experiences while preserving brand recognition. Accessibility also needed significant improvement, as the original colour combinations created readability and contrast issues across key marketing pages.
Outcome
Delivered a refreshed marketing website supported by a scalable digital design system and expanded colour framework.
The redesign improved visual consistency, strengthened accessibility through improved colour contrast and typography hierarchy, and established reusable design foundations for future website and product development.
The result gave the team a reusable foundation to build future product and marketing pages with consistency and speed.
EdTech Marketing Website Design
Redesigning the website within the existing brand identity, optimised for digital
