Main screen before login 1 Contents

1 2
3
This is the first main screen page
on the platform.
1. It functions to allow you to search for
freelancers by entering keywords. It stays at
the top even if the page is moved.

2. Buttons to log in or sign up.

4 3. Buttons that allow you to navigate by

category. The categories are complete.

4. The ability to search for projects or

freelancers. Allows you to search from the
main screen as opposed to the search bar at
the top.
 Main screen before login 2 Contents

2 2
This is an area within the main
screen that introduces popular
services and platforms.
1. It displays thumbnails of the administrators
and category representatives of popular
3 services, and you can click the thumbnails to
go to their respective pages.

2. This is a function button that allows you to

move the list of popular services left and
right.

3. This is where the platform introduction is

written. It does not provide the ability to
navigate separately.
 Main screen before login 3 Contents

1 This is the area on the main

screen that shows video
2 2 testimonials from freelancers or
clients.
1. Allows you to play or pause the video.

2. A button to show additional job reviews or

reviews they've written about using the
platform.
 Main screen before login 4 Contents

This is a section of the main

screen that allows you to navigate
to representative categories by
viewing their icons.
1. Clicking on each icon takes you to the
corresponding category page.

2. More representative categories may be

added.
 Main screen before login 5 Contents

This screen displays relevant jobs

based on the keywords you
previously searched for on the
main screen.

1 1. It displays information about the job, such

as the title, freelancer name, image, and
profession.

2. A button that allows you to navigate to

additional search-based data.
Main screen before login 6 Contents

This page shows reviews from

platform users on the main screen.
1. It shows the image, name, and job title of
the reviewer.

2. The contents of the review are displayed by

moving left and right.

3. This is a chatbot service feature. It is

displayed unconditionally in the main screen
frame.

2
 Freelance Tips blog post page Contents

1
This page shows thumbnails of
posts made by platform users that
are relevant to a tip or related
2 2 task.
1. Clicking on a thumbnail takes you to the
post's page.

2. It pans left and right to show additional

posts.

3. A button that takes you to the Help page for

customer support and freelancer assistance.

3 4 4. AUTOS' SNS This is a space that provides

contents such as the site map or FAQs such
as privacy management. Clicking each
button will take you to the corresponding
page.

5. Social media communities are marked with

icons. Clicking on them will take you to the
respective community platform.

5
 Freelance Career Facts page Contents

1 2
This is the page where your
freelance career or portfolio is
3 written.

You will be taken to this page when you click

through from the purchase page or the main
screen.

1. A message window will pop up to let you

get in touch, or you'll be prompted for your
email address.

2. A button that allows you to click on each

section to view information, a list of current
services, and reviews written on previous
4 jobs on a single page.

3. A space to write an introduction about the

worker.

4. A section with thumbnails and descriptions

of previous projects they've worked on.

5
 Login screen Contents

The login and signup screen.

1. This is where you can enter your email. After
1 logging in, you will be taken to the main
screen.

2. This is the field to sign up with Google. Click

the button to link your Google email, and you
will be taken to the main page.
2
 Main screen after login Contents
2 3 4
1
The main screen after logging in.
5 1. Search bar. When a user searches for
“design”, the search bar should show words
related to design and make it easy for the
user to select them.

2. Notification, Message, and Wishlist buttons.

Each button should function by creating a
window under the button when pressed.

3. A button to view order history. This is a

window that shows the order history when
pressed.

4. Privacy and settings button. The buttons

should display the Profile, Settings, Checkout,
Help Center, and Logout buttons, each of
which should take you to the associated
window when pressed.

5. Each category button. Clicking a category

button should create a window below that
aggregates only the relevant freelancers.
 Main screen after login Contents
2
1
Tips Blog posts Created screen
5 The search bar.

1. Notifications, messages, order history, and

3 personalization buttons.

2. The profile of the freelancer who wrote the

post and the time the post was created.

3. Like and comment buttons. When pressed,

the buttons should change color to pink and
a number should be counted. When you
press the comment button, you'll see a
space to write and see what people have
said. When you write a comment, the
freelancer who wrote the post will be
notified.

4 4. This is a button that provides SNS

functionality with the WEB3 platform and
allows you to search for AUTOS related
keywords, freelancer keywords, etc.
Personalization screen after signing in Contents

This is the window that appears

when you click the Profile button
on the main screen when logged
in.
1. You can change your profile picture. When
you click on the window, a window should
be created where you can insert a file

2 2. This is where you can edit your profile. Here

users should be able to upload various fields
and files, such as nickname, email, portfolio
address, bio, portfolio files, etc.

3. A button to save the settings.

3
 Purchase page 1 Contents

1 2
The purchase page.

3 1. The buy page tells you what category this

product is in. Pressing the previous category
will take you to the respective category
window.

2. Each button has a different price and offers

different services. The prices are ordered
from basic to premium, and the product
description and price change accordingly.
4
3. Product-related photos. It is automatically
sliced and provides the user with the ability
to view new images.

4. The cart button, which should take the user

to the shopping cart and give them the
option to go straight to the cart or continue
shopping, and if they choose to go straight
to the cart, they should be taken to the
checkout.
Purchase page 2 Contents

A service that automatically shows

related products on a purchase
page.
1. This service automatically shows similar
products to the product on the purchase
page. Product services When a user clicks a
product, the following services are displayed.

2. A short description, price, and thumbnail are

displayed for each product. Clicking on a
product takes the user to the product's
purchase page.