/Security_Planner

Websites with a good cause are always a pleasure to work with. This one - a concerted effort by Google's Jigsaw and CitizenLab - aims to help non-expert visitors such as journalists and activists identify their probable security vulnerabilities, and recommends tools to help solve those problems.

This very nicely illustrated and animated website was a lot of fun to create. It did have its share of challenges, however. Those include a development and testing schedule that saw the project put on hold twice (extending the development time to more than two years), as well as a handoff of the source that guaranteed the current version has little resemblance to the original designs. The latter is not necessarily a bad thing: many fixes and improvements have been made to the original project, and I applaud the version that went live.

This was also a lesson on changing scope and increasing UX complexity during development. After this project was over, I made a promise to myself: not to use global CSS anymore (picking CSS modules instead), and no more JavaScript-based React projects (TypeScript being the way to go).

Date

2017

Agency

Work & Co

Client

Google

Partner

CitizenLab

Type

Web

Platform

HTML

Programming Language

JavaScript

Role

Lead Developer

Programming Libraries

React, Flux

Previews

Mentions

Security Planner: a peer-reviewed tool to help you figure out your personal digital security plan

“It's been a good year for online security advice, and Citizen Lab's guide is really the cherry on top of it all.”

(Boing Boing)

Additional Credits

Developer

Owen Herterich

Developer

Stanko Tadić

Developer

Sean Colyer

Developer

Andrew Hilts

Developer

Jennifer Pullman

Developer

Jake Gordon

Design

Calvin Teoh

Design

Pedro Borges

Product Management

Marta Nixon

Product Management

Steve Kuhn