Case study

An augmented-reality app that shows a tattoo on your skin before it is inked

InkHunter had built a complex AR algorithm and needed a product around it. We created the brand, the marketing website and the iOS and Android app, with an onboarding that makes the technology easy to try.

InkHunter: cover

At a glance

1-minute read
  • Discovery & Research
  • UX/UI Design
  • Branding
  • Marketing Website
  • Mobile App
  • Front End

The situation

InkHunter is a virtual fitting room for tattoos. Its AR technology shows in real time how a tattoo would look on a body. The team developed a complex AR algorithm and needed a partner to build the final product, with a simple but effective experience for new users.

The task was to create a new visual identity and a website to support the product, build the mobile app for iOS and Android, and make an unfamiliar technology easy to use with a simple and engaging onboarding.

What we did

There was nothing quite like the app at the time, so we took a new user's hand and walked it through every step of the app, and created a photo tutorial that shows the value the user is about to unlock. We built several user flows from scratch, tested them with real users and chose the one that made the technology easiest to understand. We also tested many ways to switch on the AR mode and chose a switch that works like a native toggle.

The onboarding starts by asking users to draw a simple smiley face, called the Square Smile, on the place they are considering for a tattoo. The AR technology uses the phone camera to position the chosen sketch there. A gallery offers designs by tattoo artists, and users can upload their own sketches and try them on in real time. They can take a photo of the result, edit it with filters and share it.

Since the Square Smile is the magic element that triggers the AR, we used it in the logo, bold, bright and minimal. Black is ink, white is paper and red is a drop of blood, and the website and app share a nearly black and white interface that puts the focus on content and design.

The result

InkHunter got a distinctive brand, a website and a mobile app for iOS and Android with a clear onboarding for a technology few users had seen before.

Read the full case study · 2 min

The full case study

InkHunter, step by step

On this page · 5 sections

About the business

InkHunter is a virtual fitting room for tattoos. The app uses AR to show how a tattoo would look on a body in real-time. The InkHunter team developed a complex AR algorithm and engaged Artkai to help build the final product optimized for a simple yet effective User Experience and onboarding for new users.

Project tasks

  • Create a new Visual Identity for the brand and marketing website to support the product
  • Build a mobile application for iOS and Android
  • Make an unfamiliar technology easy to use by creating a simple and engaging onboarding process for new users

Project team

Team: Art Director, UI/UX designer, 2 Mobile engineers, QA engineer, Project manager, Business analyst.

2 months for discovery and design

8 months for development and QA

Design and development are done in parallel after the research and discovery phase.

Product development and functionality

Research phase & Product discovery

Our team was designing intuitive but still nothing like anything at that time app. To ensure a comprehensive, meaningful onboarding, we took a user’s hand and put it through every application step. We created a photo tutorial demonstrating the value users were going to unlock.

We created several user flows from scratch and tested them on real users. Ultimately, we chose the one that could make the alien technology easier to understand and use.

We also tested dozens of interactions for activating 3d mode and selected a native toggle-alike switcher.

InkHunter. Userflow
InkHunter. Userflow.

Intuitive onboarding process

At the start the app asks users to draw a flat-lined emoji-style face, called Square Smile, in the place they are considering getting a tattoo. Then the AR tech uses a phone’s camera to position and overlay the chosen sketch.

InkHunter. Getting the first drop
InkHunter. Getting the first drop.

Tattoo Gallery

The app provides a selection of designs by various tattoo artists, including world-famous ones. Users can choose from the gallery as well as upload custom sketches to try them on in real-time.

InkHunter. Assessing the options
InkHunter. Assessing the options.

Editing and sharing

InkHunter makes it possible to snap a photo of the favorite result for future reference or for sharing with friends. This feature includes filters and editing the image.

InkHunter. Testing and sharing
InkHunter. Testing and sharing.

Visual Identity

Since the square smile is the magic element activating the AR technology, it was only logical to use it in the logo.

We made the logo bold, bright yet minimalistic to make it catchy and memorable. Intense black, white and red colors laid the foundation for the visual style of the entire application.

Black is ink, white is paper, and red is a drop of blood.

The website and application also use minimalistic, almost black and white interface with a strong emphasis on content and design.

InkHunter. Logo
InkHunter. Logo.
InkHunter. Colors and fonts
InkHunter. Colors and fonts.

Outcome

Since its launch, 2016 InkHunter became popular in 40 countries, got the highest retention rate and received massive media coverage in top media, such as TechCrunch, Mashable, Vogue, Cosmopolitan to name a few. The app got Apple’s Best of the App Store in 2017 and the InkHunter team was invited to Y Combinator.

4.8 stars as an average user rating

12M+ downloads since launch

1M+ active users

100+ honorable mentions in the media

Start with a call

A 30-minute call with someone who has delivered this kind of work — sales and an engineer together.

Let's build it

How should we reach you?

By sending this you agree to share your details with Artkai. We use them to reply to you.