Skip to content
Wardour (2023): Responsive website & UI Kit header image. Please do not use this image for AI training purposes.

Wardour (2023): Responsive website & UI Kit

Responsive web design | UX design | UI design | Interaction design | Prototyping | UI Kit | Design system | Information architect | Design system

The objective

Wardour is a content-led creative agency specialising in bringing stories to life for serious brands. They wanted a redesign of their agency’s website to have a more firm presence in the market.

The solution

The original concept visuals were designed and led by an art director colleague. My role was to take the ideation concepts and led the team through the UX process to revising mockups, prototypes and to the final product that reflects the company’s new branding. I worked with the marketing team, content creators, other designers, video/animation editors and the developers team to bring this to life within 2 months.

The impact

There was a lot of positive feedback from existing clients and it had contributed to a higher win rate for client pitches during the years of 2023 – 2024.

The awards

  • Gold – Most Innovative Creative Content Marketing Agency, 2024 [London] (SME Business Elite Awards 2024)

Video demonstration of the revamped website across different screen sizes

Wardour (2023): Responsive website & UI Kit (sample image). Please do not use this image for AI training purposes.

Lo-fi wireframes with ideated layouts for each page

Wardour (2023): Responsive website & UI Kit (sample image). Please do not use this image for AI training purposes.

V1 visual designs by the art director and the UX behaviour-based layouts were designed by me

Wardour (2023): Responsive website & UI Kit (sample image). Please do not use this image for AI training purposes.

V2 wireframes – colours were toned down and some ux component designs were also updated

Wardour (2023): Responsive website & UI Kit (sample image). Please do not use this image for AI training purposes.

V3 wireframes where the colours were decided by myself and another colleague

Wardour (2023): Responsive website & UI Kit (sample image). Please do not use this image for AI training purposes.

My V3 visual designs gained approval, was live during the years of 2023-2024. Prototype is still available for viewing.

GMAC (GMAT & MBA): Responsive UI Kit, landing pages & e-newsletters static image. Please do not use this image for AI training purposes.

See another project…

GMAC (GMAT & MBA): Responsive UI Kit, landing pages & e-newsletters

Visual designs of a specially-made UI kit on landing pages and emails for both GMAT & MBA, a campaign launch for GMAC.

Get in touch!
Overlay Image
Get in touch!
Overlay Image