© 2017 The Rainbow Vault

The Rainbow Vault, 1 Anglesea Lane, Corrig Avenue, Dun Laoghaire, Co. Dublin, Ireland

info@therainbowvault.com

Tel: +353 (0)1 517 5082

Mobile: +353 85 138 4246

The Rainbow Vault Facebook
The Rainbow Vault Twitter
The Rainbow Vault Instagram
The Rainbow Vault LinkedIn
UI/UX Graphic & Web Design

Jouleco Web Portal 

The idea behind the Jouleco project was to design a website that allows home owners to find out how much they can save on their energy bills, gain access to contractors to upgrade their home energy rating and also to receive help with their finances. 

 

Aimed at the average home owner and with "above the fold" design theory in mind, the user would be presented with a simple search bar, enter their BER number (Building Energy Rating) and be able to find out how much they spend monthly and even their predicated savings if they decide to upgrade their home.

Upon meetings and discussions with the client, it was decided to have an overall elementary style to the website so as to really spell out the message to the home owner. Designing relatable, fun characters and using bright colours were our initial thoughts. We thought an actual story line feature would work really well on the site and explain to the user exactly what Jouleco can do for them.

We then designed our character line up:

  • Tom: The average home owner

  • Jouleco Joe: The forever smiling contractor who pops up everywhere with tips (he even hangs from the logo!)

  • SEAI Sarah: The SEAI grant lady who is always happy to help

Then came the really fun part, creating Tom's story. We wanted to show how miserable his life was pre-Jouleco, show his simple journey through the Jouleco process and then him living the dream by the end!

The whole post log in side of the Jouleco website had to remain user friendly and straight forward which is why we decided to keep the Jouleco Joe character around. With figures and kilowatt hours and CO2 levels being thrown around, the user had to be able to see the bigger picture and understand their possible savings clearly.

Client / 

Elm Solutions

Process / 

Art Direction

Character Design

Graphic Design

Web Design

UI/UX

Logo Design

 

Year / 

2016