← All brandsCASE FILE 01 / 24
‹ PrevNext ›
Pepsi

Pepsi · multi-stage PIN entry

Pepsi × CFL: Grey Cup Adventure

Pepsi × CFL: Grey Cup Adventure, screen 1 of 6
Pepsi × CFL: Grey Cup Adventure on a phone
1 / 6

The brief

Develop a front-end for a promotional microsite with a multi-step entry form and secure verification.

What I built

  1. 01Engineered a multi-stage user journey with a custom PIN entry form for 2FA.
  2. 02Developed a robust image upload module with drag-and-drop functionality.
  3. 03Built a fully responsive layout with semantic markup and custom form styling.
  4. 04Managed client-side state for the entry form, providing dynamic error messages.
  5. 05Implemented the entire user journey, from submission to confirmation.

Built with

  • Figma
  • HTML5
  • SCSS
  • JavaScript
  • PHP
Next case fileCoca-Cola: Co-op Meals that Matter →esc close · ← → browse brands