KonetInk

Website UX Design, Form Design
The Pitch
Can we design the Zocdoc for finding tattooists?
The Objective
Make a delightful homepage and onboarding experience with a learnable, intuitive user flow.
The Problem
Users struggle to understand a new service concept and don't trust third party sites.
The Solution
A rebranded and restructured search-forward homepage with user-first affordances.
Key Takeaway:Simple and straightforward design is the best (and hardest) solution.
Tools used: Figma, Neuomorphic Design Assets (adapted).
Timeline/Team: Three-week sprint with a team of 2.
Problem Space and Project Deliverables
We were brought on to advise a startup (SuiteForms) looking to pivot their business model from a form design service to a matching service pairing tattoo-customer-to-tattooist.

Our core deliverable was a redesigned website that could accommodate the new user flow to best support this business strategy.

12

SURVEY RESPONDENTSDiscovered how users research for tattoos

13

USER TESTSRefined intake questions to user expectations

1

NEW DESIGN STYLETested new skeuomorphic design style

4

29

12

COMPETITOR SITES RESEARCHED
- Conducted Comparative Analyses
- Created Landscape Matrix for stakeholders

SCREENER SURVEY RESPONDENTS
- Sought a diverse group of online monthly gamers
- Interviewed 8 users to learn about their gaming needs

SCREENS
- Prioritized minimum number of screens 
- Streamlined features to differentiate from competitors

Design Inspiration

We modeled our functional design from the simplicity of Zocdoc:They providing a valuable service of quickly matching a user's needs and preferences with a qualified professional. Interviewees responded positively to the clarity of the search parameters and filtered results.

We took aesthetic inspiration from a "new skeuomorphic" or "neuomorphic" design style:This was done to create a simpler interface that felt modern and trustworthy, as interviewees cited trustworthiness as a concern with service-matching websites.

Test users appreciated this design and found it tactile and enjoyable to interact with.

Before-and-After Designs

HOMEPAGE

Problem
Test users were confused about the purpose of the website (ie. "Be The Artist"), and what they had to do to find the appropriate form to fill out.

Solution
Provided a clearer description of the services up front (ie. "Find the Tattooist For You"), leading directly a prompt for the user to begin filling out their details and needs to facilitate their search.

INTAKE FORM

ProblemIntake form was often ambiguous, or had limited options for what users were looking to specify in their design ideas.

SolutionWe asked users to rank their priority of what their criteria was for a tattooist, and designed with that order in mind. We also crowd-sourced popular tattoo styles and terminology to ensure we were speaking the language of people who were interested.

MOBILE SITE

ProblemOriginal website was not properly responsive, resizing landscape-oriented imagery into a vertical scroll that again left users without a course of action.

SolutionNew design immediately prompts user to begin using the website service and providing immediate value for their search needs.

TERMINOLOGY ASSISTANCE

ProblemDifferent test users had varying levels of tattoo terminology knowledge and occasionally needed help.


SolutionDesigned hover-over "info bites" that provided visual examples and text explanations of different tattoo styles.

EVALUATING THE PAIRED
PLAY EXPERIENCE

Problem
After a paired gaming session, competitor apps don’t have a way to gauge whether the experience was enjoyable or not, nor was there a way to acknowledge or compliment your fellow player.

Solution
Added a quick and optional evaluation screen to help refine the app’s algorithm, as well as the option to endorse your matched player for how they played, which encourages supportive social spaces.

“If I was completely new to a place, and I was looking for an artist, it would be so daunting. Having a resource like this could be so helpful. This is nice because it could be a way to aggregate and hone in on what you’re searching for, rather than scrolling blind through Instagram and Google hoping for something that matches what you’re looking for.”
- Test User, commenting on the value of the prototype

Key Learning & Takeaways

Simple and straightforward design is the best (and hardest) solution.

Project 3

Web Design
Project Overview
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
My Contributions
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
Webflow
Visual Developer
Jun 2016 — Jul 2017

View Other Projects:

< Previous Project
WayBak Augmented Realty Tours

Key Takeaway: Building multi-sensory
prototypes and engaging user tests.
Key Takeaway: How to translate 400+ data
points into visual trends for stakeholders.