Cerdá Group has become one of the largest manufacturers, distributors and B2B wholesalers in Europe of Disney, Star Wars and Marvel licensed products, among others.
THE CHALLENGE
After a process of internal analysis by Cerdá Group, it is concluded that it is necessary to redesign its entire online store and corporate pages, since:
The image conveyed by your web platform is not aligned with the company's actual brand image.
The customer experience (UX) and the graphical interface (UI), is not adequate for a brand with this positioning and relevance in the market.
Improve the UX to provide customers with all the information and assistance needed to operate from start to finish without the intervention of a commercial manager (which will lead to an optimization of resources and costs). Fast-track.
They need to increase their main KPIs, such as: number of purchases per customer, average cart amount, conversion rate from visitor to registered, conversion rate from registered to 1st purchase, or the number of requests in B2B services.
They want to distinguish the store side from the corporate/business side, in turn restructuring and strengthening the latter.
They need to include certain customizations in some pages and sections depending on whether the visitor is already registered as a customer or not.
"It has been a pleasure to work with you. I would highlight your professionalism in the management of the project, the transfer of information and the fulfillment of deadlines and objectives, that's a pleasure!"
Victor de Enrique
Digital Business Director - Cerdá Group
NEW SHOPPING EXPERIENCE
Before going on to redesign anything of the new platform experience and interface, we conducted a process of immersion and understanding of the situation, needs and objectives, as well as an audit and heuristic tests to identify the different points of improvement throughout the platform.
Brand Strategy Brief - To lay the foundations of the brand and be able to work with a solid visual and verbal identity.
Product Canvas - To have a better global image of what the product should be.
UI/UX Audit - To analyze your current website and take a closer look at its strengths and weaknesses.
Navigation Flows - To understand the buying process and the needs of your customers.
Concept Maps and Content Tree - To visualize the full dimensions of the web.
VISUAL IDENTITY
Over the years, the client had lost a bit of consistency in the brand image through its different media (online and offline). It was therefore necessary, thanks to a series of dynamics and creative exercises, to design and create a Style Guide to be able to land all these ideas and visual concepts of the new visual identity.
Interface and UI kit redesign.
In a fully iterative process of creation and validation with the client, the solution was produced.
First, we created the sketches in Figjam to define the information architecture and structure of each new page of the platform.
Then, we design one by one the mid-fidelity wireframes, capturing all the functional part and validating the UX with the client.
We prepare high fidelity page designs (mockups) for subsequent implementation on the web platform. Designs made for both desktop and mobile devices.
from design to code
To make life easier for the client's development team, the designs were exported from the Figma environment to a functional code (HTML and CSS) to be able to work in Twig templates (PHP Symfony).