CAPRABO APP REDESIGN
Project overview
Caprabo, a Spanish distribution company, has been part of the Eroski Group since 2009. Under the Caprabo brand, Eroski operates a network of over 300 supermarkets across Catalonia and Andorra. Headquartered in Barcelona, Caprabo provides nearly 6,000 jobs through its extensive presence in Catalonia’s four provinces.
Despite its reach, the current design of the Caprabo mobile application has faced significant criticism for its poor user experience, cluttered aesthetic, and various design flaws. These issues have not only frustrated users but may also be impacting the company’s overall revenue.
As a frequent Caprabo user, I have personally experienced the challenges of navigating their app. This case study aims to address these problems by identifying the app’s key usability issues and proposing a comprehensive redesign of its interface. Through user research and market analysis, the project seeks to create a more intuitive, navigable, and user-friendly mobile application for Caprabo customers.
Main problem
The current user experience of the Caprabo mobile application is hindered by poor navigation, a lack of responsive design for different devices, redundant repetition of icons and sections, and overall disorganization of its components. These issues contribute to user confusion and result in an unpleasant and frustrating experience.
How could I improve the mobile app experience for Caprabo’s regular customers to make it more intuitive and pleasant?
Current screens
Research
The main objective of this redesign is to make it easier for users to navigate the Caprabo mobile application, making it as self-sufficient as possible so that they don’t have to resort to opening its website through the browser. In addition, it is also intended to make it more intuitive and practical so the users have the feeling of having more control over their actions and know where they are and what they are doing all the time.
User participants and research methods
Since some regular users of the Caprabo application are people I know, I decided to conduct interviews with six users to gain deeper insights into how they interact with the app and identify areas for improvement.
Given the limited time available for the project, I focused my efforts on these six interviews to gather valuable feedback efficiently.
Following the interviews and in order to gather more information in the user’s context, I used the ethnographic method with them simulating a common situation in which they use the Caprabo platform. I asked them one by one to open the platform and navigate through it in the same way they usually do, with the aim of detecting in each case the different aspects of improvement that arose when they accessed to different sites and ensure to what extent they satisfy the requirements of different users.
Empathy map
User personas
Card sorting
User flow
Main problems of the current application
App Store reviews
I have collected feedback from various Caprabo app users in the App Store to use it as a reference point to meet my objective and to be able to focus this improvement project in the best possible way.
I consider this an opportunity to generate a significant impact by creating a design that truly resonates with users and improves their shopping experience.
Main solutions
Design process and timeline
Benchmark
Reference wireframes
Redesigned screens
Style Guide
Typography
Buttons and icons
Components
Usability testing
The next step in the process involves conducting a usability test on the design prototype to evaluate its alignment with user requirements and ensure the effectiveness of the proposed solution.
Discussion guide: User’s tasks
1) Evaluate the homepage structure to assess whether it effectively meets user needs.
2) Test the account creation process to determine its intuitiveness and ease of use.
3) Search for a product and review its details to analyze the practicality and user-friendliness of the process.
4) Examine access to the tickets and coupons sections to ensure they are easily accessible.
5) Navigate to the shopping lists section and create a new list to evaluate the functionality and user experience of this feature.