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