Brand and Web Design: Create a Visual Language From Scratch

Interested in how I'd approach a professional assignment? In this class, you will learn a few tricks on how to come up with a logo and a visual language for my friends' PEI Toys brand. Furthermore, we will dive into how to design a creative website from ideation to final production including 3D graphics (webGL).

• This class is ideal for intermediate/senior Designers and art directors interested in Brand Design, UX/UI, Visual Design, and Motion Graphics. It is not recommended for total beginners since I won’t be designing every lesson step-by-step.

Software used: Illustrator, Photoshop*, After Effects.

*Feel free to use Figma instead (I'd highly recommend that nowadays), Sketch, or Adobe XD. Design principles and approach is the same regardless of the software.

----

See the animated identity and some of the web screens that I'll be designing below:

And the final web grid for those who might be interested, since it evolved a bit from the one described on the class as I kept on working on the project.

• Introduction
• Logo | Art Direction & Sketching
• Logo | Digitizing and Variations
• Logo | Animation Tricks
• Web | Interactive Art Direction
• Web | Setting Up Your Document
• Web | Design Breakdown
• Production Tips + Conclusion