cPanel is well-known as the web hosting industry's most reliable website management system and "control panel". Our team was challenged with the task of creating a basic page builder, allowing new customers to easily create a basic webpage right out of the gate. We wanted to have the process of creating a page to be simple, as in up in running in seconds without even needing much of any data, while still feeling personalized and visually appealing.
To help ensure the design was streamlined, we focused on only the most essential components that would appeal to a diverse group of niches. With ease of use and simplicity in mind, we decided to create three basic templates to introduce cPanel's new product: coming soon countdown, vCard, and an agency page.
Check out the project in more detail here!
We designed the backend variable system just as much as we did the frontend visitor-facing views; a product that served both cPanel's customers and their customers' customers. Each feature was focused on creating an easier user experience. To help establish our distinct styles, we put context in the designs. We used real life examples in order to help users visualize what their site could be from the start. For instance, a vCard for a developer, a countdown page for the grand opening of a restaurant or a simple landing website for a fitness center. By swapping colors, hero images, and fonts, users are able to completely change the look of their site and achieve a personalized look. We created a comprehensive photo library that would appeal and apply to many people in various fields.
The UI Framework
We composed the framework's components into custom components for the cPanel project. Slide components were used to remove the need for a page manager and allow users to enjoy a single page application experience with animations.
A configuration file is read in by the resulting theme and used to generate the entire user site. This configuration file is generated by the cPanel site builder and allows the information about the user’s site to be used when generating pages. The goal was to have each component and page make sensible assumptions whenever possible, in order to simplify user configuration of the site.
It was a pleasure working with cPanel and our team not only enjoyed the challenge that was laid out to us but the process to the final solution as well.