The Idea Agency

Concept selection

Two directions for the
TIA website redesign.

Per §4.3 of the SOW, design selection is between two distinct creative directions. Walk both homepages, then we lock one direction and move to full template design in Phase 3.

Open in new tab ↗
01Live preview

Concept One

Navy + Copper

Classic, sector-led, considered.

Built around a deep navy and copper palette with TIA red as a structural accent. Warm neutral surfaces. Tailored toward a corporate / senior-client posture.

Open in new tab ↗
02Live preview

Concept Two

Editorial — TIA brand-led

Bold display + editorial italic accents.

Built around the existing TIA logo and red as a precision accent. Paper-dominant surfaces, kinetic cursor-spotlight hero, scroll-driven reveals, masonry industry carousel.

Side by side

Concept 01 vs Concept 02.

Spec01Concept One02Concept Two
PaletteNavy + copper + TIA red as structural accentPaper + ink + TIA red as precision accent
TypographyDM Sans body, Sora displayBricolage Grotesque + Instrument Serif italics
HeroFull-bleed image with overlaid headlineCursor-spotlight reveal over a tile wall of work
MotionStandard transitions, on-load revealsLenis smooth scroll, scroll-driven reveals, magnetic CTAs
Work showcaseHero image grid + case detail cardsPinned section with horizontal-scroll work archive
IndustriesTile grid of sector cardsFull-bleed carousel with prev/next arrows
InsightsImage-led card rowOversized red numerals (01/02/03) over grayscale image
PostureCorporate, senior-client, classicAgency-tier, editorial, brand-led

Scope of this review

Each concept is presented at homepage level only. Inner-page navigation is intentionally disabled so this review stays focused on direction selection, not page-by-page copy or template scope.

Inner templates — Service, Industry, Case Study, Article, About, Contact — are produced in Phase 3 after a direction is locked.

Next step

Walk both. Reply with the direction (01 or 02) and we’ll move straight into Phase 3 template design.