Text a Letter: Our Case Study

移动互联 2017-04-24

It’s impossible to deny: emails have almost totally supplanted handwritten letters. It seems absolutely consequential and apparent. In our digital era, it’s not reasonable to waste a lot of time searching for a pen and a piece of paper, writing, then walking to a post office, waiting in line and, finally, sending it to your loved one, when you can do all of the above with a few clicks.

On the other hand, all emails look quite the same. Furthermore, there is nothing that can be compared to the breathtaking feeling while opening an envelope and reading a long-awaited letter from cover to cover.

How did we manage to combine the best from both practices?

But what if there would be a possibility to combine heartfulness of a handwritten letter and simplicity of writing and sending an email? That’s what we have asked ourselves when Wole Osuntuyi contacted us and shared his enthralling idea. About three months later something that the mobile app market has never seen was created.

What was the challenge?

We strongly believe that mobile app development is not only about coding and testing. It’s in some sense a way of creative expression, and working on “Text a letter” is a bright example.

Our task wasn’t about just building a mobile app, it was about making our client’s idea come true. The major concept lied in quite a romantic desire to breathe a new life into paper letters and reinvent the way of communicating through them.


In the app we should have provided users with the ability to design a letter that would be sent in its paper form to the recipient. It wasn’t something that a mobile market was already aware of, so the challenge was pretty defiant. Were we scared? Conversely, we became more engrossed!

First steps

Nevertheless, even the most romantic projects require prudent and forehanded planning. After an efficient brainstorming and discovery phase following key points were outlined:

  • personalized user experience , based on the ability to design a letter and choose between different types of envelopes, papers seals and fonts, is a core part of the app;
  • user interface has to properly visualize app’s main features and reflect the thrill of writing a real letter;
  • another crucial element we should develop is the secure, accessible and easy-to-use payment system to allow users paying with their smartphones;
  • reviewing and processing ordered letters will be done through a web-panel .

How did the work proceed?

The objectives were set and our work began.


During the whole process, we kept close contact with our client to achieve the most accurate and successful result possible.

What was in our development “toolbox”?

We have created "Text a letter" app by using Swift to build FrontEnd for iOS and Node.JS for develoing BackEnd. The app was also implemented with a range of SDKs:

AFNetworking - for simplifying network request handling.

SDWebImage - for asynchronous image loading with caching.

Stripe SDK - for fast and secure payment processing.

And finally...

Finally, we presented the app that perfectly suited our client’s requests and harmonized with users’ expectations. On the one hand, it imitates the feeling of creating a handwritten letter, and on the other hand, it makes the whole process as simple and fast as writing a message in WhatsApp.


Due to a wide range of available options while creating a letter we have managed to achieve deeply personalized UX. Users have just a little limitations when picking up an envelope, a type of the paper, seal or even a pen color.

The main goal which represents the whole concept of the app — to provide users with an opportunity to create custom paper letters — was achieved.

In order to build a visual connection with user experience, designing an outstanding UI became our personal challenge. Our team came up with the idea of building the animated interface instead of uninspired dim lists to choose between different letter’s features.


The UI also allows guiding users throughout the whole process of creating a heartwarming letter, making it easy and entertaining for them.

We have also integrated Stripe as a secure payment system upon our client’s request. This way we offered a built-in feasibility to instantly pay for the order.

Designing custom animations

As we have already mentioned we consider development as a creative process. That’s why we preferred to design custom animations instead applying standard solutions.


Furthermore, it allowed us to visualize all the alterable features of the letter. Thereby users are able to see how one or another detail will look like before choosing it.

This is especially important in view of the fact that “Text a letter” has a wide variety of exclusive letter’s elements like “patterned peacock rosa” paper, “decorative tropical sunset” envelope or others.

Payment handling

Our main goal was not only to provide users with the ability to create beautiful and customized postal letters, but also to make this process quick and easy. That’s why we decided to integrate Stripe SDK into the app.


Thus, we have ensured a straightforward and protected from frauds checkout and paying process. Additionally, we have designed our own interfaces for this purpose instead of using ordinary ones.

Conclusion

It took us 3 months of hard working to fulfill Wole Osuntuyi’s dream. The final result was definitely worth it!


We managed to develop the useful out-and-outer app with nice UI. Basically, “Text a letter” helps to stay in touch with your loved ones by sending deeply personalized postal letters.

Great choice of paper types, envelopes, fonts and other details provides users with an outstanding experience. And the built-in payment system makes the whole process even faster.


You can check it out on your own! Download “Text a letter” for your iPhone for free now:


您可能感兴趣的

「红人」旅游小程序产品需求文档 昨晚梦到甲方粑粑要搞个旅游App,做App成本又太高,所以先搞个小程序试试水。 目录 一、引言 1.1 文档属性 1.2 历史修订 1.3 背景 亲爱的计算机科学界们,本次产品是外包项目,主要是甲方爸爸要,他要什么呢? ...
烦人的“小妖精”:浅谈小红点的设计... ​引语 | 随着各类App的业务功能不断丰富,小红点已经成为互联网从业者们最常使用的运营工具之一,每当有新的运营内容或新功能上线,大家的做法往往是“在那放个红点就行了”。然而简单粗暴的形式以及不加节制的投放,让小红点变成了人人厌烦的“小妖精”。本文从设计的角度出发浅谈小红点的一些设计细节,期望引起大...
正面冲撞习惯 每隔一段时间 Apple 总能“发明”一个让人要捂脸的词语,通过发布会或介绍视频,比如 iPhone 5c 发布时的“Unapologetically”,去年的 iPhone 7 发布会上在解释为什么去掉 3.5mm 耳机孔时,使用了“Courage”这个词。Phil Schiller 在发布会...
人工智能与设计(3):人工智能时代下交互设计的改变... 前面通过两篇文章 《人工智能的发展和定义》 和 《面向用户的人工智能系统底层设计》 介绍了人工智能的基础和对未来人工智能系统底层设计的思考。对于设计师来说,我们更关注的是面向用户的设计,这篇文章更多讲述的是上层应用的交互设计。在人工智能时代下,交互设计会发生颠覆性的变化,主要为信息架构的改变以及有...
深入浅出带你了解这三种交互控件 一.前言 曾几何时,对于刚入圈的交互设计师遇到一些具有国际视野(略带一丝装逼)的产品经理时,也会出现上图中的情形。亦或许在某个不经意的瞬间,你也曾犯过下图的错误。。。那我们今天来认识一下那些常用的交互控件~ ...