Project overview
BubbbleGo is a company that produce original and refreshing bubble teas in various flavours. They distribute their products in 6 european countries in stores such as Delhaize, Cora, etc...
Problems:
- Their website is not working properly, there are no informations about the products/flavours and it's not visually appealing.
Goals:
- Make a one or two page website to showcase the different flavours, where to find the products and how to become a seller.
- Make sure that the content od the website is easily changeable by anyone with internal and external access.
- Based on Wordpress, the site must be simple, efficient and effective.
Services
Custom graphics / UX design / UI design
Tools used
Balsamiq / Figma / Illustrator / Photoshop
Brand Design
As the brand identity and brand identity guidelines were incoherent and inconsistent I suggested to make some modifications and set some rules about their designs.
UX design
I interviewed the client, analyzed competitors, defined personas and the information architecture and sketched some ideas.
UI design
Once I was satisfied with my ideas, I started designing the wireframes in Figma.
Animation that I made in Figma to show to developers how the elements had to show once the user land on the homepage
Based on my user personas I've created two user flows diagrams to map every step of the user interaction required to achieve the main goals.
Prototype
Challenges
• Unexpected Team Changes: midway through the project, their graphic designer went on maternity leave. This change required me to step in and make critical design decisions without her approval. Ensuring that these decisions aligned with the existing brand vision was crucial. After a period of uncertainty, the company hired a new graphic designer and I collaborated with the new designer.
• Incoherent Brand Design: One of the significant challenges was the lack of consistency in the brand's graphic design elements. I identified these inconsistencies and communicated them to the stakeholders and the designer. The updated brand guidelines provided a clearer framework, but I had to integrate these new elements seamlessly into the website design.
• Stakeholder Availability: at a critical juncture, the primary stakeholder didn't anwser emails for several months due to personal issues, which we discovered later. This absence meant that the project had to be put on hold, causing delays.