HomeDesign
Cover image of Bitwarden Android Redesign

Bitwarden Android Redesign

2021
shared on Redditshared on Dribbble

As an avid user of Bitwarden, I wanted to make a redesign of the Android application that fixed minor UX issues I'd found and make it more natively styled to the Android Platform (at that time, using the Material Design 2 design language). This mostly manifested in native control designs (icons, buttons, drawers, etc.), with some larger interface changes where I felt the UX was most lacking. Mostly though, I tried to stick to the Bitwarden ethos of keeping the general app structure the same across platforms, so few major changes were made.

Vault

The vault is the central page of Bitwarden, and the one that has been redesigned the most in this concept. In the current Bitwarden app (as of the time of writing), the home vault screen only shows folders. To see any login, the user must click its corresponding folder. In this redesign, all logins are immediately shown on the first page, and can be expanded inline to quickly view details, rather than opening an entirely new page and losing context. The folders are replaced with filter chips, so users can still narrow down when needed.

The second big change is the search bar. In the current app, search functionality is hidden behind a small, hard to reach button at the top right corner. Here, it's moved to a more prominent spot alongside the filter chips to make it easier to discover and reach.

Generate

The generate password screen generally mirrors the UX of the generate screen in the current Bitwarden app, but updates the controls to match native styling. It also makes the generated password, as well as the "Regenerate" and "Copy" buttons, more prominent.

Other Screens

Most of the other screens take the same approach--mirror the current Bitwarden UX, but with native styling to make the app feel more integrated with the Android platform. The biggest design difference is in the Edit Login drawer, where common emails are easily available to fill the email field. (This isn't implemented in Bitwarden as a feature as of this writeup, so could be removed in a real-world implementation if needed.)

Gallery