# Design and development page

> The Design & Development page will be used for Design until the Style is developed.

Source: https://docs.vestislabs.com/collection-style/design-and-development-page/

**Where to find it:** Collection & Styles → Styles → (select a style) → Design & Development

**Requires:** permission `VIEW_DESIGN_DEVELOPMENT,VIEW_TYPE_VERSION`

The **Design & Development page** will be used for Design until the Style is developed. The **[Design & Development page has six stages](https://docs.vestislabs.com/collection-style/design-and-development-stages/)** of the Design & Development.

1. Users need to **[upload Design & Development](https://docs.vestislabs.com/collection-style/uploading-files-in-the-design-and-development-page/)** files.
2. Users can add **[annotations and comments](https://docs.vestislabs.com/collection-style/how-to-do-collaboration-comment-and-communicate/)** in your workspace.
3. Users can download the Attachment File from Design & Development of the Style using the [**Download Function**.](https://docs.vestislabs.com/collection-style/download-function-in-design-and-development/)
4. **Submit button:** Users can move the Design & Development to the next stage. Click **"Submit"** on the top right-hand side of the Design & Development main page.

![The Design & Development page with the six stages, the version and its approval status, and the cards of the current stage](https://docs.vestislabs.com/assets/collection-style/assets/design-and-development-page/60-main.webp)

Other users who have permission **(Usually Brand Admin)** will be displayed by the button; then they can use the **"Request Changes"** and **"Approve"** buttons.

1. **Once a style has been submitted and approved…**
   Once a style has been submitted and approved by the other team, we will start the development and upload the deliverables based on Vestis Labs’s approval process workflow to **[review, approve, and reject deliverables/results.](https://docs.vestislabs.com/collection-style/approval-process/)**

2. **Users can Complete a Design & Development on Pattern & Tech Pack or Visualisation Stage.**

3. **Step 7**

   **History:** All the actions on Design & Development will be recorded on the **History** in the upper right corner.

   ![The History panel that lists the actions taken on Design & Development](https://docs.vestislabs.com/assets/collection-style/assets/design-and-development-page/61-history.webp)

4. **Tech pack Checklist: Select the tech pack list…**
   **Tech pack Checklist:** Select the **tech pack list** on the lower right corner of the design & development page. These features will help users organize and avoid the missing steps in creating the tech pack.

   ![The Tech Pack Checklist popover with the checklist items and the Manage Checklist Items link](https://docs.vestislabs.com/assets/collection-style/assets/design-and-development-page/62-checklist.webp)

   Items are added in settings, not in this popover: click **Manage Checklist Items** at the bottom of the popover to open [Tech pack checklist settings](https://docs.vestislabs.com/settings/tech-pack-checklist-settings/). Items are grouped by category.

   If users have completed the checklist, they can tick the task to mark it as done.