Addsales
The responsive website for a company whose business is automation of accounting for sellers on marketplaces.
Role:
concept, research, design
Tools:
Figma, PS, AI
Duration:
2 months
Problem
The popularity of marketplaces is growing day by day, something new regularly appears in this area. The demand for working with trading platforms is expanding, sales are increasing, and therefore the consumer needs a convenient comprehensive multitasking service to meet the needs of the market.
Goal
To develop an informational web resource with a modern technological design that covers most of the pain points of the target audience of marketplaces.
Key pain points
1
It's not possible to delegate all types of work to one contractor.
2
Misunderstanding of logistical risks.
3
Inflated advertising budgets on third-party promo platforms.
4
It's psychologically difficult to switch from one service to another.
Age
30
Education
Bachelor's degree
Location
Moscow, Russia
Family
Single
Occupation
Businessman
Typical User Persona: Timur
«I live in the current day, but I know perfectly well how I will live tomorrow».
Timur lives in Moscow, his main commercial activity is related to sales on various trading platforms. Now he's going to expand his business and enter the marketplace sector. Timur prefers to optimize his expenses (including in time), so he's looking for the appropriate service.
Goals
- To optimize costs.
- To expand the business.
- To explore marketplaces.
Frustrations
- Financial risks when switching to new platforms.
- It takes time to study and develop marketplaces.
- It's hard to entrust all directions to one service.
Wireframes
The wireframe development stage was carried out in the usual mode: first, the ideas were hand-sketched on paper, then some of the assumptions were rejected, and finally, the most promising ideas were transferred to a digital format.
45
paper and digital wireframes in total
Prototypes
Clickable prototypes were made (with low and high fidelity) to show how the user navigates through some pages and screens. This greatly simplifies the perception on the part of the customer and steakholders and gives a clear picture of all points on the user's path.
Thanks to testing stage, I made several critical conclusions about the structure of the website. I also had to remake several illustrations, which caused a number of strange associations among some respondents.
Usability study: findings
These are the key results of the usability study.
1
Illustrations on a complex topic should be made as clear as possible.
2
With the help of contrast, you can make the most important visual accents on the website.
3
Unique icons made from scratch look more attractive than stock ones.
4
The asymmetric arrangement of blocks in layouts makes the design more stylish.
Mockups
Unique isometric illustrations were drawn for the customer, as well as a set of minimalistic themed icons. The main emphasis was placed on the contrast between the background and the content: the first screen is in dark colors, and the rest of the screens are on a white background with careful study of the typography and the rest of the text content.
The main page (fragment 1).
The main page (fragment 2).
The page of complex support (the block of tariffs).
Layouts for tablets/phones (fragments).
Conclusions
Helping people is always inspiring and joyful. Helping by doing your daily work that you love is doubly cool. I liked how the texts and the visual components (in the form of unique illustrations) were combined. This will undoubtedly attract the user's attention, get him look around on the site and make the right choice.
a Quote from user feedback
An excellent result that exceeded all expectations!
