Loading...

ColdHotDrinks

brand, website & marketing e-Commerce Explore

The mission

ColdHotDrinks is an online coffee trading platform that brings together coffee products from specialty coffee roasters from all over Switzerland into one website.

Building a new online store from scratch is a challenging undertaking so we had to make sure the user experience was easy to understand, pleasant to go through and left a good impression on visitors.

A brand you can remember

Another important aspect for ColdHotDrinks to succeed as a new business was creating a memorable and original logo and brand look.

We started by sketching out a few different versions for the logo, trying to land on something that was original and eye-catching but still simple enough to be memorable.

We settled on the snowflake version that depicts the cold and steam for the heat. This logo evokes feelings of warmth in the winter and cool in the summer. We felt this look was the most original and creative so it would be the most memorable.

Next we created a few mockups for the homepage and structure of the site and narrowed down the direction we would follow. After we made three mockups it was clear that we wanted to go for a minimalistic design with plenty of whitespace to complement the color scheme of the logo.

Stand out or stick out

The main challenge as we saw it was making sure that visitors to the website understood the concept of the store as intuitively as possible as it was a new concept that had not existed in the Swiss market yet and the name does not immediately suggest coffee.

To this end we decided to have an image of coffee being poured into a glass and a brief explanation of the quiz functionality right on the landing page.

How it Works

We left explanations and additional info below the fold so that the main message was as clear as possible. And by adding an explanation right below the fold we ensure that every user understands the site is about coffee and that it matches you with a coffee that is suited to your preferences by going through a quiz.

Responsive Design

It is one of our main priorities and standards of work that our web pages be responsive and work well on all devices.

The quiz is the main feature of ColdHotDrinks so we had to make sure it was legible on all screen sizes. Check them out!

Clean UI

We focused on clarity and ease of use for the customer dashboard.

Each section is clearly identified and grouped to allow smooth navigation.

We picked the Roboto typeface, a versatile font family, for both copy and UI elements as it lends itself just as well to headers as it does to paragraphs and buttons.

Technologies & Automation

We designed the whole website to be functionally and visually like a web-app.

In order to ensure a fast and reliable service we designed a vendor area for the partner roasteries where they can receive orders in real time and look at statistics and other functionalities.

The result was a flexible e-commerce marketplace with multiple sellers and options for registration, personal dashboards for both customers and sellers, and automatic commission fee calculation and distribution through a secure stripe implementation.

The result was a flexible e-commerce marketplace with multiple sellers and options for registration, personal dashboards for both customers and sellers, and automatic commission fee calculation and distribution through a secure stripe implementation.

Lightweight, baby!

All that said, it would matter little if the performance of the website was abysmal so we made sure to keep the site as lightweight as possible. Ronnie Coleman would be proud.

In the end we were able to achieve a high Pagespeed Insight score of 95 on desktop and 73 on mobile. ColdHotDrinks is a project we are very proud of and one that is already on its way to become a successful business venture for Lobovo.

Visit ColdHotDrinks