PROJEKT /

Tumpa - Desktop App & Landing page

We transformed Tumpa’s identity and interface, ensuring intuitive interactions and clear pathways for OpenPGP key management.

Year 2023
AccessibilityBrandingIllustrationsInteraction DesignUX ResearchWeb Development

intro

OpenPGP is used by people worldwide for both privacy (encryption) and security (signing) of messages/files. Many folks try to use the same with secure hardware tokens (say Yubikeys). But, the whole experience of creating a new OpenPGP key properly with various subkey settings and then putting it correctly to a smartcard is not easy even for hardcore command-line users. At the same time, services like Dcomms, hosted on decentralized Ukrainian servers, offer essential alternatives for staying connected when networks are blocked or down, particularly in the regions of Ukraine and Russia, enabling seamless connections with friends and family even in challenging internet environments.

Our goal with Tumpa was to make these powerful security practices far more accessible. We created a tool that guides users through creating or updating OpenPGP keys and uploading them to smartcards through an intuitive graphical interface. We helped remove the technical friction that keeps people from using stronger methods of privacy and security. With a clear identity, approachable visuals, and a streamlined user experience, Tumpa becomes a practical entry point for anyone—regardless of technical background—to protect their communication more confidently.

logo

We designed the new logo for Tumpa to enhance its appeal and usability. In our pursuit of making Tumpa a good choice for users, we created a vibrant and approachable visual language, centered around a friendly mascot. This mascot not only adds a touch of charm but also embodies the user-friendly essence of Tumpa. By integrating this delightful character into the brand identity, we are confident that Tumpa will stand out as an accessible and inviting option, making advanced technologies easily approachable for everyone.

Tumpa Icon

information architecture

Addressing the challenges posed by the previous prototype’s unclear information architecture, we have redesigned Tumpa’s interface with a focus on simplicity and user intuition. Information architecture plays a crucial role in guiding users through a platform, ensuring clear navigation and interactions. By reshaping the information and emphasizing intuitive design, our approach aims to prioritize clarity, enhancing overall usability.

Tumpa Information Architecture

ui/ux

From there we reorganized the user interface elements, ensuring a smooth and intuitive experience for users. The application of the new visual identity makes the experience distinctive, more user-friendly and accessibility for everyone.

Tumpa UI

We also accounted for scenarios where the key has expired, preventing users from transferring it to their card while still providing access to additional information. We enhanced visibility and accessibility by placing the primary and secondary buttons at the top of the view.

This adjustment ensures better navigation, especially for users relying on keyboards or screen readers, as the focus order prioritizes these buttons as one of the initial elements they encounter.

Tumpa Ux

landing page design

From there we reorganized the user interface elements, ensuring a smooth and intuitive experience for users. The application of the new visual identity makes the experience distinctive, more user-friendly and accessibility for everyone.

 

Tumpa Landing Page