Witor's
Website
@Caffeina/Dynamo
2022

Witor's

Mymenu is a leading food delivery app in Northern Italy, known for its exclusive partnerships with carefully selected restaurants.

In a context of increasing interest from international giants, the team’s goal was to demonstrate that the project was active and evolving, solidifying investor confidence and encouraging acquisition offers.

My role was to lead the aesthetic redesign and functional improvements of the app, aiming to reinforce the brand’s identity and enhance the user experience.

Witor's, a historic Italian company active in chocolate production since 1959, has requested a complete remake of its online platform. The main objective was to redesign and optimize the website interface, in line with the rebranding activities concurrently undertaken by the brand.

ghd, a leading brand in hair care products, is known for its strong ties to hairdressing salons and professionals distributing ghd-branded items to consumers.

ghd Italy sought Dynamo's assistance in supporting B2B targets by boosting salon traffic to attract new clients. The challenge was to digitally stimulate physical traffic recovery post-pandemic restrictions.

Collaborating with the cross-functional Caffeina team, I identified a digital opportunity aligning ghd's end customers (B2C) and salons (B2B), resulting in "Free Your Style." This service allows customers to book a complimentary hairstyling session with local ghd professionals, streamlining the digital experience of a physical service.

Parmalat, a global leader in the dairy industry, turned to Caffeina/Dynamo for the comprehensive redesign of its brand ecosystem portals, driven by the need to stay competitive in a dynamic market landscape.

Central to this endeavor was the dual challenge of enhancing user engagement and bolstering online visibility. Consequently, our objectives were twofold: to fortify Parmalat's digital presence and to elevate user interaction.

A pivotal aspect of this project was the imperative to imbue the interfaces with a modern and fresh aesthetic, aligning seamlessly with contemporary digital design trends.

Ensuring that the visual aspect of the portals reflected the innovation and quality synonymous with the Parmalat brand was crucial for enhancing the overall perception of the company among online users. Additionally, modernizing the interface was essential for sustaining user interest over time, ensuring an engaging and cutting-edge visual experience.

75.434

Website visits
(first 3 months)

30.827

Bookings
(estimated 8.000)

40%

Conversion rate

90%

Customer satisfaction

+44%

Rating Apple Store

+67%

Downlads Apple Store

+47%

Rating Play Store

+150%

Downloads Play Store

+133%

Website visits

+34%

Page per session

+52%

Drive to ecommerce

90%

Customer satisfaction

75.434

Website visits
(first 3 months)

30.827

Bookings
(estimated 8.000)

40%

Conversion rate

90%

Customer satisfaction

Design System
Information Architecture
Interaction Design
Ui/Ux Design
No items found.
Codesign workshop and design principles

At the onset of the project, a comprehensive codesign workshop was organized in collaboration with the client to establish the foundational design principles for the website redesign.

During this workshop, we meticulously outlined the value proposition of each brand, identifying what sets them apart in the market and how they cater to their respective audiences. We also delved into the problems we aim to solve, ensuring that the redesign addresses key user pain points and enhances overall usability.

Understanding the users was paramount; we conducted thorough user research to define their needs, behaviors, and preferences, ensuring that the redesigned site would resonate with them and provide a seamless experience. This collaborative approach ensured that all stakeholders were aligned and that the redesign strategy was firmly rooted in both business objectives and user-centric insights.

The Challenge of Scale: Balancing Premium Quality with Market Reach

Mymenu’s strategy of offering a curated selection of premium restaurants, secured through long-term exclusive contracts, ensured exceptional quality and larger average basket sizes compared to competitors.

However, as a smaller local player, the platform struggled to achieve the market scale necessary to withstand the increasing penetration of larger national competitors.

This imbalance posed a significant challenge, underscoring the need to showcase both the app’s unique value proposition and its growth potential to maintain relevance in a competitive market.

One service, two users

We began with service design to ensure a comprehensive understanding of the needs of the different target groups involved. This approach allowed us to map the user experience and identify critical issues and opportunities before advancing to more costly phases of the design process, enabling us to prioritize features that deliver value to our users as quickly as possible.

Design implementation and brand cohesion

Building on the insights from the codesign workshop, I opted for a layout characterized by soft lines, inspired by the texture of Parmalat products, and a cheerful atmosphere that aligns with the moments of product usage throughout the day.

In making this choice, one of the primary challenges was ensuring that the four portals were distinctive yet coherent, while maintaining a unique identity.

To achieve this, I relied on the use of specifically selected colors and illustrations for each vertical, while maintaining a stylistic coherence that made them identifiable as part of the same family.

The implementation of a universal navigation system and cross-site research was crucial from an architectural standpoint, as it helped reinforce the perception of each vertical belonging to the same family, while also facilitating user navigation across the various portals.

This strategy ensured that each portal had its distinctive personality, while simultaneously contributing to solidifying the overall image of the Parmalat brand.

Outdated Design and Functionality: Insights from User Testing

Through user testing, I uncovered a key issue: while users valued the app’s punctual delivery service, they found its design and functionality outdated compared to competitors.

Taking this feedback seriously, I analyzed best practices from both direct and indirect competitors, focusing on solutions that combined high added value with implementation feasibility. This informed the creation of a prioritized backlog of initiatives to improve every stage of the purchasing experience.

A mini-site reservation platform for users

Interacting with service designers, developers, and product managers, we have created the two digital products that constitute the Free Your Style experience.

The first is a mini-site that allows end customers to select the desired treatment, locate the nearest ghd salon, and book a free styling session in a few simple steps.

Despite the implementation of a double verification via email and phone, necessary to ensure compliance with regulations and prevent potential violations, the site has recorded a remarkable conversion rate of 40%.

No items found.
Defining the Core Implementations Through Wireframes

Wireframes represented the pivotal stage where high-level implementations were defined to address key areas of improvement. Based on insights from user testing and a benchmark analysis of competitors and comparable services, I outlined enhancements aimed at improving the overall user experience and boosting conversion rates.

Key implementations included:

Geolocation and restaurant categorization, simplifying the search for the best options based on user preferences and proximity.

Order scheduling, new payment methods, and social login, all designed to reduce friction during the checkout process.

Order tracking, empowering users to monitor the status of their requests in real-time.

This phase laid the groundwork for transforming identified pain points into actionable, user-centric solutions.

Celebrating diversity through coherent design

My redesign approach emphasized the use of diverse visual elements to exhibit the array of product shapes and the vivid packaging colors of Witor's, thereby reinforcing the coherence of the brand identity.

This approach transformed what might have been confusing into a conscious and colorful aesthetic choice. By carefully integrating these elements, I was able to create a cohesive design that not only revitalized the brand but also celebrated its diversity in a visually appealing manner.

Streamlining User Experience and SEO optimization

As is obvious for any brand's portal aimed at product sales, a significant goal was to enhance sales performance.

To achieve this, I tackled two fronts: making product presentations more engaging by incorporating illustrations and animations, and optimizing the purchase funnel by eliminating unnecessary steps for user transaction completion.

From a SEO standpoint, the challenge lay in maintaining page hierarchy for SERP ranking purposes. A workaround was devised to ensure products were immediately visible, unlike the previous setup, by converting SEO-relevant pages into a system resembling filtering. Consequently, users can make their choices with two clicks fewer compared to the previous website.

A booking-management app for salons

The ghd salons participating in the initiative receive the new contacts generated through Free Your Style and can use the free service as a springboard to gain exposure.

Salons have access to an app, available on both Android and iPhone, to manage booking requests, record stylings performed by scanning the QR code received from clients via email, and register any sales of GHD products.

To ensure consistency and efficiency

With various style proposals, I explored visual directions aimed at enhancing the product's distinctiveness and appeal without compromising already established identity elements. The goal was to improve aesthetics without affecting the brand awareness achieved in previous years of market presence.

Consequently, I established High Fidelity design and developed a Design System that leveraged the design of flows, UX, and UI into a comprehensive, seamless, and memorable browsing experience. This ensured consistency across all sections of the application.

No items found.
Building a comprehensive resource hub: Parmalat's portal transformation strategy

Another objective for Parmalat was to transform its portals into a go-to resource for people seeking information about its products (via the magazine) and their usage (via recipes), thereby increasing retention and capturing the attention of users.

To achieve this, I devised an architecture that strongly interconnected recipes, informative content, and, while maintaining the ultimate goal of driving e-commerce/store traffic, product pages.

This approach guaranteed that products were never presented in isolation but were always accompanied by information that enhanced the brand's reliability. Additionally, it inspired users with previously unconsidered product usage possibilities.

High-Fidelity Design and Key Elements

A renewed branding, a fresh user experience, and a modular design system were at the heart of creating a continuously evolving application. These elements allowed for a complete transformation of the app, making it more user-friendly, enhancing service retention, and reinforcing credibility and professionalism.

A standout feature in this redesign was the restaurant card, a key component in the user journey. The challenge was to integrate a significant amount of information—such as restaurant name, ratings, cuisine type, delivery time, and promotions—while keeping it easily identifiable and visually appealing.

Checkout: Simplifying Processes and Enhancing User Control

The checkout process was redesigned to minimize cognitive load while offering users greater control and flexibility. Dividing the flow into two clear steps, the cart overview allowed users to modify item quantities, specify dietary needs, customize ingredients, and explore upselling suggestions seamlessly.

The checkout details step focused on simplifying delivery information and integrating multiple payment methods, including Google Pay, Apple Pay, Satispay, and meal vouchers. This cohesive approach ensured a smooth, intuitive experience, reducing friction while enhancing usability and user satisfaction, ultimately driving higher conversion rates.

No items found.
To achieve the business objectives

2023 represents a turning point for Mymenu in a highly competitive scenario, characterized by the dominance of multinational giants and the exit of significant players such as Uber Eats from the Italian market.

Mymenu has managed to distinguish itself through its solid strategic positioning, focusing on medium-high-end restaurants, of which it held an absolute exclusive. Its clear emphasis on a superior-level user experience has been a decisive strength.

This move has forced the main competitor Just Eat to acquire its market share, highlighting the success and relevance of Mymenu in the Italian food delivery industry.

CEO & Founder Edoardo Tribuzio emphasized: "Doing business means creating value for all involved parties, and I couldn't have found a more suitable buyer for the future than what we've achieved so far. Mymenu has been a beacon in the Italian food delivery landscape for years. I am proud and grateful for the work done by the people who have contributed to the success of a service that has satisfied hundreds of thousands of customers."

Empowering accessibility and autonomy: modular design and headless CMS implementation

I took a proactive approach to accessibility, integrating "accessible by design" principles and practices from the initial stages of website design.

Additionally, I verified that the components were modularly designed, allowing the client's editors to assemble them autonomously to build pages, leveraging the benefits provided by the implementation of a Headless WordPress CMS.

Monitoring KPIs

An integrated KPI monitoring dashboard system has been implemented within the project, providing a detailed evaluation of the website and app performance. Continuous tracking of key metrics such as bookings, styling, geographic distribution, and salon performance has led to real-time operational adjustments.

This approach has optimized the user experience, enhancing results and satisfaction for all involved parties, while also enabling more effective allocation of marketing resources, thereby improving the impact of promotional efforts.

Implementing versatile and engaging UI in Webflow

In the tight timeframe allotted, my challenge was to craft a website within Webflow that boasted captivating yet straightforward layout and animation solutions. The objective? To ensure our user interface not only dazzled users but also satisfied the client's demand for versatility while sidestepping redundancy.

To achieve this, I strategized layout variations and animations, planning their reuse across the site while making tweaks to assets and color schemes to underscore their adaptability.

The resulting design garnered enthusiastic praise from both users and the client, affirming its success in meeting the project's objectives.

Thanks to the Team

Francesca Bronzini (Project Manager)

Luca Lombardi (Lead Designer)
Giuseppe De Pascale (UI/UX Designer)

Nicola Toledo (Webflow Developer)
Pietro Tancredi (Frontend Developer)

Thanks to the Team

Andrea Montanari (Product Manager)

Alessio Nigido (Lead Designer)
Giuseppe De Pascale (Product/Service Designer)

Dorel Veliu (Mobile App Developer)

Thanks to the Team

Andrea Montanari (Project Manager)

Luca Lombardi (Lead Designer)
Giuseppe De Pascale (Senior UI/UX Designer)
Sebastiano Gobbo (Service Designer)

Jeuffre Brena Pulido (Senior Frontend Developer)
Stefano Fasoli (Backend Developer)

Thanks to the Team

Aura Tardia (Product Manager)

Luca Lombardi (Lead Designer)
Giuseppe De Pascale (Product Designer)
Sebastiano Gobbo (Service Designer)
Lisa Rinaldi (UX Writer)

Nicholas Ruggeri (Senior Frontend Developer)
Abanoub Zaky (Frontend Developer)
Giuseppe Gatto (Backend Developer)
Dorel Veliu (Mobile App Developer)

Some of the workflows or interfaces for this project can be under NDA agreement.

interested into my design process?
Just (drop me a line) for more detailed enquire

Use this form to describe your request
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.