Perfect — here is a **fully rewritten, senior-level, employer-ready case study** for **A2 Hosting**, written in a polished “product designer / UX lead” tone.
It’s structured exactly the way hiring managers and agencies expect in 2025.
If you want, I can convert this into:
* a **portfolio page layout**,
* a **PDF case study**,
* a **Notion format**, or
* a **shorter version for recruiters**.
—
# **A2 Hosting — UX & UI Redesign**
### *Modernizing a developer-focused hosting experience to improve clarity, trust, and conversion.*
—
# **Overview**
A2 Hosting is a global provider of high-performance web hosting for developers, small businesses, and enterprise teams. Their existing marketing site and product pages were functional but visually outdated, content-heavy, and inconsistent across breakpoints.
I was brought in to modernize the experience with a focus on **visual clarity, improved hierarchy, stronger trust signals, and higher conversion performance**, while preserving the brand’s established green/blue identity.
**My Role**
Lead Product Designer (UX + UI)
Design Systems · Responsive Web · Iconography · Visual Design · Prototyping
**Team**
Product Owner · Marketing Lead · Content Strategist · Front-End Engineer
**Timeline**
8 weeks
—
# **The Challenge**
A2 Hosting’s product pages were struggling with three issues:
### **1. Dense, outdated layouts**
Long paragraphs, inconsistent spacing, and a lack of modular structure made it difficult for users to quickly understand plans, features, or value.
### **2. Weak visual hierarchy**
Pricing tables, CTAs, and feature lists lacked contrast and scannability, making it hard for users—especially non-technical ones—to make decisions confidently.
### **3. Trust messaging wasn’t landing**
A2 Hosting is known for speed and reliability, but the UI didn’t effectively communicate credibility or performance advantages at first glance.
—
# **Goals**
### **Business Goals**
* Improve conversions on core hosting pages
* Strengthen brand presence and visual differentiation
* Create a more premium, trustworthy feel
* Modernize the UI while keeping development efficient
### **User Goals**
* Quickly compare plans and features
* Understand performance differences
* Feel confident the service is reliable and secure
* Navigate easily across devices
—
# **Research & Insights**
I reviewed competitor patterns (SiteGround, HostGator, Bluehost, Cloudways) and analyzed the existing experience through:
* **Heuristic evaluation**
* **Content mapping**
* **Mobile-first layout review**
* **Performance & trust signal auditing**
Key insights:
### **Users care most about:**
* Speed
* Uptime
* Support responsiveness
* Transparent pricing
### **But the old UI buried these signals** beneath dense content and low-contrast elements.
### **Opportunity:**
Surface trust and performance messaging early, simplify comparisons, and elevate the brand visually.
—
# **Design Approach**
### **1. Simplifying Information Architecture**
I restructured the product pages into modular, scannable sections:
* Hero value proposition
* Highlighted performance metrics
* Clean plan comparison grid
* Customer trust signals
* Feature breakdown
* FAQ and support
This reduced cognitive load and made the pages far more digestible.
### **2. Modern Visual Language**
I strengthened the brand identity while introducing a more premium feel:
* Expanded spacing scale
* Elevated typography hierarchy
* Improved color contrast
* Clean iconography system
* Clear card-based layouts
### **3. Pricing Table Improvements**
Pricing tables were redesigned to emphasize:
* Primary plan choice
* Feature differences
* Savings
* Performance indicators
This helped users confidently choose the right tier.
### **4. Mobile Optimization**
I built responsive structures that made feature lists and pricing tables feel natural on mobile—not squeezed or overwhelming.
—
# **Before & After Highlights**
### **Before**
* Overwhelming blocks of text
* Inconsistent spacing and visual rhythm
* Weak trust messaging
* Pricing tables difficult to compare at a glance
### **After**
* Clear, modular layout
* Strong hero message with performance focus
* Modern typography and color usage
* Clean, scannable tables
* Trust, reviews, and badges surfaced early
* Consistent visual system across pages
—
# **Accessibility Improvements**
To support WCAG 2.1 AA standards:
* Increased contrast on text, buttons, and plan cards
* Improved semantic structure for screen readers
* Larger tap targets on mobile
* Clearer focus states
* Better heading hierarchy and labeling
—
# **Outcome & Impact**
While A2 Hosting’s analytics team handled full conversion tracking, early feedback showed:
### **Qualitative Outcomes**
* Stakeholders reported a “significant improvement” in visual clarity
* Marketing noted users were “engaging longer and scrolling deeper”
* Support teams received fewer questions about plan differences
* Users commented that the site “feels faster and more trustworthy”
### **Early Indicators (Preliminary)**
* Reduced bounce rate on redesigned pages
* Increased click-through from hero CTAs
* Better mobile scroll depth
—
# **Reflection**
This project reinforced the impact of **clarity over complexity**. A2 Hosting didn’t need a flashy rebrand — they needed a structure that amplified their strengths and made decisions easier for customers.
The biggest wins came from:
* Simplifying content
* Improving hierarchy
* Elevating trust signals
* Building a cohesive system that scales
If I had more time, I would expand this into a full design system and test variations of the pricing tables for conversion optimization.
—
# **Next Steps**
I can also generate:
✓ A gallery of annotated screens
✓ A condensed “1-minute version” for recruiters
✓ A “leadership tone” rewrite
✓ A visual case-study layout for your website
Just tell me how you want to present it.