iStyle AI-App

2023
// Project overview

Fourth year UX-UI course.
Everyone was asked to build their own app, I chose a clothing app called "iStyle". Many people do not understand much about fashion and do not know what clothes to choose for a variety of events. The application is based on AI, offering a solution to customers in finding appropriate clothing for a variety of events and matching colors through a chat with the application's bot "Smarbot". Here's a taste of the app.

View Case Study
View Figma File
Tools used:
FIGMA
ILLUSTRATOR
PHOTOSHOP

Defining the problem

The field of fashion is very tricky, in order to understand modern styles of clothing you need to be interested in the field. There are many people who are not interested in fashion, and they do not know how to choose appropriate clothing for a variety of events. Moreover, there are people who are ashamed to consult with people about their clothing.

iStyle App
2022
iStyle App
2022

Defining the solution

The concept of the application is the bot with which you can chat and consult regarding clothing for various events. You can choose the type of event you are going to and the bot will help in finding the appropriate clothing for the event.

The use of the application allows complete privacy for the customers, thus solving the problem that a large part of people are afraid to consult other people about their clothing amid the reviews they will say about them. Moreover, you can rate the bot's answers and give a personal review in order to improve the bot's answers and reach a level that is as updated as possible in today's styles.

Wireframes

Wireframes are simple layouts that describe the structure of a website, focusing on content placement and user interaction. The goal is to design a clear and user-friendly design before adding visual details, which ensures a strong foundation for the final product.

Userflow

The user flow maps the steps a user takes to reach a destination, ensuring a smooth and intuitive experience. Its purpose is to guide visitors effectively, helping them achieve their goals easily.

Designed Screens

After the definition of the wireframes and use flow, the designed pages broadly show the visibility of the application, from the buttons to the content and colors.