Uniskat.com Redesign.
Fun with Forms.

While I was working for novu GmbH we had the chance to build a new platform for uniskat AG. Uniskat is building up the crowd-shipping or sharedshipping concept which has already established itself widely in other sectors such as passenger transport, car and bicycle rental, etc. Especially buyers of bulky used articles have the possibility to leave the tedious and time-consuming transport to a community. The shipment is insured and the entire payment process takes place via the platform.

Problem

Uniskat had the problem that it was difficult for users to place an order. The transport requires a lot of information from users. From address, package size, delivery option to goods value and payment. The complex process is shown in the graphic on the right. In the process, I redesigned the uniskat brand, analyzed the old website and optimized the user experience so that we were able to increase the number of orders on uniskat.com in the long term.

Branding

Following a problem analysis, I completely redesigned Uniskat. Where previously white surfaces dominated, a bright blue is now visible. I created illustrations that serve as brand images as well as explaining the transport process quickly and easily. With the new look, Uniskat shows itself to be a young and dynamic company and radiates more trust and professionalism.

old uniskat branding

new uniskat branding

Webdesign

Uniskat had already launched a website before. However, they were not able to build up a large user base. We (novu GmbH) wanted to change this. On the old uniskat website, the user was forced to enter every information – that is crucial for the transport – in a form (flowchart on the right). This form stretched over the entire website and overstrained the users, so that they left the website early. Also, many users did not understand what the exact benefits of uniskat were. With the new website we wanted to explain Uniskat to users quickly and easily and invite them to test it.

How to Uniskat

Users were often not sure how uniskat works. I designed a tutorial that explains the process of a uniskat transport.

Before

The single-step form overstrained many users. The form seemed confusing and monotonous.

After

We switched to a multi-step form to improve the user experience. The form now looks simple and inviting.

(01) On the progress bar the users can see how far they are already. (02) In the blue box the many advantages of uniskat are presented. Users who leave early can still get an impression. (03) Users see the price difference for each step. In this way users who only test the service can get a better picture. (04) The grey box is used for a more striking display of the input fields. (05) The button takes the user to the next step. In this way, they experience constant little successes.

Why Multistep Form?

People are more likely to close an action if there is an illusion of progress. For this reason there is always a progress bar visible. Simpler questions or questions that the user answers rather quickly are asked at the beginning. More complex questions are asked in the last steps, when the user has already made a big progress which he does not want to lose anymore. Another trick is to hide some steps in pop-ups. These do not feel like real steps to the user. They look like a friendly interposed question. Since they are not counted as progress in the progress bar either, the form seems shorter.