Website Build Flow
The GoDaddy Website Build Flow streamlines the design and development process by leveraging the Figma Library and Demo Gallery. This system ensures consistency, efficiency, and adherence to quality standards across all projects. Whether you’re a designer or developer or want to learn how to align a specific section with our QA standards, this flow simplifies collaboration. It enhances productivity by offering tailored guidance from multiple perspectives.
The System
GoDaddy developed an integrated design and development system for creating websites faster and more efficiently. This system comprises two key components:
Figma Library
A comprehensive library of pre-designed website sections and elements, including headers, hero sections, footers, galleries, testimonials, and more. These elements are crafted to align with our company’s design standards, ensuring consistency across projects. The library empowers designers to rapidly prototype and design websites by leveraging pre-defined, reusable, and standardized components.
Demo Gallery
A WordPress-based showcase where each section and element from the Figma Library is recreated using Beaver Builder. The Demo Gallery serves as a live reference for developers, enabling them to see exactly how these components function and ensuring the seamless translation of designs into code. Developers can directly utilize these pre-built elements to construct websites efficiently, reducing time spent on custom coding while maintaining adherence to the original design.
How It Works
For Designers
The Figma Library provides a foundation of ready-to-use sections and elements, which can be adjusted to fit specific project requirements. This approach saves time and ensures adherence to design standards while allowing flexibility for customization.
For Developers (Website Builders)
The Demo Gallery acts as a tangible blueprint of the Figma Library’s elements, showcasing how they translate to fully functional web components. Developers can access and modify these elements directly within Beaver Builder, ensuring fidelity between the design and the final implementation.
As a Showcase
The Demo Gallery is a resource for anyone outside the design or development teams to explore and understand specific areas of the website build process. It demonstrates how sections align with our latest quality standards, offering insights into design patterns, usability, and implementation practices.
Table of Contents