GlossGenius

Website

The GlossGenius team sought to elevate its online presence with a website redesign that would bring their vibrant brand personality to life while providing a streamlined, intuitive experience for users.

The primary goals were to modernize the design, enhance user engagement, improve SEO, and create a scalable design system to support future growth.

Header Image
MY CONTRIBUTIONS:
MY CONTRIBUTIONS:

Design

TIMELINE:
TIMELINE:

January 2024 - May 2024

TEAM:
TEAM:

Myself as Web Design Lead

Creative Team

2x Frontend Web Developers

Discovery

Throughout the project, we faced several challenges:

1. Aligning the Brand's Personality: GlossGenius wanted a vibrant, energetic site that felt both polished and approachable. Balancing this aesthetic with functionality required careful planning and iteration.

2. Creating a Cohesive Design System: Ensuring that every part of the site was cohesive while also allowing room for new pages and future updates meant building a robust, adaptable design system.

3. Accessibility and SEO: To ensure an inclusive user experience, we needed to meet ADA compliance standards and improve SEO through technical adjustments, metadata optimization, and a content structure that boosted site relevance.

Desktop Design

Design

RESEARCH & DISCOVERY

We began with a deep dive into GlossGenius’s user demographics and needs, conducting user interviews and analyzing competitor sites. This research revealed that users valued a visually engaging, easy-to-navigate interface that made it simple to access information about services and sign up for the platform. Simultaneously, I collaborated with SEO specialists to understand high-impact keywords, optimize page structure, and improve metadata relevance.

WIREFRAMING & PROTOTYPING

Based on our research, I developed wireframes and user flows to define the structure and flow of the site. The goal was to create an intuitive navigation system that allowed users to explore the site seamlessly and take desired actions, such as signing up or booking a demo, without friction.

VISUAL DESIGN & BRANDING

The visual design phase focused on bringing the GlossGenius brand to life. We utilized bold colors, dynamic typography, and high-quality imagery that reflected the energy of the beauty and wellness industry. I crafted interactive elements that provided a delightful experience without overwhelming users, maintaining a balance between aesthetic appeal and usability.

DESIGN SYSTEMS & SEO INTEGRATION

To ensure consistency across pages, I developed a comprehensive design system with reusable components and standardized typography. For SEO, I worked on content structuring, ensuring that header tags, alt text, and internal linking were optimized across the site. I also made the design system adaptable for new, SEO-friendly content that could help boost search engine rankings over time.

COLLABORATION

Working closely with cross-functional teams—including product managers, developers, and SEO experts—was key to aligning our vision. Regular check-ins allowed us to address technical constraints while preserving the design and SEO integrity. I also collaborated with the SEO team to incorporate optimized copy and metadata, aligning the site with best practices for higher search visibility.

Desktop Design

Final Design

The redesigned GlossGenius website provides a polished, user-centered experience that aligns with the brand’s vibrant personality. Key features include:

  • Streamlined Navigation: Clear paths to core actions, such as booking a demo or accessing customer support, make the user journey smooth and intuitive.
  • Enhanced Visual Elements: The design utilizes bold color accents, engaging imagery, and interactive elements that make the site feel lively while maintaining usability.
  • Responsive, Accessible, and SEO-Optimized Design: The site is fully responsive, optimized for various screen sizes, ADA-compliant, and incorporates SEO best practices to enhance visibility on search engines.

Homepage

Mobile Design

Hairdresser Page

Mobile Design

Overview

Mobile Design

Results

The redesigned GlossGenius website saw immediate positive feedback from users and stakeholders. Highlights include:

  • Improved User Engagement: Time spent on the site increased by 25%, with users engaging more deeply with the new visual elements and interactive components.
  • Enhanced SEO Performance: Through optimized content structure, meta descriptions, and keyword integration, the site experienced an improvement in search engine rankings, resulting in a 20% increase in organic traffic.
  • Boosted Brand Perception: The cohesive design system elevated the brand’s image, presenting GlossGenius as both professional and approachable.
  • Increased Conversion Rates: With streamlined navigation and a clearer user journey, conversion rates for demo bookings and sign-ups showed a noticeable improvement post-launch.