2. TypePocket
Mobile App
UX & UI Design
UX & UI Design
When
Fall 2019
Duration
3 months
Fall 2019
Duration
3 months
Tools
Illustrator, Xd, After Effects
Collaboration
Hanbee Kim, Haeyeon Kim
Research Methods
In-depth interviews, Affinity Diagram, Competitive Analysis
Illustrator, Xd, After Effects
Collaboration
Hanbee Kim, Haeyeon Kim
Research Methods
In-depth interviews, Affinity Diagram, Competitive Analysis
Overview
Image Search Application
that helps you find out certain typefaces
What do you do when you find attractive typefaces from other design works? Do you just pass by? We had so many typefaces that we wanted to figure out, so we came to an idea of creating a mobile application for searching typefaces by using visual search feature.
Kick Off
Key Questions
- What is the product ?
- Who might be our competitors ?
- Who will be the main users ?
- What do our users need the most ?
To start with our first question ‘What is the product’, we defined our goal. Our goal was to create a mobile application that enables users to search typefaces whenever, wherever they want.
Research
Ideation
Before sketching wireframes, our team went through the ideation process which helped us organize key features and structures of service.
Let’s Analyze
- Constructed a user flow to draw the overall user experience.
- Wrote both positive & negative test scenarios to figure out what might be the possible strengths & weaknesses of our service.
- Analyzed the impacts of each strength and weakness to figure out how to improve user experiences.
Key Features
Based on what we have found, we organized key features and drew the information architecture of our service.
Service Value
- You can take a picture or browse it from your album to find out the name of certain fonts you want to find out.
- You will get a list of fonts that are similar to a picture you've browsed.
- You can save unique font styles after adjusting letter space and font size or even more.
- You can link your font cloud account so that you can activate fonts directly to your workspace.
- You can get useful information about typography, or even recommendations of fonts in use from experts.
Information Architecture
Design
We first made low fidelity wireframes to visualize our information architecture, and then we pointed out some challenges that might disturb users’ experience.
Challenges & Iterations
Style Guide
Screens
Log-in page
you can link any accounts related to FontCloud so that you can activate fonts you searched directly.
you can link any accounts related to FontCloud so that you can activate fonts you searched directly.
Camera
you can search fonts you like by using an image search feature. Simply take a picture of the fonts you want to find out.
you can search fonts you like by using an image search feature. Simply take a picture of the fonts you want to find out.
Search Result
you can easily put fonts into your categorization, by clicking the fonts under the folder you have chosen.
you can easily put fonts into your categorization, by clicking the fonts under the folder you have chosen.
you can also check the detail about the font you want to find out.
FontStyle Adjustments
you can alter texts, vary sizes or even vary spacings to see if the font is the one that you were looking for.
you can alter texts, vary sizes or even vary spacings to see if the font is the one that you were looking for.
Search
not only searching fonts by images, you can also search for fonts by using filters.
not only searching fonts by images, you can also search for fonts by using filters.
Magazine
swipe right/left to see useful information related to typography and fonts.
swipe right/left to see useful information related to typography and fonts.
Drive
you can filter out fonts to see only fonts you saved to a certain folder.
you can filter out fonts to see only fonts you saved to a certain folder.
Introduction Video
To Learn More
