Web Design

Template

Pipefy’s Free Web Design Template is a step-by-step process, specially developed to help web designers better manage and organize their projects.

This template will guide you through each phase of the development of web design projects, helping you with quick identification of each project’s phase and status as well as what should be done in each phase.

Use template now

Template structure

See how this template is structured. As this is just an example, you can customize it.

Project Definition

Gather information to develop the website: interview the customer and build personas to help you.

  • 1. Interview with the customer

  • 2. Attach the interview file

  • 3. What are this website's personas?

  • 4. What are the website's technical specifications?

  • 5. What's the project's due date?

Site Structure

Time to define how the website is going to work! Use the specific fields to attach all the relevant material.

  • 1. Functionality outline (attachment)

  • 2. Site diagram (attachment)

  • 3. Page description diagram (attachment)

  • 4. Wireframes (attachment)

Visual Design

Define the website’s look and present it to the customer to get feedback on it. Refine and ask for approval.

  • 1. Visual design draft (attachment)

  • 2. What's the customer's feedback on the visual design?

  • 3. Refined design (attachment)

  • 4. Did the customer approve the design?

  • 5. Approved design (attachment)

Site Development

Time to get your hands dirty and build the website! Review the tech specs and adjust the project deadline.

  • 1. Do the tech specs need to be adjusted/refined?

  • 2. Does the project due date need to be adjusted?

Test and Refine

Look out for bugs and errors! Go through the checklist and check if everything is running smoothly!

  • 1. Website quality assurance testing checklist

    • Proofread the content
    • Test it using the most popular web browsers
    • Test it using the most popular devices
    • Validate all links
    • Validate font and styles
    • Validate site security
    • Validate all online forms
    • Validate whether email notifications are sent as expected
    • Validate any custom functionality is working as expected

Launch

Show time! Set the website live and determine the maintenance plan.

  • 1. Was the website launched?

  • 2. What is the website URL?

  • 3. Maintenance plan (attachment)

Done

Congratulations! This project is up and running!

Archived

Here go all projects that, for any reason, didn’t get finished.

Welcome aboard

Trusted by 60k users, this could be the beginning of something great.

Use this template

Contact us

Do you have a specific process to manage: