This site uses cookies to improve your user experience. If you continue to use our website, you consent to our Cookies Policy

https://images.ctfassets.net/0nm5vlv2ad7a/1qrzbKzaV04krV0B8H4jyq/1c9aecf6ff746b2b0b0b8f225c47dfa0/stickerBoxLogo.png?w&h&fm&fl

StickerBox

An iOS sticker-making app

StickerBox is a cross-messenger app that creates stickers based on your own face with the help of artificial intelligence.

YWS > Works > CaseStudy > StickerBox> Intro > Content > StickerBox Intro Background
Time:

Feb 2017 - Apr 2017

Type:

Cross-Messenger Sticker Maker

Industry:

Mobile development

Deliverables:

UI, UX, Desktop, Web, Strategy, User Research

Face recognition

The app will automatically recognize the face, cut out the background, and make a fancy sticker.

Premade templates

They help you to create a sticker that will make all your friends laugh and reflect the emotions perfectly.

Messenger compatibility

Once saved, the stickers appear on a custom keyboard and can be shared regardless of any particular messenger.

One-tap process

StickerBox works s as easy as can be: the only thing you have to do is to take a picture, AI will do the rest.

About

Project Idea

Our team got inspired by Slack and its ability to create custom emojis. This activity became one of our favorite corporate pastimes. Also, seeing the reaction of our teammates when we showed them emojis made out of their photos was hilarious. In less than no time, we come to the conclusion: if we enjoy it so much, other people might too.

Team

Art Director

Project manager

UX/UI designer

Chief Technology Officer

iOS Developer

Android Developer

Backend Developer

Wireframes

The app was designed to be as simple as possible for users to easily interact with the app, regardless of their device.

StickerBox First WireframeStickerBox First Wireframe

Technology Stack

Here is the list of technologies and tools to bring our idea to life:

StickerBox Technologies
StickerBox Background removal Second

Background removal

After the app recognizes the face with all its features, StickerBox’s artificial intelligence will cut out the background flawlessly to insert the face into a template.

StickerBox Background removalStickerBox Background removal lineStickerBox Background removal line tablet
StickerBox Templates Second

Templates

The app contains an enormous amount of premade templates for you to create stickers and all of them drawn by our own team from scratch.

StickerBox TemplatesStickerBox Templates lineStickerBox Templates line tablet

Sync with messengers

When stickers are complete, they are displayed on a custom-made keyboard, so you can share them literally in any messenger regardless of the mobile platform.

YWS > Works > CaseStudy > StickerBox > Sync with messengers > Image desktopYWS > Works > CaseStudy > StickerBox > Sync with messengers > Image phone

Challenges and Solutions

While creating StickerBox, we faced some development challenges that we were happy to resolve.

Face segmentation

Problem:

We needed technology that would find a face and hair in a photo, separate them from the rest of the body, and cut them out from the background for further use without redundant pixels.Solution:

Solution:

We tried several mathematical algorithms like Canny Edge Detector and Graham scan, but they didn’t perform well enough, so finally we stopped at a self-learning neural network that completely met the requirements.

StickerBox Face segmentationStickerBox scan StickerBox face recognition

Additional features

Problem:

When we launched the app, we thought users would like to make custom stickers and change them the way they want. Soon after release, we found out they were much more amused with the sticker templates provided by the app since it was easier than manual editing.

Solution:

We removed most of the customization features and released a version offering ready-made stickers with just one button click.

StickerBox Additional features

Results

An iOS sticker maker that works with any messenger Available worldwide

https://images.ctfassets.net/0nm5vlv2ad7a/tJd5WiCvYbImmrARvIYZp/032de21128ece0170405250c33d5711b/Space_Black.pngStickerBox Result