Wireframes for the landing pages of torproject.org portals

[linda]

Objective

Design how to lay out the most important content for torproject.org, dev.torproject.org, support.torproject.org, and community.torproject.org.

Definitions

• wireframes are rough sketches that illustrate the general idea of the design. A wireframe lets you talk about content placement and layout while abstracting finer details such as font, color, styling, and other considerations.
• landing pages are the official terms for the "front page" of a website. If you visit torproject.org, the first page that you see is the landing page.
• portals refer to the different subsites mentioned above (dev, support, community)

Methodology

Linda and Antonela will independently sketch their best first design of the four landing pages, limiting themselves to including only the content deemed important for the front page on #21950. They will compare their designs, talk about why they made the design choices that they did, and then collaboratively work on a final design from those two independent designs.

Results

We have the first iteration of the landing pages. We'll reach out for feedback, update them, and repeat this process a couple times.

You can find the the sketch file and the pdf of the pages here.