M&S
Overview
M&S were relaunching their Sparks loyalty card with a new brand and rewards system. Elephant were asked to work with M&S in creating an updated Sparks card responsive hub and app.
The new M&S Sparks brand was still in flux whilst we were working on the projects. This resulted in a lot of re-iteration of the visual style and UI whilst simultaneously creating prototypes for user testing and preparing assets for build by the developers.
Client
M&S
Discipline
Lead designer
Sparks hub page
These are the final approved design of the sparks hub page. You can toggle between available offers and offers already added.

This screen shows all available offers

This screen show the page when 'added' has been toggled.

Mobile versions of the hub
Style exploration
We explored many visual style options whilst the key visuals were being developed by the M&S brand team.

An example of some options for the page hero


