Our own app

BraillED

An App for the visually impaired.

We built
iOS App & Website
With
Adobe Illustrator, Ruby Motion, Amazon S3 Website

No longer runningbrailledapp.com

The BraillED wordmark above an iPhone showing the app’s menu: Alphabet Basics, Alphabet Typing, Sentences and About.

The challenge

Our Brand and Marketing Manager, Christopher, tasked himself with creating a product to help the visually impaired while studying Industrial Design. As part of a market analysis and research into existing products (physical and virtual) to aid the impaired, Chris determined he wanted to bring broader education of Braille to market.

What we made

We soon determined that the most cost effective way to bring a product to market was via a mobile app. This included discovery, design and development of the mobile app itself, but also the creation of a marketing website to promote and support the mobile app.

An iPhone running BraillED, showing a large letter M above six circles laid out like a braille cell
Two high-contrast BraillED screens for the letter M: six white circles, then the same circles marked green and red

The Design

The app was created for people that have poor or no vision, utilizing large fonts and contrasting colors. Creating a high contrast and highly visible interface with large touch surfaces was important in providing a tool useful to anyone having the slightest trouble viewing the screen.

A BraillED screen with six numbered circles and a blue line tracing a pattern through them

The Science

Braille itself is a pattern of bumps denoting the alphabet and common word or symbols. To learn the basics, BraillED taught users the alphabet by introducing a random letter and allowing the user to trace the pattern on the screen. This could be accomplished by tapping each bump on screen, or moving your finger over the dots in a dragging motion.

Four BraillED screens with sound and vibration marks, above icons for Visually Impaired, Have Fun, Out Loud and Responsible Design

The Experience

BraillED used both haptic and audio feedback, via vibrations and the speakers of the phone, to guide a visually impaired user. This was accomplished using built-in speech synthesis libraries in Apple’s iOS and access to the device hardware to create vibrations.

The BraillED marketing website in a browser: "BraillED lets you easily learn braille on your iOS device."

Marketing Website

An important part of any digital marketing strategy for a mobile application, is the related marketing website. We designed and created a simple one page marketing website to promote the features, provide support, and allow users to find our application easily on the web.

App Store

BraillED was a product Lotus had available on the App Store, allowing users to learn the basics of braille in a fun way.