Edu Aequitas

Edu Aequitas

Web Design

Creative Direction

Challenge

Real credibility, recognised internationally including by Harvard. None of it came through on the old site. It wasn't establishing authority or converting educators into enquiries.

outcome

A site that matched the organisation's standing. Clear structure, credible on first impression, with a direct path for educators to understand and enroll in the programs.

Client

STEAM Singapore

Industry

Education

Year

2025

project brief

Edu Aequitas is an international STEAM education organisation founded by A/Prof Turner Lam, a pioneer in STEAM education and founding member of the STEAM Education Association Singapore. Their professional accreditation programs for educators are built around the proprietary DDMT-S framework and recognised by institutions including Harvard. The organisation was growing rapidly and gaining international recognition, but the existing web presence wasn't reflecting that standing or converting the educators and institutions they were trying to reach. The brief was a full build from sitemap to launch.

What the icon stands for

What our iconstands for

The mark combines three overlapping ellipses, each colour representing one of STS's three age groups, nursery through to year two. The shape is built on the letterform S and draws from the visual metaphor of stacked stepping stones, which is where the school gets its name.

=

=

Scalable Identity System

Logo Variations

color palette

#823439

#823439

#823439

#823439

#823439

#823439

Tint & Shade

20% lightness increments

Typography

primary type face

Cooper Hewitt

Hierarchy & Weight

Aa

Thin

Aa

Regular

Aa

Semi-Bold

Aa

Heavy

What Wasn't Working

The credibility was there in abundance. A founding professor, international recognition, a proprietary teaching framework, partner institutions from around the world. But none of it was landing on the site. Educators arriving for the first time had no immediate sense of why this organisation was worth taking seriously, what made the DDMT-S methodology different, or how to move from interest to enrollment.

The information architecture was working against the brand. Trust signals were buried. The accreditation pathways were unclear. For an educator trying to understand whether this program was right for their professional development, the site created more questions than it answered. For an organisation being recognised at a Harvard level, the gap between reputation and web presence was significant.

Roles & Responsibility

As a Project Lead, I owned the full pipeline from start to finish.

Creative Direction: Defining the visual language, layout, and overall site experience.

Client Management: Leading briefs, presenting concepts, and aligning on direction throughout.

Team Assembly: Sourcing and onboarding the Webflow developer and animator.

Production Oversight: Briefing the build team and ensuring designs translated correctly into Webflow.

Quality Assurance: Balancing visual ambition against site speed, making sure every interaction held up in the browser.

What Wasn't Working

The credibility was there in abundance. A founding professor, international recognition, a proprietary teaching framework, partner institutions from around the world. But none of it was landing on the site. Educators arriving for the first time had no immediate sense of why this organisation was worth taking seriously, what made the DDMT-S methodology different, or how to move from interest to enrollment.

The information architecture was working against the brand. Trust signals were buried. The accreditation pathways were unclear. For an educator trying to understand whether this program was right for their professional development, the site created more questions than it answered. For an organisation being recognised at a Harvard level, the gap between reputation and web presence was significant.

How I Fixed It

I led the project from information architecture through to final delivery. The site was restructured to open with credibility and move visitors toward the programs with as little friction as possible. Founder credentials, institutional recognition, and partner logos were surfaced early, giving the organisation the authority it had earned but hadn't been showing.

The DDMT-S framework was given dedicated space and explained clearly in plain language, making it accessible to educators who were encountering it for the first time. The accreditation pathway was designed as a step-by-step journey, breaking what could feel like a complex commitment into clear, manageable stages. Each page was built to do one job without overlap or noise.

Roles & Responsibility

As a Project Lead, I owned the full pipeline from start to finish:

Creative Direction: Defining the visual language, layout, and overall site experience.

Client Management: Leading briefs, presenting concepts, and aligning on direction throughout.

Information Architecture: Structuring the site around the educator's decision and trust journey.

Production Oversight: Briefing the build team and ensuring designs translated correctly into Webflow.

Quality Assurance: Balancing visual ambition against site speed, making sure every interaction held up in the browser.

Scalable Identity System

Logo Variations

Primary Lockup

Icon-only

Vertical Lockup

color palette

#823439

#823439

#823439

#823439

#823439

#823439

Tint & Shade

20% lightness increments

Typography

primary type face

Cooper Hewitt

Hierarchy & Weight

Aa

Thin

Aa

Regular

Aa

Semi-Bold

Aa

Heavy

Scalable Identity System

Logo Variations

Primary Lockup

Icon-only

Vertical Lockup

color palette

#823439

#823439

#823439

#823439

#823439

#823439

Tint & Shade

20% lightness increments

Typography

primary type face

Cooper Hewitt

Hierarchy & Weight

Aa

Thin

Aa

Regular

Aa

Semi-Bold

Aa

Heavy

How I Built It

How I Built It

Mindmapping

Before any mark was drawn, the process started with a mind map to unpack everything the brand needed to communicate. Playfulness, safety, growth, accessibility. That thinking shaped the direction before a single line hit paper.

Process

logo in use

logo in use

final thoughts

Have a project in mind?