UX/UI Lead & Brand Strategist | 3-Week Sprint
The Challenge
Logo Design Masters outgrew its original identity. While the business expanded into full-service branding and web dev, the website remained a basic "logo shop," causing high bounce rates and missed lead opportunities.
The Goal: Pivot the brand from "budget logo shop" to "premium creative agency" through a complete UX overhaul and conversion-focused redesign.
Strategy & Insights
Using Hotjar heatmaps and Google Analytics, I discovered that users were dropping off at the pricing page due to "Information Overload" and a lack of direct communication.
Key Insight: Users weren't just looking for prices; they were looking for reassurance.
The Pivot: I integrated Live Chat Support to bridge the gap between browsing and buying, providing instant clarity on project timelines.
The UX Transformation
01. Information Architecture
I restructured the navigation to prioritize "Services" and "Pricing & Packages," reducing the number of clicks required to reach a conversion point.
Flow Diagram
Strategic User Journey: By mapping the path from awareness to conversion, I identified a high-friction point at the Pricing stage. The integration of Live Chat Support serves as a critical bridge, addressing real-time user concerns and directly contributing to the 42% increase in lead generation.
02. Conversion-Centered Design
•Interactive Pricing: Replaced static lists with side-by-side comparison cards and FAQ dropdowns.
•Trust Signals: Strategic placement of satisfaction badges and real-time client testimonials.
•Mobile-First: Implemented sticky CTAs and reduced image weight by 40% for lightning-fast loading.
The Tech Stack
•Design: Figma, FigJam, Adobe XD
•Development: WordPress, Elementor, Custom CSS/JS
•Analytics: Hotjar, Google Analytics, SEMrush
Design System & Research-Led Visuals
Establishing a scalable framework rooted in accessibility and user heuristics.
Accessibility & Legibility: Following a heuristic evaluation, Roboto was implemented for its neutral, high-legibility letterforms that perform consistently across mobile and desktop. The brand’s Vibrant Cyan (#00B4FF) was validated for high-contrast accessibility (WCAG 2.1 AA) against dark backgrounds, ensuring a seamless experience for users with visual impairments while maintaining a premium aesthetic.
Metric Result
Lead Conversions
Bounce Rate
Mobile Session Time
Result
+42%
-27%
+35%
Structural Foundations: Low-Fidelity Wireframes
Defining the information architecture and content hierarchy through rapid prototyping.
Blueprint Phase: Mid-Fidelity Wireframes
The Final Evolution: High-Conversion UI
Homepage
About us
Services
Portfolio of Works
Pricing & Packages
Blog
Contact Us
By stripping away visuals, I focused on the 'Heuristic flow' of information. This stage was critical for ensuring that the Pricing & Packages page remained clear and uncluttered, preventing the user drop-off seen in the previous site version.
Bridging the Gap: Real-Time Conversion
The Outcome
The redesign successfully pivoted Logo Design Masters from a niche "logo shop" to a premium creative agency. By aligning elevated visual aesthetics with high-end service offerings, we achieved:
42% Increase in Lead Conversions through strategic CTA placement.
27% Reduction in Bounce Rate by simplifying navigation.
35% Increase in Mobile Engagement via performance optimization.
The Final Insight
This project proved that design is a business lever. By addressing the 'reassurance gap' with live support and interactive pricing, we didn't just change the look—we optimized the entire customer journey for trust and speed.
