Case study:
New web experience
Case study:
New web experience
Challenge
Redesign the product website to offer a modern look & feel and clear communication to highlight the key attributes of the product, improving both the user experience and the visual impact of the brand.
Redesign the product website to offer a modern look & feel and clear communication to highlight the key attributes of the product, improving both the user experience and the visual impact of the brand.
Project Objectives
• Modernize the look & feel of the site, aligning it with current visual standards to improve the perception of the product.
• Restructure the information architecture to facilitate navigation and optimize user flow.
• Redefine content to communicate clearly, attractively and persuasively the value proposition.
• Update UI styling to deliver a consistent, engaging and functional experience across all devices.
• Modernize the look & feel of the site, aligning it with current visual standards to improve the perception of the product.
• Restructure the information architecture to facilitate navigation and optimize user flow.
• Redefine content to communicate clearly, attractively and persuasively the value proposition.
• Update UI styling to deliver a consistent, engaging and functional experience across all devices.
Resources provided by the company
• Product UI Kit.
• Preliminary mock-ups and prototypes.
• Product UI Kit.
• Preliminary mock-ups and prototypes.
Creative process
Initial Moodboard to define the new look & feel according to the brand identity.
Information architecture analysis of the previous site to detect improvements, considering the new attributes and product strategy.
New communication proposal developed by the UX Writing team.
Creation of new architecture and content writing for each section of the site.
Figma mockup design, integrating visual identity and moodboard proposals.
Prototype presentation and feedback gathering with the internal team.
Adjustments and final approval.
No-code implementation in Divi (WordPress) for online publication.
Initial Moodboard to define the new look & feel according to the brand identity.
Information architecture analysis of the previous site to detect improvements, considering the new attributes and product strategy.
New communication proposal developed by the UX Writing team.
Creation of new architecture and content writing for each section of the site.
Figma mockup design, integrating visual identity and moodboard proposals.
Prototype presentation and feedback gathering with the internal team.
Adjustments and final approval.
No-code implementation in Divi (WordPress) for online publication.
Tools used
• Figma Jam: Moodboard and information architecture.
• Figma Design: Mockup and prototype design.
• Divi (WordPress): No-code implementation of the site.
• Figma Jam: Moodboard and information architecture.
• Figma Design: Mockup and prototype design.
• Divi (WordPress): No-code implementation of the site.
New Architecture
Priority was given to make the services visible in a direct way, going from promoting isolated channels to highlighting platform applications that group these channels.
A direct CTA to the customer portal was included to facilitate conversion.
Priority was given to make the services visible in a direct way, going from promoting isolated channels to highlighting platform applications that group these channels.
A direct CTA to the customer portal was included to facilitate conversion.
New Look & Feel
While maintaining the brand's fundamentals, a cleaner, more orderly, and clearer aesthetic was adopted, focused on conveying the product's attributes with a more refined and easy-to-understand visual experience.
While maintaining the brand's fundamentals, a cleaner, more orderly, and clearer aesthetic was adopted, focused on conveying the product's attributes with a more refined and easy-to-understand visual experience.
Solution delivered
A web redesign that improves brand perception, optimizes the navigation experience and communicates the product's benefits in a clearer and more attractive way, maintaining consistency with the visual identity.
A web redesign that improves brand perception, optimizes the navigation experience and communicates the product's benefits in a clearer and more attractive way, maintaining consistency with the visual identity.
Results
• Better visual positioning of the brand thanks to a modern design aligned with its identity.
• Increased user interaction, with more intuitive and attractive navigation.
• Greater exploration of product content, facilitating the understanding of its value proposition.
• Better visual positioning of the brand thanks to a modern design aligned with its identity.
• Increased user interaction, with more intuitive and attractive navigation.
• Greater exploration of product content, facilitating the understanding of its value proposition.
