firstScreen

PROJECT NAME

Conceptual Six Illustration Series
for Youi Landing page

  

MY ROLE

Website Designer
Digital Illustrator

 

SOFTWARE & TOOLS

Figma
Procreate
Protopie

OVERVIEW

Conceptual Six illustration series & Redisining landing page for Youi in Australian Insurance Company. The vision of redesigning landing page is to make them more functional and clearer in UI perspective. Illustration series is to help users understanding about products of Youi and to promote CTAs.

Define Problems on Website

Youi is an Australian insurance company and providing services for B2B and B2C. To define problems in UI, Neilsen’s ten heuristics is used. 

  • Overwhelm users with information

There is a big temptation for Youi to show all its strong sides at maximum. However, it may lead to the website with a huge amount of data which might get the visitor confused, annoyed or frightened. It is especially hard in the cases when a visual hierarchy isn’t thought-out and tested properly: the pages risk transforming into a mess which cannot be scanned quickly.

currentwebsite

Solutions

  • Prioritize content

Apply design techniques and layout which will strengthen the visual performance of the core information to prioritise content.

  • Simple & Minimalised Illustration for the hero image

Illustrations and minimalised visual element like simpler composition are to help users understand the contents of Youi Insurance and easily and quickly achieve their tasks (goals).

Six Detailed Sketches + Two

My work process starts with a hand-drawn sketch. The first stage of the task required creating the set of sketches of six different situations and six different insurances the consultant can provide for customers. At this stage, I created six quite detailed sketches and then added two more. There weren’t too many alterations for them: just little changes were made in insurance situations to give these more modern looks.

motocycle
home
caravan
businessLiabiblity

Digitalising Illustrations In detail

The next stage involved digitizing sketches and develop these in detail. These below illustrations describe insurances of Youi: Car insurance, Home, Motorcycle, Watercraft/for individual, Caravan and Travel for individual, and Business Liability in sequence.

car-1
home-1
motocycle-1
watercraft-1
caravan-1
businessLiabiblity-1

Combining Scenes & Landing Page

I defined the task for myself to combine all those separate scenes harmonically for a landing page and this way to transfer the message about the core idea behind Youi insurance company — We listen. At Youi, we see you as an individual. We dig deeper, ask the right questions and really get to know what’s important to you.

The aspect of the effective composition is to reduce the possibility which might be able to disturb Call To Action. W
hen I transfer the expended and complex illustration into one integral composition in a landing page, I Prioritise the composition of headline and action button first. 

All-illustration
firstScreen

A New Conceptual Landing Page of Youi

insurance-youi

 Valiation of Landing pages

Uplifting Responsive Landing Page

This Responsive Landing page is a web page that renders well in Tablet and Mobiles which have different screen sizes. The responsive landing page can adapt to the screen size and look good on every device.

web
Back to top Arrow