Unpacked is Tesco's end of year animated statement. Released to customers in the app and web it sums up how customers have shopped and saved. Highlighting shopping stats, fun facts and loyalty rewards.
In February 2022 we released the MVP to a small audience to learn how they would react to the feature and test what we could technically achieve.
Taking the learnings from the MVP, in January 2023 we released the complete improved version to a much larger audience
UX/UI Design Lead [2022/23]
Engage customers through a personalised experience
Surface data that resonates with customers and surprises them
Help customers discover, understand and spend the value they gain with Clubcard
Digitise customers
Make it accessible to all customers
Animation
Controls
Share
Entry points
We created excitement around the concept by presenting them with a few ideas, simple visuals and reflecting on the current market trends. The response was positive and we knew the next step was to engage them further by running an ideation workshop to get the best ideas on the table and map the feasibility.
We are making improvements to our whole digital statement space, to better surface value, reduce reliance on paper and improve engagement with Clubcard and Tesco more broadly.
Our 'north star' for this will be an animated/interactive annual statement, utilising the vast amount of data we have to incorporate highlights from the customer's 'year at Tesco'.
Working back from that, we will make improvements to the quarterly and weekly statement to support that too.
Competitor benchmarking, Affinity mapping, Ideation, Discussion.
Competitor benchmarking and opportunities
Ideation
The workshop resulted in a list of themes we felt were valid for our customers and within each theme we had multiple ideas of how we could bring the revelant data to life.
Social
Aspirational
Profile
Savings
Activity tracking
We gathered attitudinal data on high-level themes of ideas (customer profile, savings, aspirational, benefits activity/ timeline, social). The results proved we were on the right path and there was interest from customers to know more about their shopping and how that compares to others.
We had agreed on the themes with our stakeholders and validated them with customers through the survey. It was now time to bring them to life through design.
We set out a loose storyboard which we used as the basis for designing the concepts. There was an opportunity at the time to take part in a motion sprint led by the Brand team who were working on motion principles and wanted the business to test their toolkit. We used this sprint as an opportunity to kick-start our ideation process.
The result of the motion sprint was a refined storyboard with explorations of animations and interactions. We then brought these to life, from Figma to After Effects. And the first animated Unpacked was born.
Initial storyboard and motion rhythm
Animation ideation in detail using brand principles
While we were designing and animating Unpacked we were working closely with the development and data teams to understand how they could build out the feature for the app and inject the customer data at different points. We explored multiple avenues over 1.5 months, keeping in touch on a daily basis and sending files back and forth.
This was an essential process for all teams as the technical difficulties and constraints surfaced through this exploration and resulted in changes to our initial plans and designs.
We understood that not all concepts could be built for the MVP. Not all data was readily available to be injected into the feature and not all design ideas were technically feasible in a dev environment. And so we had to make a call on what we would take into the MVP and what we would save for the year later.
Final Story board with animation annotations - Figma
Comprehension:
Was the content presented understood by the participants?
Look and feel:
How the participants perceived look and feel of the proposed statement?
Capture comments:
What participants say when the prototype was shown?
Reaction to animation:
How participants reacted to the animation quality, speed, ease of use?
9 customers | UK Based | Age: 18-65+ | Familiar with Tesco Clubcard | Online shoppers | Frequent Tesco customers.
Participants matched the UI with Tesco branding.
Participants required tweaks in animation speed.
Participants reacted positively towards the animations.
All participants required additional information on certain topics / sections.
Participants were more keen on sharing different parts of the prototype and not the prototype as a whole.
General controls were understood, participants had different expectations on the interaction.
Some participants anticipated sound with the animation.
Overall findings were positive and we took onboard the customers feedback to improve the piece for the MVP release.
The MVP was released to a subset of customers that met established criteria. We released it in late January 22 and was available to customers for 3 months. During this time we monitored interactions, drove engagement through targeted email campaigns and push notifications, and watched out for social media noise. When the MVP was removed from live we analysed the data and survey results which gave us insights and next steps for 2022 Unpacked.
It was released in-app only.
Savings and breakdown
Points total and breakdown
Voucher total and breakdown
Favourite reward partner
Top shopped product game
Most shopped store
N. of times Clubcard was scanned
Charity donations from your area
Controls (allowing customers to pause, fwd, rewind through sections)
Sound (that could be turned on or off through controls)
Survey at the end to give feedback
Entry points through app banner, email campaign, push notifications
Majority of customers who saw 2021 Unpacked were thrilled by the feature.
They enjoyed the content and were eager to know more about their shopping habits.
However some concepts/themes were not that interesting to customers.
They wanted the ability to share the content on social media.
Customers wanted to know how they could make the best of the rewards they had earned through shopping.
Looking at the data and audience available overall we understood the importance of surfacing the feature across both web and app, thus expanding the customer reach. We understood the importance of how we nudge/ make customers aware of the feature can drive traffic.
This year we leaned on the learnings from the year before. We looked back at the collaborative experience, what we learned from our ways of working, our timelines, the technical difficulties, and of course the results of the MVP data and survey.
For 2022 Unpacked we designed and developed a larger concept that we released to a much wider audience. We aimed to create an exciting experience that strikes a balance between fun, informational and interactive.
It was released in the app and web.
How to save with vouchers
Top 3 most bought products
Favourite category quiz (breaking down shopping categories for customers)
Top 4 most shopped categories
Meal deals - what is your favourite meal deal combo?
Share & download on twitter
Tell us what you think (survey)
If you have any questions about the project get in touch 😀 vera@veramarin.com