Nathan L Fraser

Landing Pages

Campaigns + collections across the seasons

  • Visual Design
  • UI + UX
  • Style Guide
Landing pages - seasonal collection designs
  • DesignNathan Fraser
  • DevelopmentBen Hadwen / Adam Randall / Elisabeth Vicente

Refreshed season upon season to reflect the narrative and identity of the latest campaign, this selection of landing pages showcases the evolving nature of tedbaker.com through the years.

Adapting the visual identity of the season in a digital space, the pages were designed with a modular approach using versatile style guides to govern the diversity of campaigns; fashion trends and usability data inspired and informed the user journey.

Autumn Winter '22

Autumn Winter '22 landing pages - desktop
Autumn Winter '22 landing pages - mobile
Autumn Winter '22 landing pages - mobile

Typefaces

Sabon

Futura PT Demi

Futura PT Book

Campaign Palette

#9B6A4A
rgb(155,106,74)

#BC7B46
rgb(27,63,74)

#812826
rgb(1,71,51)

#022633
rgb(196,96,20)

Spring Summer '22

Spring Summer '22 landing pages - desktop
Spring Summer '22 landing pages - mobile
Spring Summer '22 landing pages - mobile

Typefaces

Futura PT Demi

Futura PT Medium

Futura PT Book

Campaign Palette

#1D3C34
rgb(29,60,52)

#96483E
rgb(150,72,62)

#E7735A
rgb(231,115,90)

#EEBAA9
rgb(238,186,169)

#85B3CE
rgb(133,179,206)

#477A5D
rgb(71,122,93)

#C1BBAD
rgb(193,187,173)

Autumn Winter '20

Autumn Winter '20 landing pages - desktop

Typefaces

Clearface

Campaign Palette

#363F3E
rgb(173,14,25)

#E4D9C3
rgb(40,14,89)

Spring Summer '20

Spring Summer '20 landing pages - desktop

Typefaces

Freight Big Bold

Futura PT Bold

Campaign Palette

#51294F
rgb(303,49,32)

#0C2340
rgb(213,81,25)

#D1DF01
rgb(64,100,87)

#EB3201
rgb(13,100,92)

Autumn Winter '19

Autumn Winter '19 landing pages - desktop

Typefaces

Gascogne Bold

Campaign Palette

#0C2340
rgb(213,81,25)

#E84621
rgb(11,86,91)

#174034
rgb(162,64,25)

Spring Summer '19

Spring Summer '19 landing pages - desktop

Typefaces

Quote Script

Brush Hand New

Campaign Palette

#271D33
rgb(267,43,20)

#788245
rgb(70,47,51)

#C8C470
rgb(57,44,78)

#F7C600
rgb(48,100,97)

#AC781F
rgb(38,82,67)

#D55B01
rgb(25,100,84)

#9C3C36
rgb(4,65,61)

Autumn Winter '18

Autumn Winter '18 landing pages - desktop
Autumn Winter 2018 landing pages - mobile
Autumn Winter 2018 landing pages - mobile

Typefaces

Baskerville Bold

Futura PT Bold

Futura PT Light

Campaign Palette

#763274
rgb(302,58,46)

#B3A4D3
rgb(259,22,83

#FFF9B3
rgb(55,30,100)

Autumn Winter '17

Autumn Winter '17 landing pages - desktop
Autumn Winter 2017 landing pages - mobile
Autumn Winter 2017 landing pages - mobile

Typefaces

Abril Fatface

Oswald Bold

Oswald Light

Campaign Palette

#2F3462
rgb(234,52,38)

#633C47
rgb(343,39,39)

#645B41
rgb(45,35,39)

#00595F
rgb(184,100,37)

Autumn Winter '16

Autumn Winter '16 landing pages - desktop
Autumn Winter 2016 landing pages - mobile
Autumn Winter 2016 landing pages - mobile

Typefaces

Din Pro Medium

Grotesque Condensed

Andale Mono

Campaign Palette

#4B384C
rgb(297,26,30)

#9BD2DE
rgb(191,30,87)

Consumer Insights

Save Confluence, jira, email, codepen, notes

  • Product Design
  • UI + UX
  • Discovery
Project Huxley - Ted Baker web screens

Next Project

Project Huxley

View the Project
Scroll to top