Awwwards | 12 IN 1 COURSES (REQUESTED)

Awwwards - Enrich your story with 3D Creating stunning WebGL experiences

In this course, you’ll find out how to start a 3D project from scratch and we’ll go through each step of the creative process. We’ll cover all the critical topics from optimization to export; like texturing, unwrapping, baking, and more. At the end of this class, you’ll be able to create and export 3D models that are ready to be implemented into WebGL - and make your dev love you ????

DOWNLOAD LINK

Awwwards - Merging WebGL and HTML Worlds

English | Size: 2.62 GB
Category: Tutorial

You’ve probably seen all those amazing awwwards websites with WebGL effects on their images. But what’s even more amazing, is when those images seem to be part of the HTML content of the page. How is that even possible? Well, that’s exactly what we are going to do in this course. We will merge HTML and WebGL!
In this course you will learn how to apply some stunning WebGL effects to the images you already have on your webpage. We will start from a beautiful but static HTML template. And spice it up with Three.js and WebGL.

About Instructor:

Yuri Artiukh
Creative developer, CTO of frontend agency
@akella

Yuri leads a small frontend agency riverco.de in Kyiv, Ukraine. Also streams occasionally on youtube about creative coding and frontend development. He is very passionate about watermelons, math, frontend performance and generative art.

Skills covered in this course:

• UX Design
• Interaction Design
• HTML
• WebGL

DOWNLOAD LINK

Awwwards - Advanced Prototyping: From early ideas to rich interactions

MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 30 Lessons (2h 22m) | Size: 1.31 GB

Design leaders agree. Prototyping and user testing are at the heart of every successful product. Testing prototypes is not only the engine that propels truly user-centered design, but it also saves you time and money by preventing errors. It improves team collaboration at all levels and helps you sell your design ideas.
In this course, I will take you through the workflow, tools and techniques I have used while working in commercial projects for brands such as Vogue Magazine, Bulgari, Squarespace, Sony, Virgin and many others.

I’ll show you how I prototype almost everything, from early ideas to complex WebGL interactions.

And we won’t only talk about user-testing. With a very practical approach, we will use tools like Figma, Principle or After Effects plug-ins to quickly create beautiful video-prototypes that will help you pitch design ideas, convince business leaders and seduce investors.

DOWNLOAD LINK

Awwwards - How To Webflow Like A Boss

MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 17 Lessons (7h 13m) | Size: 1.15 GB

Webflow is an innovative tool simplifying the lives of designers and teams all around; helping them work faster and deliver high quality websites. Here’s your chance to discover Jo’s process in designing and developing a website from scratch, as he builds Jomor Design’s new portfolio.
Webflow gives us a large amount of freedom when it comes to making sure our websites are on brand. But getting the most out of that freedom can be daunting for a lot of people-especially at the beginning. In this course you will have full behind the scene access to a creative approach in how to utilize Webflow’s full potential to design meaningful and unique experiences.

This course is perfect for you if you already know Webflow, but would like to up your game, refine your skills, and create well structured websites with engaging interactions and complex layouts. Jo will help you understand some of Webflow’s subtle nuances, and with his insights, you’ll be equipped to experiment more and build your grand ideas.

DOWNLOAD LINK

Awwwards - Creating a simple portfolio website with WebGL and Barba.js

MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 21 Lessons (3h 41m) | Size: 4.1 GB

Nothing beats smooth user experience. That is the reason we love WebGL, because we can do crazy effects with amazing performance. But if you combine that with smooth animation when the user navigates between pages, you get an awwward winning website. That’s exactly what we are going to create in this course.
In this course I will focus on two main concepts. Firstly, we are going to learn how to do simple smooth page transitions with GSAP and Barba.js libraries. After that we will move to more advanced effects using FLIP concept for animations.

Secondly, I will teach you how you can create image-to-fullscreen animations on the website. That amazing zooming combined with WebGL shader effects that you often see on the coolest websites. I will explain the concept, and we will use it to create a couple of different effects. Don’t worry if you are not yet familiar with shaders, a short practical intro to them will be included in the course. So you can use it as your first step in learning them.

Then we will combine smooth page transition with cool WebGL effects. I will also include some tips on performance and where you can go from that. In the end we will have a simple but cool portfolio website with shader animations and smooth page transitions.

DOWNLOAD LINK

Create Award Winning Animation and Interaction Design In Webflow

SALES PAGE

DOWNLOAD LINK

Creative Portfolios: A powerful visual language for brands

SALES PAGE

DOWNLOAD LINK

Using motion design to animate with purpose and create delightful experiences

SALES PAGE

DOWNLOAD LINK

Building an immersive creative website from scratch without frameworks

SALES PAGE

DOWNLOAD LINK

Awwwards - Art Direction & Design Leadership

How do you rise above the norm in today’s oversaturated, digital space? How do you come up with interstellar memorable, unique concepts that stand out from the crowd? How do you bring these concepts to life through your Art Direction? And what are the key skills to communicating effectively with your client and with your team?​

Being an amazing Designer is NOT what makes you a good Art Director. An Art Director requires a combination of skills. It requires Communication skills, Design skills and Leadership skills.

In this course you’ll learn from my experience, how to build memorable and meaningful concepts and how to harness the power of international teams and clients to bring these concepts to life through effective communication. We are going to go through my process of conceptualization and Art Direction presentation by deconstructing one of my favorite projects ever, showcasing how it all started and how it actually lives and breathes online today. Lastly, we are going to talk about the fundamental elements that make a true Design leader.

Are you ready to become a Design leader? It’s time to dig deep, find your power and let your true capabilities shine through.

(*) In this course, we are using Figma and Pitch, but there will be no showcase on how the software’s are used, as this is not a ‘technical’ course, some basic knowledge is needed. Feel free to replace them with any Design and Presentation software of your choice.

DOWNLOAD LINK

DevViz I will try.