Case Study: Filterbuy Rebrand

‍

Project Overview

Filterbuy wanted a rebrand to modernize its identity, improve user experience, and align its digital presence with its growth goals.nThis rebrand aimed to make the company’s online presence cleaner, more accessible, and visually compelling to drive engagement and customer loyalty.

Challenges

• Outdated Visual Identity: Filterbuy’s previous branding felt dated, with inconsistent design elements and color schemes that lacked appeal for modern audiences.
• Brand Cohesion: Filterbuy needed a cohesive design system that could work seamlessly across web, mobile, and other digital touchpoints to maintain a unified brand presence.

Objectives

• Redefine Filterbuy’s visual identity to feel modern, professional, and approachable.
• Improve user experience by simplifying navigation and enhancing the accessibility of key features.
• Develop a scalable design system that ensures visual consistency across all user interfaces and marketing channels.

User and Market Research

• User Surveys and Interviews: Conducted research with existing customers to understand their perceptions of Filterbuy’s brand and identify areas for improvement in the user experience.
• Competitor Analysis: Analyzed the visual identities of competitors and industry leaders to identify trends and ensure that Filterbuy’s rebrand would stand out in the market.

Key Findings

• Brand Perception: Users perceived the previous brand as outdated and not aligned with the quality of Filterbuy’s products.
• Visual Inconsistency: Inconsistent use of colors, fonts, and layouts detracted from user trust and recognition of the brand.

Defining the New Visual Identity

• Mood Boards and Style Exploration: Created mood boards to explore potential directions for Filterbuy’s updated look. The style leaned toward modern, clean, and approachable aesthetics to convey trust and quality.
• Color Palette: Selected a fresh color palette, moving toward natural greens and clean neutrals to evoke a sense of freshness and sustainability, aligning with Filterbuy’s mission.
• Typography and Iconography: Developed a simple, modern typography system that ensured readability and visual balance, paired with clean icons from the Material Icon library that made the interface easy to navigate.

Wireframing and Prototyping

• Wireframes: Developed low-fidelity wireframes focusing on improving layout structure and simplifying navigation. Key elements like product categories, search functionality, and the user profile were prioritized for accessibility.
• High-Fidelity Prototypes: Designed high-fidelity prototypes in Figma to bring the rebrand to life. The prototypes included the updated color palette, typography, and icon set, and showcased the new brand’s clean, organized interface.

User Testing and Feedback

Conducted usability testing with Filterbuy’s target audience to validate design choices and identify improvement areas:

• Feedback on Visual Appeal: Users responded positively to the new color scheme and typography, noting that it felt modern and trustworthy.
• Navigation Improvements: Testing revealed that the new brand colors, including a bright yellow checkout CTA button, appealed more to users than our old washed out greens and blues.

Feedback from testing guided final adjustments, such as optimizing button placements and refining the typography hierarchy for better readability.

Key Features of the Final Design

• Cohesive Design System: Developed a scalable design system, including color codes, typography guidelines, and reusable components, to maintain brand consistency across all digital and marketing platforms.
• Enhanced Visual Hierarchy: Implemented a clean layout with a logical hierarchy, making it easier for users to navigate product categories, filter options, and account settings.
• Accessible and Responsive Design: Focused on mobile-first design principles, ensuring the rebranded interface was accessible and user-friendly across devices.

Results and Metrics

The rebrand led to positive impacts on both user engagement and perception:

• Improved Conversion Rate: Interaction with key features, like the new Homepage, increased the conversion rate by 8%, indicating higher acceptance for redesigned interface.
• Stronger Brand Recognition: Surveys indicated a 4% improvement in brand perception, with users describing the new design as “modern,” “professional,” and “trustworthy.”

Reflection and Future Enhancements

Lessons Learned

This rebrand demonstrated the importance of aligning visual identity with user expectations and industry standards. By focusing on user-centric design and visual consistency, the project reinforced Filterbuy’s credibility and appeal in the marketplace.

Potential Future Improvements

Future updates could include additional customization options on product pages and enhanced personalization features to further improve user experience. Continued user testing and feedback will inform ongoing refinements to ensure the brand remains relevant and engaging.

Impact on Filterbuy’s Strategy

The success of the rebrand has positioned Filterbuy as a forward-thinking, user-centered brand. This rebrand now serves as a foundation for all future design and user experience initiatives, ensuring that Filterbuy’s digital presence aligns with its mission to deliver quality filters and reinforces the tagline "Better Air for All".

‍