/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
Client
Partner
Type
Web
Platform
HTML
Programming Language
JavaScript
Role
Lead Developer
Programming Libraries
React, Flux
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