The brief
Lira is a company pretty well known in the area they operate (Bologna’s province, Italy) and for this reason they needed little or no advertising.
Their main objective for the website redesign was to reduce the pressure on their customer service, providing clear information and instructions online.
THE KEY REQUIREMENTS WERE:
1. Make clear that the company provided both water and heating services. Create a clear distinction between the two services.
2. Speak to both the company’s targets: apartment building administrators and tenants.
3. Give a comprehensive overview of the services provided and how they could be used.
4. Offer an automatic digital support, creating a virtual assistant. We realised a chatbot with Typeform.
5. Modernise the look and feel of the company. We did this through the design and the tone of voice.
Anna
Age: 22
Occupation: Student
Status: Single
Interests: Music, sport, volleyball
Need: Use the water service, spend as little as possible and have a quick contact system
Problem: Doesn’t know how to set it up
First contact: The landlord told her to contact Lira
Giovanni
Age: 58
Occupation: Aparment building administrator
Status: Married
Interests: Gastronomy, football, cinema
Need: Having a good product for his tenants which would simplify his job, rather than being an obstacle
Problem: He has difficulties in managing water and heating consumption
First contact: He has known Lira for many years
Paolo
Age: 39
Occupation: Aparment building administrator
Status: Married
Interests: Sport, motorbike, nature
Need: Managing and monitoring his expenditures
Problem: Managing his family balance
First contact: When he bought his apartment
Colour palette
We took the colour palette from Lira’s logo. Which presents a neutral navy blue which we used primarily.
An orange which we used in combination of lighter orange for the heating service dedicated pages and a light blue we used for the water service. In this way we visually solved one of the requirements which was to create a clear distinction between the two services provided by the company.
We paired these colours with two greys and a lighter, pastel blue mostly used for text and backgrounds.
R 0 G 102 B 127
HEX #00667F
R 0 G 51 B 64
HEX #003340
R 255 G 120 B 1
HEX #FF7801
R 0 G 166 B 124
HEX #00A6D6
R 216 G 242 B 250
HEX #D8F2FA
R 254 G 169 B 1
HEX #FEA901
R 122 G 122 B 122
HEX #7A7A7A
R 245 G 245 B 245
HEX #F5F5F5
Typography
The font used is Raleway, a rounded Google Font, which looks professional while giving to the website a young and approachable touch.
Illustrations
Additionally to a colourful palette we decided to use illustrations, which give a modern and sleek feeling.
With the first draft we tried using some images, but they looked boring and outdated. The website content is quite technical; we always had to end up using classic stock pictures of people at the laptop, on the phone, etc.
SOME OF THE ILLUSTRATIONS WE USED:
