At Kocliko, the same data, two ways of reading it

Client
Kocliko
Year
2019

The challenge

Kocliko is a young start-up offering solutions to optimise the energy management of buildings, for property professionals and for tenants. They ask us for full UX and UI support on their interfaces.

At Kocliko, the same data, two ways of reading it

Project flow

01. Scoping and kick-off
02. Design Thinking workshop
03. Benchmark
04. UX information architecture
05. Co-design workshops
06. Art direction and app UI design
07. QA and delivery

Study detail

Which solutions? For which users?

To get off to a good start, we work together to identify the different user types and their needs.

With the Kocliko team, we identify the main needs for each user type: managers of energy optimisation and managers of cost individualisation on one side, tenants on the other. We think through the corresponding user journeys. We also analyse the existing solutions that address similar needs and journeys, to draw best practices and sources of inspiration from them.

Table with the list of user-journey tasks
iMac displaying a benchmarking table

Two co-designed interfaces

We co-design the interface for the building managers and the one for the tenants.

We formalise the user journeys. The solution’s information architecture forms the basis for the co-design work.

Deliverable of the tool's information architecture

In the workshop, we identify the pages to design for both interfaces. So together we draft the list of features per page. Final step of the workshop: we map out this information on paper through sketches: that’s the co-sketching phase.

Mockup of the paper sketches of the interface
Mockup of a close-up of the paper sketches of the interface
23
sketches produced in the workshop

During two UX design sprints, we structure the information through the wireframes.

Wireframes of the managers' interface
Wireframes of the tenants' interface

To validate our hypotheses, we run short remote user tests with building managers and tenants. The wireframes are consolidated following the user feedback and the iteration with Kocliko.

Art direction / UI design

It's time to transform our wireframes!

A study of the competition and new interface trends is carried out to define a clear, suitable art direction. The aim is to design something that helps users quickly get to grips with it for regular use.

UI design of the managers' interface

Our designers designed the interface so it feels “cosy” and calming, supporting the journey. The graphic elements, the buttons, the navigation, the typography… everything is designed to maximise the user experience.

Graphic mockups of the tenants' interface

High-quality engagement and a great deal of professionalism from the contacts.

Renaud Nédélec, Technical Director, co-founder at Kocliko

Want to discuss your project?

Let's talk about your stakes, constraints and ambitions so we can build the best user experience together.

Contact us