Design/layout for support.tpo based on wireframe

This ticket will track the design work for support.torproject.org portal. 

First version can be found here:

!https://marvelapp.com/4471ig9/screen/34237911

changed milestone to %website redesign

added component::webpages/website milestone::website redesign owner::antonela parent::24129 priority::medium resolution::fixed severity::normal status::closed type::task ux-team labels

New round of iteration based on last week comments. Also, I've included a SERP page.

Feel free to comment!

Support Portal https://marvelapp.com/4471ig9/screen/35210130

Support Portal - Toggle Action https://marvelapp.com/4471ig9/screen/35210129

Support Portal - Search Active https://marvelapp.com/4471ig9/screen/35210128

Support Portal - SERP https://marvelapp.com/4471ig9/screen/35210131

Trac:
Owner: N/A to antonela
Status: new to assigned

I made 2 options for the footer iteration based on last week comments. You can check them here (scroll down to see the options)

Footer A https://marvelapp.com/4471ig9/screen/35210130

Footer B https://marvelapp.com/4471ig9/screen/35210129

Feel free to make comments!

New Iteration based on this week comments. Main changes: Copy + Body font-size.

https://marvelapp.com/4471ig9/screen/35210130

Make comments as always!

New Iteration based on this week comments.

​https://marvelapp.com/4471ig9/screen/35210130

We are close! Thanks!

I added mobile mockups to the mobile prototype.

!https://marvelapp.com/3i2hggg/screen/37876933

Some comments:

• The main menu and the topics menus are collapsable.

• Once the user selects a topic, the menu collapses, and the name of the chosen topic shows there.

• When the user has a topic selected, the topic select changes to a light purple background to have visual feedback about the selection.

Feel free to make comments on the prototype.

This work has been done!

Trac:
Status: assigned to closed
Resolution: N/A to fixed

closed

moved to tpo/web/trac#24130 (closed)