We had to build the group's global websites with a unique design system, and an upgraded and common technology (funnel and e-commerce) focusing on the enhancement of the user experience and the maximisation of the online sales.
To achieve this project, +220 dedicated multidisciplinary FTEs are being orchestrated with the client and two service providers (Analytics, Search Strategy, UX/UI, Web Development, and Content). This case study will be focused only on the UX/UI part.
The role I played in this project was UI & UX Consultant. We were a team of 6 -incredible- product specialists (Elena Benito, Olmo Romero, Almudena Trujillano, Antonio Jimeno, Pablo de Juan and Bianca Brachetti). The tools used for this project were Sketch, Figma, Trello, InVision, Abstract, Jira and Excel.
At this point, knowing the project goals, it was time to identify the main problems in their current websites. Listed below are some of the main issues ๐ฉ we saw in the Legacy webs:
After identifying the general bugs and defining our goals for the project, we proceed to divide the parks into waves, each wave had a specific thematic and reason to be:
Hence, we proceed to interview a responsible for each park, so we could gather the maximum information about their current pain points with their webs and payment funnels, and also, to understand the cultural differences and needs of each park to take them into account while designing the new platform. Furthermore, using these insights we crafted 10 personas, to capture the pain points and frustrations of our target users.
Thanks to the research we conducted previously, we came up with a component-like type of solution for this project. Meaning that all parks will have a unique design system where they can customize the colours, fonts, and currency.
First, we defined them to a functional level, validating their functionalities with the key stakeholders, making sure they will be fully responsive, accessible, and coherent throughout the whole web.
With these, we ran five concept tests and then settled on a user flow that we would use to begin creating Lo-fi prototypes of the components. The key part of this process was determining exactly which questions we needed to validate with the stakeholders and what problems we were solving for the user, and in what order.
Below we can appreciate a very, veryโฆ very simplified example of this process.
We faced 3 main challenges while designing the design system, those were:
Every design system is supported on top of some main basics that will help to build the rest of the components and give unity and consistency to all the elements
๐ Grid: To give a basis for where the website will be built. We established a 12-column grid for desktop and a 4-column for mobile.
๐ค Typography: Two were proposed by the team (Anton & Barlow), but parks were treated particularly in case they needed another font.
๐จ Colours: Defined according to each parkโs branding system
๐ข Iconography and patterns: Unique and simple style for all parks to enhance the communication and help the brand to be more powerful.
\
Galaxy Project has beaten its objectives in 2021 and is expected to even improve them in the following years. The main success KPIs are:
๐ฎ This project has helped broaden my system-level product thinking. I was also able to foster strong collaboration by working with other teams tackling similar challenges.
๐ It also taught me how to better mix the Business, Coding, and Design worlds together.
๐ซ And on a more personal level, I learned how to get a more balanced personal-work life.