You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
4.0 KiB
91 lines
4.0 KiB
---
|
|
layout: default
|
|
section_id: portfolio
|
|
title: HTTPS Everywhere Redesign
|
|
---
|
|
|
|
<div style="background-color: #0060DF;" class="full new">
|
|
<div class="section-title new">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h1 class="wow slideInUp" style="color: white; font-size: 2rem;">HTTPS Everywhere Redesign</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="full text">
|
|
<div class="row">
|
|
<div class="large-8 columns">
|
|
<img class="lazy" data-src="../images/projects/HTTPSE-Redesign.png" alt="Process of HTTPS Everywhere Redesign and Iterations">
|
|
<div class="spacing"></div>
|
|
</div>
|
|
<div class="large-4 columns">
|
|
<div class="project-intro">
|
|
<p>HTTPS Everywhere is a free and open-source browser extension for Google Chrome, Mozilla Firefox, Opera, Brave, and Firefox for Android, which is developed collaboratively by The Tor Project and the Electronic Frontier Foundation (EFF).</p>
|
|
<p>It automatically makes websites use a more secure HTTPS connection instead of HTTP if they support it. HTTPS Everywhere makes it possible to block and unblock all non-HTTPS browser connections with one click.</p>
|
|
<p>In an effort to improve the user experience, we worked with the EFF team to reimagine HTTPS Everywhere. From our initial user research, we identified issues related to information hierarchy, interface copy, and usability. We tackled each of them individually in a few iterations and ended up with user-friendly design.</p>
|
|
<hr>
|
|
<div class="spacing"></div>
|
|
<h4>Date</h4>
|
|
<p><span>September, 2019</span></p>
|
|
<h4>Clients</h4>
|
|
<p><span><a href="https://eff.org/" target="_blank" rel="noopener">EFF</a></span></p>
|
|
<h4>Category</h4>
|
|
<p><span>Redesign</span></p>
|
|
<hr>
|
|
<a class="button boxed black" href="https://github.com/uracreative/works/tree/master/HTTPS%20Everywhere" target="_blank" rel="noopener"><i class="fab fa-github"></i> Sources</a><br />
|
|
<a class="button boxed httpse" href="https://github.com/uracreative/works/raw/master/HTTPS%20Everywhere/HTTPSE%20Redesign.pdf" target="_blank" rel="noopener"><i class="fas fa-download"></i> Redesign Study</a><br />
|
|
<a class="button boxed httpse" href="https://presentator.ura.design/en/WSGoq5Wc" target="_blank" rel="noopener"><i class="fas fa-eye"></i> Presentation</a><br />
|
|
<a class="button boxed httpse" href="https://eff.org/" target="_blank" rel="noopener"><i class="fas fa-globe"></i> Website</a><br />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="full">
|
|
<div class="section-title">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h2>Related projects</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="related-works">
|
|
<div class="row">
|
|
<div class="large-4 columns">
|
|
<div class="work-wrapper">
|
|
<a href="reproducible-builds" class="work">
|
|
<img class="lazy" data-src="../images/projects/rb_thumbnail.png" alt="">
|
|
<div class="info">
|
|
<h3>Reproducible Builds Style Guide</h3>
|
|
<p>Style Guide</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="large-4 columns">
|
|
<div class="work-wrapper">
|
|
<a href="thunderbird" class="work">
|
|
<img class="lazy" data-src="../images/projects/tb_overview.png" alt="">
|
|
<div class="info">
|
|
<h3>Thunderbird Style Guide and Usability Study</h3>
|
|
<p>Style Guide | Usability Study</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="large-4 columns">
|
|
<div class="work-wrapper">
|
|
<a href="i2p" class="work">
|
|
<img class="lazy" data-src="../images/projects/i2p_overview.png" alt="">
|
|
<div class="info">
|
|
<h3>I2P Style Guide and Usability Study</h3>
|
|
<p>Style Guide | Usability Study</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|