Phase 1: Preproduction

  1. List what we want to build. A Notion page is generated as a hub for the epic.
  2. Initial copy draft for 2-3 page variants.
    1. Ex: Product page copy for Universal Gateway, Traffic Policy, and Secure Tunnels
  3. Initial design exploration, a lo-fi layout with some proposed copy, some lorem ipsum, and no images.
  4. Review.
  5. Iteration based on feedback.
  6. Repeat 4 and 5 until design direction has been finalized.
  7. Design mockups with known copy for the first 2-3 pages.

Phase 2: Fleshing out ideas

  1. Continued iteration of the first 2-3 pages.
  2. Draft content for the other pages.
  3. Mock up the other pages.
  4. Engineer the data schema.
  5. Engineer the layout.
  6. Engineer the components.
  7. Input content into the CMS for the first 2-3 pages.

Phase 3: Refinement & previews

  1. Continued copy refinement.
  2. Design refines mockups, icons, and heroes.
  3. Design generates assets.
    1. Featured images
    2. Content images