<div dir="ltr">Elio,<br><br>Thanks for your message. We'd love your help with the styleguide!<br><br>As Isabela said, we are working on the very first version of the living styleguide. <br>It is based on Bootstrap 4. That allows us to cover common patterns and components in a short period.<br><br>Also, we are using Lektor[1] to manage the content.<br>It is a pretty straightforward CMS.<br><br>Do you want to sync over Slack or IRC?<br>My email is <a href="mailto:antonela@torproject.org">antonela@torproject.org</a><br><br>Let me know,<br>Thanks!<br><br>A<br><br>[1] <a href="https://www.getlektor.com/">https://www.getlektor.com/</a><br></div><div class="gmail_extra"><br><div class="gmail_quote">On 6 December 2017 at 19:20, Elio Qoshi <span dir="ltr"><<a href="mailto:ping@elioqoshi.me" target="_blank">ping@elioqoshi.me</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Thanks for the update Isabela! Great to see the UX team getting bigger!<br>
<br>
Although most of my focus is dedicated to OONI nowadays, I still lurk in<br>
the UX list from time to time. I'd be happy to offer any help with the<br>
style guide and visual identity work if needed.<br>
<div class="HOEnZb"><div class="h5"><br>
On 12/6/2017 11:16 PM, isabela wrote:<br>
><br>
><br>
> -------- Forwarded Message --------<br>
> Subject: [tor-project] UX team report for November 2017!<br>
> Date: Tue, 5 Dec 2017 21:09:11 -0500<br>
> From: isabela <<a href="mailto:isabela@torproject.org">isabela@torproject.org</a>><br>
> Reply-To: <a href="mailto:tor-project@lists.torproject.org">tor-project@lists.torproject.<wbr>org</a>, <a href="mailto:isabela@torproject.org">isabela@torproject.org</a><br>
> To: <a href="mailto:tor-project@lists.torproject.org">tor-project@lists.torproject.<wbr>org</a><br>
><br>
> Hello Tor!<br>
><br>
> Here is some updates from the UX team for the month of November.<br>
><br>
> First of all! We now have Antonela as part of our team working on Design<br>
> o/ Hiro is also working with us on some projects like the website<br>
> redesign. And I am now leading the UX team :) (besides project managing<br>
> stuff as I always do).<br>
><br>
> We reviewed and gave feedback to the Metrics team new 'timeline of<br>
> events' project (which is pretty cool). Our feedback can be found as<br>
> comments at the 24260 ticket. [1]<br>
><br>
> We are also in touch with OONI to review their revamp of mobile experience.<br>
><br>
> And we helped the Tor Browser team by doing QA on the Tor Launcher new<br>
> UI project, you can see the bugs we found and other feedback under<br>
> 24371. [2]<br>
><br>
> Another big effort we worked on during November is the Website Redesign<br>
> project!<br>
><br>
> So, for those catching up just now with it, the website redesign [3] is<br>
> a big project that aims to not only redesign '<a href="http://torproject.org" rel="noreferrer" target="_blank">torproject.org</a>' but create<br>
> 3 other portals to better organize the content that is now hosted at<br>
> '<a href="http://torproject.org" rel="noreferrer" target="_blank">torproject.org</a>'. Those other 3 portals are: <a href="http://community.torproject.org" rel="noreferrer" target="_blank">community.torproject.org</a>,<br>
> <a href="http://dev.torproject.org" rel="noreferrer" target="_blank">dev.torproject.org</a> and <a href="http://support.torproject.org" rel="noreferrer" target="_blank">support.torproject.org</a><br>
><br>
> Before November we had mocks for all of these sites done and their<br>
> cotent organized as well. After montreal we decided to build the support<br>
> site first, so we started to work on it.<br>
><br>
> Each project follows the same list of steps to get it done:<br>
><br>
> 0) content architecture - map current content related to the portal and<br>
> organize it<br>
> 1) whiteboard draw organization of the content into pages<br>
> 2) wireframe these pages<br>
> 3) create design for these pages [these include design reviews till we<br>
> are happy with what we have]<br>
> 4) start organizing content for the pages (with the design already done<br>
> we will be working with that)<br>
> 5) update high definition mockups with real content<br>
> 6) guerrilla user testing #1<br>
> 7) start coding the pages<br>
> 8) once content is finished we upload them on transifex for translation<br>
> to start<br>
> 9) Once coding is done we can start QA by language (as translations gets<br>
> complete)<br>
><br>
> Right now we are working on 4 and 5 of those steps for support.tpo, but<br>
> we have done 0-2 for all portals.<br>
><br>
> If you would like to check out the design for support you can find it<br>
> under the main ticket tracking all the work to build that site 24129. [4]<br>
><br>
> Another work we are doing that is part of this big effort is the<br>
> creation of '<a href="mailto:styleguide@torproject.org">styleguide@torproject.org</a>'. If you were at the Seattle dev<br>
> meeting (Q4 2016) you might remember that we were working on a design<br>
> style guideline for Tor Project [5]<br>
><br>
> What we did was to apply that to some components of 'bootstrap' and have<br>
> a fork version of it where people can easily build sites using the<br>
> css/templates from <a href="http://styleguide.torproject.org" rel="noreferrer" target="_blank">styleguide.torproject.org</a><br>
><br>
> We are still working on that in December but should be done soon. This<br>
> work will definetly speed up the process of building sites within the<br>
> Tor Project ecosystem.<br>
><br>
> But a site is not only done with 'frontend' or better saying html and<br>
> css hehe We still had to decide what framework to use to build those.<br>
><br>
> So that was another work we did in November, based on the requirements<br>
> we had we decided to test a framework called Lektor 24275 [6], we also<br>
> got stakeholders who will be editing the site to test it and everyone<br>
> liked it. So this will be the framework we will use.<br>
><br>
> If you have any questions about any of the projects the UX team is<br>
> working please reach out to us! If you would like our help with any<br>
> project you are working on, reach too!<br>
><br>
> Our roadmap [7] is public and you can check what we have planed for<br>
> December in there o/<br>
><br>
> Cheers,<br>
> isabela<br>
><br>
><br>
><br>
> [1] <a href="https://trac.torproject.org/projects/tor/ticket/24260" rel="noreferrer" target="_blank">https://trac.torproject.org/<wbr>projects/tor/ticket/24260</a><br>
> [2] <a href="https://trac.torproject.org/projects/tor/ticket/24371" rel="noreferrer" target="_blank">https://trac.torproject.org/<wbr>projects/tor/ticket/24371</a><br>
> [3] <a href="https://trac.torproject.org/projects/tor/ticket/21222" rel="noreferrer" target="_blank">https://trac.torproject.org/<wbr>projects/tor/ticket/21222</a><br>
> [4] <a href="https://trac.torproject.org/projects/tor/ticket/24129" rel="noreferrer" target="_blank">https://trac.torproject.org/<wbr>projects/tor/ticket/24129</a><br>
> [5] <a href="https://media.torproject.org/image/Tor%20Style%20Guide%20v1.3.pdf" rel="noreferrer" target="_blank">https://media.torproject.org/<wbr>image/Tor%20Style%20Guide%<wbr>20v1.3.pdf</a><br>
> [6] <a href="https://trac.torproject.org/projects/tor/ticket/24275" rel="noreferrer" target="_blank">https://trac.torproject.org/<wbr>projects/tor/ticket/24275</a><br>
> [7]<br>
> <a href="https://docs.google.com/spreadsheets/d/1ELMvnIksL-m_r0vJt_rwpIkcjyzZpCyYiQJO1PveRZM/edit#gid=0" rel="noreferrer" target="_blank">https://docs.google.com/<wbr>spreadsheets/d/1ELMvnIksL-m_<wbr>r0vJt_<wbr>rwpIkcjyzZpCyYiQJO1PveRZM/<wbr>edit#gid=0</a><br>
> ______________________________<wbr>_________________<br>
> tor-project mailing list<br>
> <a href="mailto:tor-project@lists.torproject.org">tor-project@lists.torproject.<wbr>org</a><br>
> <a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-project" rel="noreferrer" target="_blank">https://lists.torproject.org/<wbr>cgi-bin/mailman/listinfo/tor-<wbr>project</a><br>
> ______________________________<wbr>_________________<br>
> UX mailing list<br>
> <a href="mailto:UX@lists.torproject.org">UX@lists.torproject.org</a><br>
> <a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/ux" rel="noreferrer" target="_blank">https://lists.torproject.org/<wbr>cgi-bin/mailman/listinfo/ux</a><br>
<br>
<br>
</div></div><br>______________________________<wbr>_________________<br>
UX mailing list<br>
<a href="mailto:UX@lists.torproject.org">UX@lists.torproject.org</a><br>
<a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/ux" rel="noreferrer" target="_blank">https://lists.torproject.org/<wbr>cgi-bin/mailman/listinfo/ux</a><br>
<br></blockquote></div><br><br clear="all"><br>-- <br><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><br><span style="font-family:"MS Mincho"">◕</span> <span style="font-family:"MS Mincho"">‿</span> <span style="font-family:"MS Mincho"">◕</span>
<br><span style="color:rgb(102,102,102)"><br><font size="1"><a href="http://antonela.me" target="_blank">http://antonela.me</a><br>
<a href="http://dribbble.com/antonela" target="_blank">http://dribbble.com/antonela</a><br>
<a href="http://www.linkedin.com/in/antoneladebiasi" target="_blank">http://www.linkedin.com/in/antoneladebiasi</a></font></span></div></div>
</div>