John Lewis Sales
Header designs for the John Lewis website
Designed visually compelling creatives tailored for high-impact placements, like homepage headers, digital display takeovers, and programmatic banners. Aligning Sale with brand consistency on desktop and mobile formats.
Client: John Lewis Digital Team
Sector: Sales
Category:Design + Code
Design :Sketch,Photoshop, Illustrator
Animated Headers and Banners:
After Effects animation:
Sequence focusing on an Introduction & Offer Reveal for the header section of all sales pages
Background Animation - A smooth gradient shift or a subtle zoom-in on a product.
Text Entrance - "50% Off" and CTA button fades in with a slight scale-up effect.
*High fildelity UI banners:
Structured Layout -
The content should be clearly divided into three key steps, making it easy to follow.
Each section should is numbered (1, 2, 3) to guide the developer through the information.
Clear Messaging -
Each step should have a concise headline and a short supporting description.
The tone should be friendly, informative, and in line with the John Lewis brand voice.
Static banner - 660 x 660px
Static banner - 1200 x 200px
Static banner - 787 x 512px
Static banner - 1200 x 500px
*Clearance banners:
Designed and developed promotional banners for spring-season product sales, including UI design and front-end implementation using HTML5, CSS3, and JavaScript.