The following flow chart shows a simplified view of a typical website development process. It includes the main phases of the process and the type of user and skills required to complete the phases.

The following are the details of each phase labeled in the preceding flow chart:

1. Create Drupal codebase: An experienced Drupal developer is required to install and configure Drupal so that it can be used as a CMS. The process involves selecting and installing Drupal modules from the open source community, as well as developing any custom modules required for the project. This phase can be accelerated through Drupal Starter Kits, which provides an opinionated version of Drupal and includes many of the most commonly used open source modules.
2. Create Drupal configuration: After Drupal and additional modules are installed, they must be configured to meet the project requirements. The main part of this phase is the configuration of the content model and website architecture. The output of this is content types, taxonomy vocabularies, menu structures, user roles, and other Drupal configuration. This phase requires an experienced Drupal site builder. Typically, these are developers, but can also be users who understand how to work with Drupal through the administration interface.
3. Create Site Studio configuration: After Drupal and additional modules are configured and a content model is defined, you can use user interfaces of Site Studio to build the theme of the website. This phase includes:
   1. Create Site Studio styles: Using a low-code CSS style builder interface, a designer or site builder can create individual CSS styles for all the elements that need styling. These can include styles for base elements such as headings, paragraphs and links, and custom CSS classes for more specific styling requirements. To use the low-code CSS style builder, the designer or site builder must have a knowledge of the different CSS properties and selectors. Knowledge of the box-model and flex-box properties is required to create styles that alter the layout of elements. For more information, visit Creating styles with the style builder.

The following flow chart shows a simplified view of a typical website development process. It includes the main phases of the process and the type of user and skills required to complete the phases.

The following are the details of each phase labeled in the preceding flow chart:

1. Create Drupal codebase: An experienced Drupal developer is required to install and configure Drupal so that it can be used as a CMS. The process involves selecting and installing Drupal modules from the open source community, as well as developing any custom modules required for the project. This phase can be accelerated through Drupal Starter Kits, which provides an opinionated version of Drupal and includes many of the most commonly used open source modules.
2. Create Drupal configuration: After Drupal and additional modules are installed, they must be configured to meet the project requirements. The main part of this phase is the configuration of the content model and website architecture. The output of this is content types, taxonomy vocabularies, menu structures, user roles, and other Drupal configuration. This phase requires an experienced Drupal site builder. Typically, these are developers, but can also be users who understand how to work with Drupal through the administration interface.
3. Create Site Studio configuration: After Drupal and additional modules are configured and a content model is defined, you can use user interfaces of Site Studio to build the theme of the website. This phase includes:
   1. Create Site Studio styles: Using a low-code CSS style builder interface, a designer or site builder can create individual CSS styles for all the elements that need styling. These can include styles for base elements such as headings, paragraphs and links, and custom CSS classes for more specific styling requirements. To use the low-code CSS style builder, the designer or site builder must have a knowledge of the different CSS properties and selectors. Knowledge of the box-model and flex-box properties is required to create styles that alter the layout of elements. For more information, visit Creating styles with the style builder.