Design case: UX/UI marketplace development

GoBizy

CASE: UX/UI design
of a marketplace

TASK DESCRIPTION

Develop a marketplace for ready-made businesses and franchises that will be better than competitors with own USP.

STAGES OF WORK

Before starting work, I take into account all the comments and requirements of the customer, and also work with objections and understanding the market.

1

Assessment and analysis of requirements

Before starting work, I will definitely find out the capabilities of programmers and stack on which the project works or will work.

2

Getting to know the team and the stack

Market assessment and competitor assessment. A detailed analysis with a presentation of the strengths and weaknesses, as well as features of the strongest competitors.

3

Market analysis, participants and target audience

If this is a finished project, then I will definitely conduct research: in-depth interviews and processing statistical information.

4

UX (User Experience) Analysis

Before starting development and design, it is necessary to describe and display the main flow (paths) of the user in flowcharts.

5

Compiling a User Flow (User Path)

In fact, this is the creation of a site skeleton based on the User Flow built earlier. Sketches are quickly created, they are easy to edit and initially test.

6

Creating a Wireframe (Project Wireframe)

Applying design and improving the user interface, working out small details, such as shadows or gradients.

7

UI design
and prototyping

Testing can be carried out both at stage 4 and at stage 8 - on the finished design. Depends on the goals and objectives of the project.

8

Interface
testing

After testing, i need to analyse the data and process it to select the most successful design or proofreading and validate the testing.

9

Analytics and data
statistics

MIND MAP

The link diagram contains the main sections of the marketplace:

- Main (marketplace aggregator)
- Ready-made business catalog
- Franchise catalog
- Landing pages
- Personal Area
- Buying an online business and franchise

Mind Map

FULFILLMENT: ALL DESIGN AND RESEARCH WORK IS PERFORMED BY ME

From logo development and marketplace system design to research and implementation of the final design with prototypes and tests.

REVIEW OF COMPETITORS

Among the many competitors are popular directories of franchises and ready-made businesses, as well as popular bulletin boards.

Direct competitors

Indirect competitors

COMPETITOR ANALYSIS

Competitor analysis allows you to track the trends characteristic of the market and focus the user's attention on important details

1

Competitors are adding horizontal scroll boxes to display popular and new ads.

2

Competitors use the standard search bar to navigate the site, along with categories and filters.

3

Competitors highlight key financial and business-related information about business.

CUSTDEV

Study of the client's needs by conducting special "in-depth" interviews.

User needs research

The need to sell a business fast as possible

The need to purchase business online

The need for consulting when buying a business

The need for complete information about the business

ROLES IN THE PROJECT

People interested in buying a ready-made business or franchise.

Business buyers

Business Sellers

People interested in selling a ready-made business or franchise.

Studying the target audience is necessary in order for the service to meet all the needs and requests of users. You should also study the user experience in depth.

Portraits of target audience

SOLUTION

Develop a convenient search and filter system

Add Key Financial Information to Pages

Implement a step-by-step purchase of businesses online

Add Upgradable News Component for SEO

MARKETPLACE LOGO DEVELOPMENT

COLOR SPECTRUM

#1F75FE

#F1F6FF

#FFFFFF

#1653B4

FONTS

For advertise

For heading

For text

GRID

The grid helps to create a basic structure, a skeleton of "invisible" lines, on which design elements lie. This links them into a common system and rationally supports the composition.

Grid

WIREFRAMES

The framework is necessary for the implementation by the customer and the performer on exactly how the screens interact with each other, and not on how they look.

Wireframe

DESIGN SYSTEM

#ff5400

The atomic approach makes it easy to make changes to the entire design. The design, assembled from components, quickly lends itself to change.

Design system

AUTO LAYOUT

#ff5400

Figma's Auto Layout tool allows you to automatically set padding and align neighboring modules.

Smart approach to design

PROJECT INFORMATION

>100

Over 100 screens

The extensive project is filled with prototype screens.

>30

Over 30 components

More than 30 components of the system design allow you to change the design fast and many several times.

SOFTWARE THAT USED

SCREENSHOTS FROM FIGMA

USER FLOW

A pre-built user or screen flow allows you to provide the maximum number of options for the development of events with the participation of the user.

User Flow

#ff5400

FEATURES

The case of acquiring a business or a franchise without leaving home, having completed and fixed all the necessary steps.

Online purchase transaction (purchase and sale of a business)

#ff5400

Dynamic news creates the effect of presence and life of the portal, and can also improve SEO performance.

Dynamic News

#ff5400

Franchises are often sold in packages, so you can immediately see the benefits of certain packages, their difference and other important components: cost, lump sum and royalties.

Franchise packages

#ff5400

A section that is displayed in the personal account and shows all transactions in which the user has ever participated (as well as the status of transactions and parties).

My deals

#ff5400

Stages in a deal

The entire transaction process is divided into stages for the convenience of users and in order to avoid errors. Stable sale and purchase scheme for all users.

Consulting at the time of the transaction will help the buyer or seller avoid mistakes in the field of law and sell the business or franchise in accordance with all the rules.

Online business buying advice

Document storage

Automatic saving of uploaded and agreed documents at the time of the transaction (and after completion), as well as templates of the main documents for convenience

FINAL PRODUCT

Personal Area

Franchise and ready-made business catalogs

Main

Landing Pages

Deal online

MAIN PAGE

CATALOG DESIGN

Directories are a key place to find suitable businesses. The main task of directories is to simplify the search and selection of a suitable business.

Catalogs

CATALOG OF READY BUSINESS AND FRANCHISES

LANDING PAGES

Landing pages are required to advertise new functionality or USP of the project. Thus, it turns out to concentrate information on certain features.

Landings

LANDING PAGES

PERSONAL AREA DESIGN

The account section mainly contains a list of the user's favorite ads and online deals.

Account

ACCOUNT

DEALS ONLINE

A phased purchase of a business allows you to structure the deal and avoid basic mistakes. It also reduces the cost of travel time, allows you to connect specialized lawyers online.

Step by step purchase of a business

ONLINE DEAL

ADAPTABILITY

Adaptability allows you to use the service on all popular preferences and improves SEO parameters, which is extremely important for marketplaces, as it provides shareware traffic.

Layouts are selected for all types of screens

Ready for challenging tasks

I am considering various options and forms of cooperation

Job offer

+995 595 09 11 98 / +7 977 287 94 57 / tsanavagn@gmail.com

© All information provided on the site is relevant.
Tsanava George - UX/UI designer.
tsanava.com