Redesigning CloudPanel Website

Designing a modern, fast, and user-focused website that boosts engagement and builds trust in the cloud hosting industry.

Role

UI/UX Designer

Industry

Cloud Hosting

Duration

3 months

Purpose of site

Our primary goal was to present CloudPanel as a reliable and professional solution, fostering trust among potential users. We wanted visitors to explore the site's content and feel encouraged to install or inquire about CloudPanel.

Goal of site

To inform visitors about CloudPanel and its features
To encourage visitors to install or adopt CloudPanel

Target Audience

Primary: Small business owners, e-commerce store owners, freelance developers, startup founders, IT managers, agencies.

Secondary: Bloggers, educational institutions, non-profits, SaaS providers, corporate websites.

Niche: Framework developers, content creators.

Defining the User Experience with keywords

To align the website with our users expectations, we identified key attributes that represent CloudPanel's user experience and performance:

Simple: Easy to use with a clean and intuitive interface.
Fast: Optimized for quick performance and server management.
Efficient: Streamlined processes for effective server control.
Secure: Prioritizes data safety and system protection.
Modern: Features a contemporary design and up-to-date technology.
Reliable: Consistently performs with minimal downtime or issues.

These keywords guided our design decisions, ensuring the website effectively communicated the value of CloudPanel.

Purpose of site

Goal of site

To inform visitors about CloudPanel and its features
To encourage visitors to install or adopt CloudPanel

Target Audience

Primary: Small business owners, e-commerce store owners, freelance developers, startup founders, IT managers, agencies.

Secondary: Bloggers, educational institutions, non-profits, SaaS providers, corporate websites.

Niche: Framework developers, content creators.

Defining the User Experience with keywords

To align the website with our users expectations, we identified key attributes that represent CloudPanel's user experience and performance:

Simple: Easy to use with a clean and intuitive interface.
Fast: Optimized for quick performance and server management.
Efficient: Streamlined processes for effective server control.
Secure: Prioritizes data safety and system protection.
Modern: Features a contemporary design and up-to-date technology.
Reliable: Consistently performs with minimal downtime or issues.

These keywords guided our design decisions, ensuring the website effectively communicated the value of CloudPanel.

Issues with the Old Website

The old CloudPanel site had several UI issues that could impact the user experience. For example the homepage had several issues. The technology stack logos suffer from inconsistent sizing and spacing, which disrupts visual harmony. The expandable sections in the features area lack clear visual indicators for interactivity, and the single-column layout results in excessive scrolling. The call-to-action button "Get Started Free" doesn't stand out sufficiently, and the deployment options at the bottom feel cluttered. The page's responsive design may also present issues on mobile devices, as the current layout appears primarily optimized for desktop viewing. The accordion-style menus in the features section lack hover states or clear interaction cues, potentially confusing users about their functionality.

Sitemap

Creating a clear sitemap was vital for user navigation. It outlined the structure of the site, ensuring users could easily find the information they needed.

Final Designs

Stylesheet

Results and impact

The redesigned CloudPanel website yielded impressive results:

30% Increase in User Engagement: Visitors spent more time on the site and viewed more pages.
25% Reduction in Bounce Rate: Users were more likely to stay and explore.
Over 2,000 Weekly Installs: A significant boost in the adoption of CloudPanel.

These metrics demonstrated that the redesign effectively met our goals.

Key takeaways

User-Centered Design is Crucial: Understanding and prioritizing user needs led to a more effective design.
Iterative Process Drives Improvement: Continual refinement based on feedback was essential.
Collaboration Enhances Outcomes: Cross-functional teamwork resulted in a seamless integration of content and design.

Other projects

Revamping MGT-Commerce's Managed Hosting Website

Boosting User Experience, SEO, and Conversions through a Modern Redesign