Fizzzy Website Redesign

This UX case study examines the redesign of FIZZZYโ€”a subscription-based social media marketing agency that provides a full range of services designed to meet the varied needs of brands, growing marketing agencies, and social media managers.

Problem: The original design of FIZZZY's website suffered from excessive use of visual elements, leading to a visually cluttered and overwhelming user interface. Additionally, the choice of font and excessive alignment contributed to poor readability, resulting in a low conversion rate and an unclear value proposition for FIZZZY.

Solution: As outlined during the stakeholder interview, the primary objective of the website redesign was to effectively communicate the app's functionality. The client emphasized the need for the design to be visually appealing and somewhat playful. For Fizzzy as a business, the primary goal was to increase Demo Call bookings (pre-redesign: 5/month), with doubling this rate as the main objective. Let me illustrate and describe how the design addressed these goals.

Here is the updated branding I've developed, taking into account details about the target audience, the "if Fizzzy was a person" exercise, and the redesign goals. What do you think?

The green-blue (referred to as Robin egg blue according to Coolors ๐Ÿ˜…) color was retained at the client's request, as it was a personal preference and had already been used for print products. It was slightly adjusted from the initial branding palette to enhance the contrast ratio.

Pastel pink and yellow were introduced to convey the fun vibes of working with the Fizzzy team and the relaxed state of mind of Fizzzy's clients. Since Fizzzy is a content creation tool on autopilot, the goal is to provide clients with peace of mind :)

For fonts, Source Code Pro was selected for headlines and buttons. This font is designed for coding environments and, in its Bold/ExtraBold weight, conveys a professional, fun, and speedy vibe that embodies Fizzzy's core values as a business.

Poppins was chosen for its proper readability and elegant appearance, aligning well with Fizzzy's values.

Given that 80% of website visits were from mobile devices, let me share some mobile screen designs with you.

One of the goals of the website redesign was to effectively communicate the functionality of the app. Therefore, in the hero section of the homepage, you can see a video showcasing the product in action. Further down, there are two more sections featuring videos demonstrating interaction with the product, such as those sections below ๐Ÿ‘‡๐Ÿป

The primary goal of Fizzzy as a business is to increase Demo Call bookings (pre-redesign: 5/month; doubling this rate is the main objective). Therefore, most of the CTAs on the page lead to a call form where potential clients can schedule a call.

Thank you for checking this project out! Click here to see website live โšก๏ธ

Check out my website for more case studies and design process of each explained in details: https://verohere.com/portfolio

More by Vero Here ๐Ÿ‡บ๐Ÿ‡ฆ

View profile