YooGen App

Your personal assistant for creating events, booking tables and organizing leisure activities in real time.

My Role

Discovery and research, Competitor analysis, Low-fidelity wireframes and prototypes, High-fidelity designs and asset creation, Usability testing and validation, Providing direction to the design team

Design Tools

Figma, Illustrator, Photoshop, After Effects

Project Time

3 months

YooGen is my first startup project for which I personally attracted investment. It is a marketplace where you can book a table in one click, create any event.

Problems

The idea to create this project arose because I myself faced with the fact that to find the services of a photographer, videographer, restaurant for my holiday I spent a lot of time. Later I conducted a survey and it turned out that everyone who organized their holidays faced the same problem.

First Problem

Second Problem

Third Problem

Fourth Problem

So, the First Problem was that all the different services are scattered on different sites, and to choose the right one you have to analyze a lot of information.

The Second Problem was that there were very few honest and real reviews of services on all resources. Most of the positive reviews were bought. This could thus lead to ordering low-quality services and, as a result, a ruined holiday.

Finally, the Third Problem I identified was that business owners who were providing services were not happy with the way their services were placed by marketplaces. They didn't like the fact that they couldn't create their own ads, they weren't satisfied with the rating system, and they wanted to have a dialogue with their clients on their own.

Analyzing the market and competitors, I came across the Fourth Problem - for many people it was important to be able to book a table, at a restaurant in a few clicks, without filling out a lot of fields and forms.

Workflow

Wireframing, Prototyping & Usability-Testing

First, I conducted a product study to find out the behavior of users, their motivations, and needs, as well as an analysis of competitors. Then, based on the information from the initial content audit, competitor analysis, and sorting out the cards with potential users, I defined the site map for YooGen (information architecture), designed and developed navigation, hierarchy, and categorization.

With low-quality prototypes, the planned functionality and overall structure of the application could easily be tested with usability tests.

Onboarding Screen

Authorization Screen

Registration Screen

Main Screen

Ad Screen

Chat Screen

After some paper prototyping adjustments, wireframes, mid- and high-fidelity prototypes were created, which I supplemented with clickability using InVision. Again, user tests revealed small vulnerabilities in the structure of the user interface, in some formulations and interactions. In addition, the users asked smart questions, which led to further improvements.

Visual Design

Colors & Fonts

Blue Teal

#12A1A1

Aspid Grey

#364857

Mahogany Crayola

#D94E4B

Smoky White

#F4F4F4

Aa

Bold,
#222222

Medium, #222222

Regular, #222222

A/B & Click Tests

To analyze usability assumptions, I ran A/B and click tests, which confirmed almost all of my assumptions. First of all, I tested the navigation structure on mobile, ad creation, and visual design preferences.

Ready-made application

We managed to collect all kinds of services in one place, categorizing them for convenience. We have developed a "smart" search function and filters to find the right services.

Ready-made application

We gave the user the ability to book a table at a restaurant in three clicks

The built-in designer allows you to create the hall and place the tables for booking by the clients there.

It is equally easy to use the constructor both in the web version of the application and on the phone or a tablet.

Add the proper tables, furniture, equipment and common rooms to start designing the hall

Next step is to place all the furniture in your hall

In order to know which table the client booked, assign a number to each table

Conclusion

Results and the fate of the project

It took me and my team of developers four months to create the working version of the application. We received a lot of positive feedback about the work with the application, as well as about its visual design from customers who began to place their ads in YooGen.

But in March 2019, a worldwide quarantine was declared due to the spread of the COVID-19 virus. This "killed" our application at the very beginning. People were forbidden to leave their homes, go to restaurants, and organize any festivities.

I really hope that life will change for the better soon, and YooGen will be able to "resurrect" like the Phoenix from the ashes and give people joy by helping them organize their holidays and visit their favorite places! We have invested in YooGen not only many hours of hard work, but also a part of our soul.