#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 _______________________________________________ tor-bugs mailing list tor-bugs@lists.torproject.org https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs