Letro app

Led the end-to-end UI/UX design and the brand identity of Letro, an offline alternative to email.

Letro Hero Image

Project overview

Letro is an offline alternative to email, designed to circumvent internet shutdowns. Unlike email, Letro offers end-to-end encryption, eliminates phishing and spamming, and users can send and receive messages without access to the Internet.

Role

I led the end-to-end UX/UI and brand design for Letro, including:

  • User research, competitive analysis, and usability testing.
  • Information architecture and user flows.
  • Wireframes, hi-fi prototypes, and design system.
  • Custom illustrations and animations.
  • Dev-ready documentation.
  • Close collaboration with the lead developer to scope the MVP.
Learn more about Letro

Tools

Figma, FigmaJam, Maze, Illustrator, After Effects, Lottie, Jira, Android Studio, Slack, Loom.

Timeline

2024

Team

Lead Product Designer, Lead Developer, Android Developer.

Platform

Android

Problem statement

People around the world are subject to Internet or telecommunications blackouts due to government orders or conflict, rendering them disconnected from the outside world. As an offline alternative to email, Letro would change that by enabling users to send and receive messages without the internet.

Project goal

The main goal was to design a messaging experience that not only works intuitively, but also feels trustworthy and a delight to use.

Research

Due to the sensitive nature of the target audience, I conducted anonymous interviews and user testing with proxy users and one real user from targeted regions. This revealed crucial insights:

  • Users were familiar with apps such as Gmail and WhatsApp, but often misinterpreted common iconography when not accompanied by text.
  • Some users expressed significant skepticism toward offline messaging apps due to previous experiences with solutions that failed to work properly offline or had confusing interfaces.
  • Many users relied on older Android devices with limited processing power.

Designing from first principles

Addressing technical dependency

Letro depends on Awala to exchange data without the internet, requiring users to have both apps installed. Working with the lead developer, we designed an onboarding flow that automatically detects if Awala is installed.

This approach helped us educate users on the relationship between the two apps without technical jargon, and reduce installation drop-off through contextual guidance.

Natural High Safaris
Natural High Safaris

Rethinking account creation

In close collaboration with the lead developer, we designed an onboarding flow that eliminated email or SMS verification as neither would work during telecommunications blackouts. Instead, users create accounts with just a username paired with a localised domain (e.g., @guayoyo.cafe in Venezuela). This approach enabled us to:

  • Provide friendly identifiers that users could easily share to connect with each other.
  • Create immediate regional familiarity, making the app feel more personalised.
  • Offer identifiers under our own domain names or the user's own domain names.

Designing for offline-first experiences

Every interaction needed to function reliably both online and offline, without depending on real-time feedback or server validation, so I partnered with the team to understand the technical limits and together design the UX for the asynchronous communication.

Natural High Safaris
Natural High Safaris

Solving the contact pairing challenge

To avoid spam and phishing, especially when at-risk users are targeted, Letro required users to authorise each other upfront, before they can send messages for the first time.

We developed a streamlined pairing flow that loosely resembled "adding contacts" on some social media apps, whereby each user would simply enter the other's identifier, and the pairing would be completed once there was a match.

Clarity over convention

During the user testing, I found that some users found icon-only actions (like the paper plane for "send" in Gmail) confusing.

Instead, Letro uses explicit labels with supporting icons on primary CTAs, such as the "Send" and "Reply" buttons, to reduce ambiguity.

Natural High Safaris
Natural High Safaris

Accessibility & multilingual UX

Letro was localised into several languages, so I designed the UI to support variable-length text, right-to-left (RTL) layouts, and readable fonts across different scripts. I also ensured:

  • High color contrast for readability in harsh lighting.
  • Large tap targets for ease of use.
  • A dark theme to reduce eye strain.

Visual design

Letro's visual identity was designed to feel friendly, calm, and trustworthy, qualities often missing in apps associated with surveillance-heavy or politically tense contexts.

I created illustrations including a custom bird mascot to guide users visually, adding warmth and playfulness. A calming color palette, clean typography, and purposeful microinteractions all worked together to make the experience approachable without downplaying its seriousness.

Natural High Safaris

Animations for potentially slow actions

Two actions in particular could take a long time depending on device characteristics and network conditions, so I designed animations to assure them that progress is happening in a friendly way.

Connection to Awala

Which could take up to 15 seconds in the oldest devices we tested.

Animation of the connection to Awala
Animation of the account creation

Account creation

Which could take around 6 seconds on a slow connection, or weeks in the most extreme cases when the Internet is unavailable.

Dark theme

To support user comfort and extend accessibility, I also designed a dark theme. Both light and dark themes adhere to a consistent visual system: clear iconography, generous spacing, and scalable typography, all optimised for low-end Android devices.

Natural High Safaris

Google Play Store listing

I also designed the app's Google Play Store listing to reflect the app's core values of privacy, security, and trustworthiness.

Natural High Safaris

Design system

To ensure platform-native usability and speed up development, I followed Material Design guidelines throughout the UI, aligning components and interaction patterns with Android standards.

Reflections

Letro was a challenging yet rewarding project that offered significant opportunities for growth. Through user testing of the final prototype, I was able to validate core design assumptions, identify edge cases early, and help align the team around a user-first approach to offline communication. This process reduced risk and laid a strong foundation for future development.