Skip to content

Website Development Process

Drew Baker edited this page Apr 7, 2021 · 1 revision

1. Design Read-In

Department Head and Applications Project Leads walk through the design with the Lead Designer, takes copious notes and asks for clarification on commonly overlooked things like animation, hover states, content, breakpoints etc.

2. Setup frontend and backend

The Department Head to setup the frontend repo, and create the backend API server. This will allow component development and content population to commerce.

3. Initial Content Population

Systems Project Lead to do an initial content population to help programming team during development. It also helps give the main content population effort a template on how to build out the remaining content:

4. Frontend basics

Applications Project Lead to add any packages and common variables to frontend repo.

5. Define Component Requests in GitHub

Applications Project Leads breaks down each component into a list of common components. Then transfer these into GitHub Component Requests issues.

6. Component Development

Applications core team and/or freelance team can now select components to build in Storybook and submit for code review.

7. Component Code Review

When components are submitted for review, the Applications Project Leads should review each one (or assign to another developer for cross-reviewing.

8. Website assembly

Website assembly of built components by the Project Lead.

9. Deploy website to Netlify

Get the website deployed to Netlify and ready for the initial design review. Normally this will be using a temporary domain and password protected.