Rethinking Willhaben

An Austrian platform where people sell and advertise a wide variety of products, providing a user-to-user fast and easy exchange.

A personal project in which I present a proposal for the redesign of the current website. I try to highlight the existing «ease of use» of the online portal while respecting the original design guidelines.

2.2021 – 3.2021

Type

UX/UI/ Web Design

Tools

Illustrator, Photoshop, Figma

Analysis & Research

I started with an analysis of the current website. My primary focus was the way of organizing and offering the information, as well as the type of language in use and the general presentation.

Once the analysis process was done, I began the observation and desk research in terms of style and formats. I navigated various websites which had an e-commerce section, besides social portals where people exchanges comments and reviews about different scopes, so I could gather information from diverse sources and create an own proper style guide.

Prototyping

When I finished the research period, I made some sketches to see my ideas on paper and to have a first view of the possible final product. After those first outlines, I did hall tests among few users and so I got very valuable feedback about the way in which the customer interacts within that environment. Then I proceeded to make a series of iterations and improvements and finally start the hi-fi design process.

Final Project Proposal

Functionalities

My final proposal is based on a redesign of the existing website of the product- exchange platform Willhaben.

I followed the original design guides indicated in the CSS sheet in terms of color and shapes. I kept the square aspect among the elements of the site and I decided to implement a complementary split color code for the CTAs from the existing colors in the logo. I left the background white to favor clarity and breathing space.

The main challenge for me and the crucial goal was to keep the essence of the website but offering the information in a logical order. Thus I established an information architecture according to my own logic and the sense of users with whom I tested the design in previous stages. 

Design guide

Name and logo: #C22A2DC –  #253D81

Background color: #FFFFFF

Font family: Alegreya  sans (regular – bold)

CTAs: #E8410C

Conlusions

Add instead of destroying

My personal aim for this project was to learn how to add my touch to the existing work-frame instead of destroying and start from scratch in the way I want things to be. The improvement of what we already have is actually for me one of the most interesting fields within the design business.

The value of real things

Some things we use in our daily lives have been somehow deprived of an aesthetical value. However, this doesn’t happen when we look at a piece of art, intentionally seeking beauty. I find it very important to keep everyday details beautiful because giving them an aesthetical worth definitely improves the quality of life.