Embedded Files
Redesign
Overview
bestprice.com has launched a new visual identity, meaning that the website, app, Google Chrome extension, and other elements are now outdated.
These interfaces need to be redesigned to adapt them to the brand's new aesthetic, while also improving the current user experience.
This project is part of my internship at the company. Only the pages shown here were redesigned by me (web, mobile and app version); the rest were created by Johanna Grimberg or ActSectond.
Goal
Adapt the new visual identity following the brand guidelines and design system crafted by ActSecornd, securing the usability and proposing imrpovements and better practices for the user expirience.
Role
UX / UI Designer
Tools
Figma
Timeline
July to September 2023
List of pages and elements to redesign
All those pages mentioned here were redesigned and adapted for: Web (responsive) and App.
Navigation bar
Activity
Redeem
Browse
About cashback
Account
Privacy Policy
Terms and conditions of use
Contact
Here are a few brief examples:
Old UI
UI Redesigned
You can check the whole inteface visiting bestprice.com
Usability
Overview
bestprice.com bestprice.com Now that we have the entire interface ready, it's time to test it with real users. We want to see how useful our platform is and check what other improvements we can make.
Goal
Explore the usability of the platfomr using various methods.
Role
Usability tester
Tools
Figma, Meets, Optimal workshop
Timeline
October to December 2023
Metodology
User Testings
Heuristic evaluation
Usability principles evaluation
Interviews and surveys
Visual QA
Problems detected
Difficulty making claims
Comprehension issues; users do not know whether cashback has been activated correctly
Broken website filters
Confusion about how it works
Adult users find it difficult to learn how to use the platform
Some inconsistencies with the design system
....
Solutions
Check that programmers have correctly updated the design system and are no longer using elements from the previous platform
Correct category filters
Improve the clarity of cashback activation
Improve confirmation messages
Implement initial training
....
Micro interactions
Overview
bestprice.com has a new user interface, but it seems static and we are having some issues with user feedback. They want to add animations and more micro-interactions to make the platform seem more alive and improve the user experience.
Goal
Add animated micro-interactions that bring the user interface to life and help users obtain feedback.
Role
UX / UI Designer, Motion designer
Tools
Figma, Rive.app
Timeline
Undefined
Loading / Splash menu
Safari Phone Extension
Redeem screen
Activate cashback (Chrome extension pop-up)
You can check more animations visiting the bestprice.com platform
Google Sites
Report abuse