[tor-bugs] #22077 [User Experience/Website]: Wireframes for the landing pages of torproject.org portals

[Tor Bug Tracker & Wiki]

#22077: Wireframes for the landing pages of torproject.org portals
-------------------------------------+------------------------
 Reporter:  linda                    |          Owner:  linda
     Type:  defect                   |         Status:  closed
 Priority:  Medium                   |      Milestone:
Component:  User Experience/Website  |        Version:
 Severity:  Normal                   |     Resolution:  fixed
 Keywords:                           |  Actual Points:
Parent ID:  #22121                   |         Points:
 Reviewer:                           |        Sponsor:
-------------------------------------+------------------------
Changes (by linda):

 * status:  assigned => closed
 * resolution:   => fixed


Old description:

> = 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 =
>
> ''Linda will put the wireframes here once she is done.''

New description:

 = 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.

 [[Image(INITIAL-tpo-landing.png,500px)]]

 [[Image(INITIAL-dev-landing.png,500px)]]

 [[Image(INITIAL-support-landing.png,500px)]]

 [[Image(INITIAL-community-landing.png,500px)]]

 You can find the the
 [https://trac.torproject.org/projects/tor/attachment/ticket/22077/INITIAL-
 tpo-landing-page-wireframes.sketch sketch file] and the
 [https://trac.torproject.org/projects/tor/attachment/ticket/22077/INITIAL-
 tpo-landing-page-wireframes.pdf pdf of the pages] here.

--

--
Ticket URL: <https://trac.torproject.org/projects/tor/ticket/22077#comment:4>
Tor Bug Tracker & Wiki <https://trac.torproject.org/>
The Tor Project: anonymity online