New season, New skills! All Courses at $9.99

Art Direction secrets to create unique web experiences

  • Language: English
  • Certificate: of completion
  • Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Duration: 3 Hours 45 Mins
Now
9.99$
/$100

Concept Exploration is key to every creative process, making beautiful interactive websites needs attention to detail, have a sense of motion, and bring some spice to it. An award-winning website has to break barriers, give the user a feeling, texture, emotion.

Category Course format Language Duration Level
Art Direction, UI Design Online English with Subt. 3 Hours 45 Mins Intermediate & Professional

Requirements

Basic Figma Knowledge. Basic After Effects knowledge. A will to learn and become one of the best.

Description

I’ll take you through the whole process of creating amazing digital experiences, from setting art & creative direction, tools and techniques I use to create my designs and give the project the right feel while sharing the secrets I learned during my career.

At the end of this class, you will be able to gather more information from the initial briefing, have a set of tools and resources to make your life easier, and design an interactive experience while having fun.

You will learn

  • How to interpret a briefing
  • Organize yourself & start a project
  • Design exploration
  • Art Direct a website experience
  • Micro Interactions & Motion in After Effects
  • Design a Mobile website in Figma
  • 4 Secrets I learned during my career

The course includes

  • Almost 4 Hours of content Exploring a real project
  • Tools & Plugins
  • Certificate of completion

Modules

What you will learn
in this course.

  • Lessons
  • Lesson 1
    Introduction to the course
    • Welcome
    • What you’ll learn
  • Lesson 2
    Clients & Briefings
    • Briefings & Secret 1
    • Set expectations and collab with your client
    • Structure your mind with clients help
  • Lesson 3
    How to approach each project
    • How to start a project
    • Collaborate, you are not superman
  • Lesson 4
    Research & Inspiration
    • Research and gather inspiration using these resources
  • Lesson 5
    Concept & Design Exploration
    • Get your juices flowing & secret 2
    • Tools & Plugins
    • Setting art direction & Secret 3
    • How I setup typography and create rules
    • How I choose color & Imagery for each project
    • Wireframing or not?
    • Concept Exploration & Secret 4
  • Lesson 6
    Think mobile
    • Why is mobile so important these days?
    • Best practices of mobile design and why it’s important
    • How I design for mobile devices & Examples
  • Lesson 7
    Transmit feedback with Motion Design
    • Motion design thinking
    • Make motion with purpose
    • Let’s animate something & Secret 5
  • Lesson 8
    Development handoff
    • Assets handoff and collaboration is key
  • Lesson 9
    Now what?
    • Time to do it
    • Thank you

Meet the teacher

Duarte Pires

Co-Founder & Creative Director at Duall Studio || Jury at awwwards

Duarte is a designer & creative director at duall studio. Once a kid in love with graffiti, he now has a 12 years experience in the industry of design and art direction. His work is focused on helping brands get into a new level of digital experiences, bringing emotion and feeling to their websites. Duarte believes we have to keep evolving so we can stay relevant and face the permanent changes in this industry.

Now
9.99$
/$100

Course Content

Requirements

Basic Figma Knowledge. Basic After Effects knowledge. A will to learn and become one of the best.

Description

I’ll take you through the whole process of creating amazing digital experiences, from setting art & creative direction, tools and techniques I use to create my designs and give the project the right feel while sharing the secrets I learned during my career.

At the end of this class, you will be able to gather more information from the initial briefing, have a set of tools and resources to make your life easier, and design an interactive experience while having fun.

You will learn

  • How to interpret a briefing
  • Organize yourself & start a project
  • Design exploration
  • Art Direct a website experience
  • Micro Interactions & Motion in After Effects
  • Design a Mobile website in Figma
  • 4 Secrets I learned during my career

The course includes

  • Almost 4 Hours of content Exploring a real project
  • Tools & Plugins
  • Certificate of completion

Features

  • English
  • English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Intermediate & Professional
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion

If you have any questions about this course, please contact us

Start the course and upskill your professional toolkit.

Related courses

Find more courses
like this one.

Currently we have more courses for you View All Courses