A smooth and visually appealing animation on the ongoing tracker stage will help to reassure the customer that their claim is very much in motion and that it has not been forgotten about.
The animation will provide a quick and easy visual of tracking their claims, as well as reduce the number of tickets raised to customer service regarding information about the stage of their claim.
Members have their time freed up and they can spend their time on other things - such as more shopping and saving via TopCashback. Meanwhile, the customer service team are able to focus on more complex queries.
See the Pen
Claims Tracker - Animation Pulse by <3 (@hanzix)
on CodePen.
See the Pen
Blinking point with SVG by <3 (@hanzix)
on CodePen.
See the Pen
Botón Genérico 2 by <3 (@hanzix)
on CodePen.
Enhanced Understanding: Animation is a powerful tool for simplifying complex information. It can break down the often intricate details of claims processing into easily digestible visuals. Members can quickly grasp the status and progress of their claims without needing to decipher dense text or navigate through confusing documents.
Transparency: An animated claims tracker provides transparency into the claims process. Members can see where their claims are in the pipeline, from submission to resolved or closed. This transparency builds trust with the cashback provider, as members feel informed and involved in the process.
Real-time Updates: Animation can offer real-time updates, so members can track the progress of their claims as it happens.
Interactive Features: Animated trackers can incorporate interactive elements. Members might be able to click on different completed stages to get more information or access relevant links, making the experience even more user-friendly.
Hi-Fi Mockup
Here you will find a collection of further recommendations, as requested in the deliverables, on how to improve the processes including and surrounding the claims tracker solution. An AI aggregator tool was used to leverage some of my original ideas listed below.
Message Order: Have messages appear in reverse chronological order. Having the most recent messages display at the top means that the customer (and CS depending on internal systems and processes) don’t have to waste time scrolling to the bottom of the page or become confused by text-heavy areas.
Remove ‘Send a nudge’: This could feel disconcerting for the customer, as though the customer service team need reminding by the customer, or that CS might somehow have missed the customer’s message. From a UX perspective, I’d feel somewhat forgotten about if I have to send a nudge in addition to a message, and that there is somehow no concise strategy, order or protocol from TopCashback’s CS department.
Notification System: Members receive automatic notifications when their claim status changes, ensuring they are always informed without actively checking the platform.
Personalised Insights: The system can offer personalised insights to members about common reasons for claim declines or delays, particularly if a pattern is detected, empowering them to take proactive steps to improve their cashback success rate.
Earliest Convenient CTA: Display a claim (new/submit and ongoing/see details) CTA from the earliest and most convenient stage to reduce customer clicks.
Sort By: Have options on Customer Services > Existing Claims > Missing Cashback Claims page to
sort by Date, or A-Z retailer.
Layout Spacing: Cleaner arrangement and reduction of space for the text placements of: ‘Order Date’ to ‘Policy Number’, creating move space visually on the length of the page.
Translations: Consider translations and how this might impact copy implementation and viewport breakpoints, more specifically any media queries that the developers might have in place.
Workflow Overview