Viola Web Redesign

Website redesign with custom illustrations for the international English school

Work scope //

Web-development, Web-design, Motion design

Tools Used //

Figma, Illustrator, AfterEffects, HTML, CSS

Viola is an international language school that helps kids and adults learn English and Spanish language. They started in 2008 and helped thousands of students pass international tests, such as IELTS and TOEFL. For Viola school Klad has prepared a complete web redesign to make it look friendly, warm, inviting yet modern and minimalistic. The UI was made highly accessible due to the high variation in users' age groups.

Image

We created a clean and warm look by accelerating their original colours and fonts. One of the key challenges was to design a simple yet unique UI that would suit a broad audience, including kids, teenagers and professionals.

Image

The website's primary goal is to provide an overview of available programmes. Study courses were divided into language groups and categorised by learning aims and language levels. This way, the navigation directory was designed in a very systematised yet simple style.

Image

Lastly, we created a set of illustrations that made the web experience unique, cosy and inviting. Specifically, we created a hero illustration with a man on a book symbolising a student's learning path.

Image

We further wanted to extend this cosy feel by adding some secondary illustrations. One of the notable details that we implemented was micro-animations. Everywhere you can find plant leaves slightly moving, fish swimming in a bowl and a clock turning. These animations helped to make the web page look more alive, yet such subtle touches would not distract customers from following the main text.

Image

If you are creating/maintaining an open-source project, non-profit organisation or free education programme, reach us at info@klad.design, and we will try to help you as we can.

  • WEB DESIGN: Ksenia Leonteva

  • ILLUSTRATION: Alexandra Shwagerus

  • MOTION DESIGN: Lena Sivakova

  • MARKUP: Vladimir Shepel

  • PROJECT FINISHED: 05.12.2020

  • TOTAL WORKING DAYS: 12

Other projects

Work with us

We are always ready to discuss the details of your new project.

Express design is a faster and cheaper alternative to full-scale projects with one simple rule: no edits or comments. This way, we can cut out all the project management and focus just on the design processes. Fast execution without any quality compromises.

You will receive: Logo in .ai, .svg, .png formats + Brand naming with website domain suggestion + PDF presentation with colors, suggested fonts (and free alternative) and the example of how the social media profile would look like

Total: 395 EUR   //  
4 working days

Your application has been sent!

Wait for an email with instructions.

Animation in .mp4 format and .png sequence

Total: 995 EUR   //  
7 working days

Your application has been sent!

Wait for an email with instructions.

3D model in .obj and .glb/.gltf format or image .png, .jpg

Total: 595 EUR   //  
5 working days

Your application has been sent!

Wait for an email with instructions.

You will receive: Design of a single page Design of 3-5 website pages in Figma and code archive (html, css, js files)

Total: 1195 EUR   //  
8 working days

Your application has been sent!

Wait for an email with instructions.