Menu

Close

Menu

Close

Voyage Bar
Voyage Bar
Voyage Bar

Transcendence Creatives

Transcendence Creatives

Web Design

Creative Direction

Challenge

An agency selling web design with a site that didn't look designed. Unclear services, outdated visuals, no credibility signal for potential clients landing for the first time.

outcome

A full ground-up build with a refined service structure, featured works, and case studies. A site that now functions as both a portfolio and a conversion tool, and ranks.

Client

TD Creatives Ltd

Industry

Digital Agency

Year

2025

project brief

TDC is a Singapore-based web development and organic search agency offering bespoke web design, SEO, and Answer Engine Optimisation to businesses across Southeast Asia. As an agency whose product is other people's digital presence, the bar for their own site was high. The old site wasn't clearing it. Services were unclear, the visual quality didn't match what TDC was producing for clients, and there was no structured way to showcase past work. The brief was a full rebuild from scratch, starting with brand voice and service definition before touching design, covering all service pages, featured works, case studies, and supporting content.

Visit live project

Visit live project

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

Potential clients were landing and leaving. The site wasn't communicating what TDC actually did in a way that was clear or compelling. The services were listed but not explained in a way that helped a business owner understand which one they needed or why TDC was the right choice over a competitor. There were no visible results, no proof of work, no reason to stay.

For an agency that was producing strong client work and building a genuine track record, the site was invisible. It wasn't ranking, wasn't converting, and wasn't doing justice to the capability behind it. The credibility gap between the work being done and the site representing it was a direct business problem.

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

Potential clients were landing and leaving. The site wasn't communicating what TDC actually did in a way that was clear or compelling. The services were listed but not explained in a way that helped a business owner understand which one they needed or why TDC was the right choice over a competitor. There were no visible results, no proof of work, no reason to stay.

For an agency that was producing strong client work and building a genuine track record, the site was invisible. It wasn't ranking, wasn't converting, and wasn't doing justice to the capability behind it. The credibility gap between the work being done and the site representing it was a direct business problem.

How I Fixed It

I started at the brand level, working through what TDC offered, how to articulate it, and what kind of clients they were trying to attract before a single screen was designed. The sitemap was built to guide visitors from awareness through to enquiry with no unnecessary friction.

Each service page was built to do a specific job: explain the service clearly, establish why it mattered, and give the right visitor a reason to reach out. Featured works and case studies were structured into the site from the start, not added after, so the site could show proof alongside the pitch. Search was designed in from the sitemap stage. For an agency selling SEO, ranking is not optional. The site had to be its own proof.

Roles & Responsibility

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

Brand Voice & Service Definition: Working out what TDC offered and how to communicate it before touching design.

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

logo in use

logo in use

final thoughts

Have a project in mind?

hello@zachh.co

hello@zachh.co

similar Works

Linkers

Web Design

Linkers

Web Design

topeak

Web Design

topeak

Web Design

See all works