← All brandsCASE FILE 12 / 24
‹ PrevNext ›
Lipton

Lipton · reverse-proxy integration

Lipton × Tesco: Lunch for a Year

Visit live site ↗(opens in a new tab)
liptonicedtea.com
Lipton × Tesco: Lunch for a Year, screen 1 of 4
Lipton × Tesco: Lunch for a Year on a phone
1 / 4

The brief

Develop a promotional microsite for a Lipton x Tesco partnership, designed to drive engagement with a "Win Your Lunch for a Year" prize draw.

What I built

  1. 01Developed a fully responsive frontend from Figma designs, guaranteeing a consistent and brand-aligned experience across all devices.
  2. 02Styled all key user-facing states, including the registration form, confirmation screens, and promotional content sections.
  3. 03Ensured the final build was optimized for high traffic and integrated perfectly with the client's backend for prize draw management.
  4. 04Scoped all CSS and JavaScript to prevent conflicts within the host environment, ensuring the microsite integrated flawlessly with the reverse-proxied header and footer.
  5. 05Conducted rigorous cross-browser testing using BrowserStack to guarantee a consistent user experience and functionality across all target devices.

Built with

  • Figma
  • HTML5
  • SCSS
  • JavaScript
  • PHP
Next case fileDolmio: Chance to win £10,000 →esc close · ← → browse brands