Creative Web Design

Name: Creative Web Design
Author: Olga Shevchenko

By Olga Shevchenko

Language: English
Certificate: of completion
Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
Duration: 3 Hours 25 Minutes

Now

9.99$

/$100

Learn how to apply your own creative style to designs and create projects that will attract your audience emotionally with Olga, the creative director of Vintage Web Production and a member of Awwwards Jury.

Category	Course format	Language	Duration	Level
UI Design, Art Direction	Online	English with Subt.	3 Hours 25 Minutes	Beginners & Intermediate

Learn how to create emotional web design. You will master the skills of creative thinking and custom grids, creative typography and site animation to understand how animation helps UX and makes it easier to perceive the content on the website.

You will work as the leader of your project when you don’t only make a picture, but also think through everything from the concept to selling your work. You will learn to follow simple steps of working with adaptive design. You will create a case for your project, including the structure, text, music, sound and direction. You will then add a new design project arranged as a professional case to your portfolio.

To do homework you'll need whatever platform you use to draw layouts, preferably Figma. You might need Photoshop or Illustrator for some additional elements, too.

Modules

What you will learn
in this course.

Lessons

Chapters

Duration
Lesson 1

Welcome

1

03:51 Mins

View more
- Intro
  
  03:51 Mins
Lesson 2

Setting Design Goals

1

10:29 Mins

View more
- SMART. Definitions: what an achievable goal is; how to set goals correctly; what goals are for.
  
  10:29 Mins
Lesson 3

Visual bank

1

12:49 Mins

View more
- How to look for ideas, sources of inspiration and replenishing your visual bank. How to build your own unique projects.
  
  12:49 Mins
Lesson 4

Basics of composition

1

21:16 Mins

View more
- Main and secondary characters. How composition works in the web.
  
  21:16 Mins
Lesson 5

Typography

1

18:32 Mins

View more
- Construction of letters. How typography works on the web. Using typography when working with content on the site. What to consider in typography when designing.
  
  18:32 Mins
Lesson 6

Creativity

1

11:58 Mins

View more
- Various tools for boosting creativity. Brainstorming methods. Walt Disney technique and complex associations.
  
  11:58 Mins
Lesson 7

Custom Grids

1

20:22 Mins

View more
- What grids are for and how to build them. Creative grids and how to adapt them.
  
  20:22 Mins
Lesson 8

Animating Interfaces

1

21:30 Mins

View more
- Types of animation. Microinteractions. How animation helps UX and simplifies delivering content.
  
  21:30 Mins
Lesson 9

Working with a client

1

19:25 Mins

View more
- How to make friends with a client. How to understand your client. Briefs and everything related to the client.
  
  19:25 Mins
Lesson 10

Working with Cases

1

15:21 Mins

View more
- What a good case is and how to build it. How a good case helps you sell your work: structure, content, music, sound and direction.
  
  15:21 Mins
Lesson 11

The Spiral of Evolution of a Designer

1

19:36 Mins

View more
- Designer development map. Reaching the top of development and where to go next when you have achieved everything. Art direction and team management.
  
  19:36 Mins

Meet the teacher

Olga Shevchenko

Creative Director at Vintage Web Production

The creative director at Vintage Web Production, an award-winning designer, a member of Awwwards Jury and an international speaker

Now

9.99$

/$100

Course Content

To do homework you'll need whatever platform you use to draw layouts, preferably Figma. You might need Photoshop or Illustrator for some additional elements, too.

Features