Cover LM.png

iOS App | LetterMe

LetterMe is an iOS messaging app that allows users to communicate with each other by using fonts and emoticons that they create themselves.

Role: I was responsible for the UX and UI design of the iOS App.

Available on the App Store

The Goal

The Goal

Its aim is to solve current messaging platforms’ lack of personality, emotion, and unique features that distinguish each individual user. High schoolers, college students, and graphic designers are the target audience of the app. How do you make a messaging platform personal, emotional, and unique?

The Problem

The Problem

Once I started to work with the above Message/Contacts page and Search/Add flow I found:

1. The App was intended to create a friendly, casual, yet intimate user experience. However, that did not mean that both user profiles and new message notifications appearing in random colors was a good idea. Designers use colors for a reason; each color has to serve a function, and functionality is even more important than how it looks.

2. The user flow/UX for the sign-up and login page was like a puzzle for me to put together.

Solution - The Color

Solution - The Color

In my redesign, I used only one theme color for navigation, notification, tab bar active state, etc. Because users log into the App through email rather than other social platforms, there would be no default profile photos for them. In order to retain some playfulness in the design, I reserved a set of pastel colors for the random profile placeholders — my inspiration was from the Google Docs avatars for anonymous users!

Wireframe & User Flow

Wireframe & User Flow

LM - 4@3x.png
LM - 5@3x.png
LM - Full@3x.png
ezgif.com-gif-maker.gif