Get Passphrase
WEB / FREELANCE / SHIPPED PRODUCT
Get Passphrase is a simple passphrase generator that allows users to instantly generate strong and memorable passphrases for enhanced online security.
ROLE
Product Designer
DELIVERABLES
Wireframe, High Fidelity Prototype, Design System
TIMELINE
1 week (June 2023)
TOOLS
Figma
BACKGROUND
Get Passphrase aims to offer users a streamlined way for generating passphrases that are both robust and easy to remember. I collaborated within a two-person team, which included a developer and myself as the product designer.
CHALLENGE & GOALS
While there are various passphrase generators available on the internet, many are visually unappealing or not intuitive to use. My team's goal was to create a web app that seamlessly integrates a flawless user experience and enhanced functionality into a sleek user interface.
APP OVERVIEW
Key Features
A convenient feature that allows users to easily copy their generated passphrases.
Users can check the amount of characters in the generated passphrase to confirm that it falls within their desired character limit.
Passphrase Settings
The user has the flexibility to adjust the number of words in the passphrase, incorporate a number or capitalize words as desired, and even change the symbol used to separate the words, all depending on their specific needs.
Informative Slideover
A slide-out panel showcasing frequently asked questions about passphrases, aimed at educating the user.
DESIGN SYSTEM
Typography & Colors
Inter
Regular
Medium
Semibold
Bold
Inter was selected for its clean and easily readable typeface.
#2563EB
#3B82F6
#DBEAFE
#CBD5E1
Various shades of blue were the colors of choice for Get Passphrase to indicate a sense of security, reliability and trust.
CONCLUSION
Get Passphrase was a quick yet enjoyable project where I could practice rapidly sketching and prototyping a web app. If I had more time to work on this, I would want to add more options to the passphrase settings such as the ability to set a character limit.
