Hango App אַפּליקאַציע פֿאַר טיילן רעכענונגען by Den Klenkov

Hango App אַפּליקאַציע פֿאַר טיילן רעכענונגען by Den Klenkov is a highly esteemed winner of the very prestigious 2020 A' Design Award אין בראָנדז in מאָבילע טעכנאָלאָגיעס, אַפּליקאַציעס און סאָפֿטוואַר דיזײַן Competition Category.

בראָנדזמאָביל· 2020

Hango App אַפּליקאַציע פֿאַר טיילן רעכענונגען

by Den Klenkov

Client: Den Klenkov

A' Design Award אין בראָנדז Winner in מאָביל Category

18,215

Verified Award Winner

Verify Award Status for #100757

Visit Site View at A' Design Award Press Release Award Badge

Colors

The Design

About Hango App אַפּליקאַציע פֿאַר טיילן רעכענונגען

Hango איז אַ קאָנצעפּט פֿאַר אַן iOS אַפּליקאַציע צום טיילן רעכענונגען אין רעסטאָראַנען. דער פּראָצעס האָט פֿיר טריט: סקאַנירן דעם טשעק, צוגעבן די מענטשן בײַם טיש, צעטיילן די אַרטיקלען און באַקומען דאָס געלט צוריק. אַרטיקלען אויפֿן טשעק ווערן אויטאָמאַטיש דערקענט, און יעדער אַרטיקל ווערט צוגעטיילט מיט אַ פּשוטער "דראַג און דראָפּ" באַוועגונג. אַנדערע טיילנעמער באַשטעטיקן זייער בעשטעלונג און באַצאָלן זייער חלק דורך פֿינגער-אָפּדרוק באַשטעטיקונג. דער אינטערפֿייס איז ריין און פֿאָקוסירט אויף איין הויפּט־אַרבעט. באַוועגונג און אַנימאַציע ווערן גענוצט צו דערקלערן יעדער טריט פֿון דעם פּראָצעס.

The Recognition

About the A' Design Award אין בראָנדז

Hango App אַפּליקאַציע פֿאַר טיילן רעכענונגען איז אַ געווינער פֿון דעם A' Design Award אין בראָנדז, אַן העכסט פּרעסטיזשע אָנערקענונג וואָס ווערט געגעבן צו אויסגעצייכנטע דיזײַנס וואָס שטעכן אַרויס מיט קרעאַטיוויטעט, דערפֿינדונג און קלוגשאַפֿט. בראָנדז-געווינער זענען זייער בקיאותדיקע און אויפֿפֿאַלנדיק קרעאַטיווע אַרטיפֿאַקטן וואָס באַשטעטיקן די ברייטע דערפֿאַרונג, פֿאַנטאַזיע און דערפֿינדונג-קראַפֿט פֿון זייערע דיזײַנערס. פֿון Hango App אַפּליקאַציע פֿאַר טיילן רעכענונגען ווערט דערוואַרט אַז עס איז אַ הויך געשעצטע, באַוווּנדערטע און ליבע זאַך וואָס איז אויפֿפֿאַלנדיק פּראָפֿעסיאָנעל און אינאָוואַטיוו. דער דאָזיקער געווינענדיקער דיזײַן פֿון A' Design Award אין בראָנדז פֿאַראײניקט די בעסטע פּראַקטיקן אין קונסט, וויסנשאַפֿט, דיזײַן און טעכנאָלאָגיע, און איז אויסגעצייכנט פֿאַר זײַן אויפֿמערקזאַמקייט צו דעטאַלן. Hango App אַפּליקאַציע פֿאַר טיילן רעכענונגען באַפֿרידיקט באַדערפֿענישן פּראַכטפֿול, רירט אָן תּאוות, פֿאַרכּישופֿט געפֿילן און רופֿט נײַגעריקייט.

Behind the Design

Press Kit

Credits, team members and technical details provided by the designer.

Unique Properties: Hango is an iOS app concept that is designed to simplify the process of bill splitting in a restaurant. Scan a bill, add friends, split it and get your money back in a matter of seconds. Key strengths: quick and efficient scanning using modern technologies (AR, AI), clean and minimalistic design that supports usability, intuitive engaging and informative interactions through out the user journey. The app focuses on one main task and accomplishes it in the cleanest and easiest way.
Dimensions & Packaging: Designed in @1x resolution 375x812px (iPhone X)
Tags: app, interaction, ios, finance, minimalistic, clean, modern, clear, typography, food, iphone, restaurant, ui, mobile, split the bill, check, interface
Production Technology: The software used: Adobe Photoshop, Sketch, Principle. Used sketch symbols to design faster and have more flexibility. Principle for simpler interactions, After effects for some advanced smooth/liquid/scanning effects.
Design Challenge: The most challenging part was to identify what should be the perfect experience for the users trying to split the bill in restaurants.
For this purpose the market research was conducted. I made a list of the biggest user’s frustrations and a list of the things that people like about the existing apps that solve similar problem. Main week points: no scanning functionality or it has a poor performance; it takes longer then reasonable to accomplish the main task (calculate the amounts and pay back); the overall look and feel is outdated and not beautiful, some other features are missing. Based on the survey and the market research, I created and prioritized a feature list. Features for MVP (Minimum Value Product): Scanning check, Displaying the items in a clear and easy way with pictures, Adding friends (contacts) to the party based on their geolocation, Drag-and-drop to split the bill, Payment using fingerprint confirmation, Setting and viewing Reminders to pay or request money later, Notifications, Hangouts history, Profile and Payment settings. For the beta version I left some nice-to-have features like: Simultaneous items claiming from each participant's device, Ability to add tips, Sub-parties who want to pay together.
Research: When paying one bill at a restaurant for a big group of people it’s hard to quickly calculate the amounts for each participant or a smaller group. Or if one person decided to pay and make calculations later, then you need to make photo of the check, do the math and pay off later. This results in spending too much time on calculations during a dinner instead of enjoying each other’s company. I conducted a survey among my friends, colleagues and some other people. It's goal was to confirm the problem existence and to find out in what way people usually solved it. The conclusions were the following: some people don’t have this problem, because in their culture the most common way is splitting the bill equally among participants; other people don’t use banking card in most cases, they rather pay cash right away; more often one person pays by card and gets paid off later; some individuals have some experience in using apps to handle this, but they were not satisfied with the experience they had with them. Finally it was discovered that most people would be happy to have the app to solve this issue.
Inspiration: I never liked to calculate my part of the check in restaurants. From time to time I tried to find an app with a good UI/UX that solves this problem, but never found.
Project Duration: Started September 2019 in Kyiv Ukraine, ended November 2019 in Kyiv Ukraine
Operation Flow: The key steps in interaction are the following: Scan a check, Add participants, Split items and Refund a payer. The app provides a smooth transition to each new step along the way. The UI animations communicate what's happening (like in case of scanning the check or waiting for a refund) or suggesting how to use the app (like when you hold on an item it changes it's state, so it's clear that now you need to drag it somewhere). All the motion timing and easing is precisely chosen for each scenario to be consistent and communicate a certain motion language.
Patents: Copyrights belong to Den Klenkov, 2019