-
9 lessons (3 Hours 45 Mins) -
7 downloads
-
Audio: English -
English, Spanish, French, Japanese, Italian, Portuguese
-
course included in the creative pass
Art Direction secrets to create unique web experiences
Co-Founder & Creative Director at Duall Studio || Jury at awwwards
full creative pass
Get access to this course and over 100 more for digital designers and creative developers, all for just $12/month
Subscribe now!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
Course Content
Explore Every
Course Chapter
-
Lessons
-
Lesson 1Introduction to the course
-
Welcome
-
What you’ll learn
-
-
Lesson 2Clients & Briefings
-
Briefings & Secret 1
-
Set expectations and collab with your client
-
Structure your mind with clients help
-
-
Lesson 3How to approach each project
-
How to start a project
-
Collaborate, you are not superman
-
-
Lesson 4Research & Inspiration
-
Research and gather inspiration using these resources
-
-
Lesson 5Concept & 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 6Think 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 7Transmit feedback with Motion Design
-
Motion design thinking
-
Make motion with purpose
-
Let’s animate something & Secret 5
-
-
Lesson 8Development handoff
-
Assets handoff and collaboration is key
-
-
Lesson 9Now what?
-
Time to do it
-
Thank you
-
Meet the teacher
Duarte Pires
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.
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
-
Duarte Pires
Teacher at awwwards.com
If you have any questions about this course, please contact us
