Freelancing A-Z: #5 How To Design A Responsive Website in Illustrator

Dawid Tuminski , www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
27 Videos (1h 36m)
    • Freelancing : How To Design A Responsive Website Promo Video

      1:03
    • Freelance 1 Introduction To The Design

      4:27
    • Freelancer 2 How To add multiple elements with one click

      6:33
    • 3 How To Create The Logo And Navigation Sections

      6:14
    • 4 How To Align The Navigation

      5:01
    • 5 How To Create The Content Container

      4:07
    • 6 How To Add Text Containers To The Sidebar

      4:44
    • 7 How To Add The Text To The Sidebar

      5:32
    • 8 How To Finish The Sidebar

      2:04
    • 9 How To Create The Featured Image

      2:42
    • 10 How To Add The Blog Post Excerpt

      3:13
    • 11 How To Add The Second Blog Post

      2:45
    • 12 How To Add The Footer

      5:07
    • 13 How To Add The Subpage Elements

      2:57
    • 14 How To Create The Content Placeholders

      2:33
    • 15 How To Add The Main Image

      2:08
    • 16 How To Add The Author Info

      3:11
    • 17 How To Add The Shop Info

      3:13
    • 18 How To Add The Social Media Icons

      3:47
    • 19 Let's Understand The Responsive Design Part

      1:25
    • 20 Let's Add The Logo and The Nav

      3:05
    • 21 How To Add The First Blog Post

      3:34
    • 22 How To Add The Second Blog Post

      2:32
    • 23 How To Add The Footer

      2:07
    • 24 How To Create The Hamburger menu

      5:31
    • 25 How To Add The Smartphone Blog Posts

      3:25
    • 26 How To Finish The Smartphone Design

      2:57

About This Class

"Very interesting and helpful."

Welcome to the fifth part of the Freelancing A-Z course: How to design a responsive website.

In this class we are going to complement our freelance  project with a website design and we will do that in Adobe Illustrator.

In the process you will learn

  • How to design a clean landing page and a sample subpage
  • How to use Adobe Illustrator’s little known techniques to make your web design process faster and more effective
  • And also How to design a responsive version of the design: we will simulate the tablet and a smartphone experience and you’ll be amazed how easy it is, once you know the right concepts

We got quite a lot to cover but it only means that I hope you will gain lots of useful skills that you can use when working on your own freelancing projects.

See you inside!

Dawid

PS If you like the class, please submit your review and class project.  It will help other students, just like you interested in topic I teach, in finding my classes. Thanks!

4 of 4 students recommendSee All

Very helpfull!
Very interesting and helpful.
Neil and Linda Shearing ☑

InternetSuccess.com . Marketing online since 1997!

172

Students

1

Project

Dawid Tuminski

www.dawidtuminski.com

Designer, coder and educational entrepreneur.
Let me help you create your own, profitable online courses.

Adobe Certified Expert in Illustrator whose courses were listed in the Udemy's TOP 10 best reviewed courses.

Creating online courses on design tools like Adobe Illustrator and Adobe Photoshop, logo design, web design, graphic design freelancing, online teaching and digital marketing .

Teaching +22.000 students in 160 countries worldwide.

Owner at fatredmouse.pl - a graphic design studio.

Loves the freedom of creating courses and prides in his teaching method, which is straight to the point and with a smile.

His motto: Boring instructors are worse than boring topics!

His students value his courses for their conciseness, professionalism and actionable tips and techniques they can apply in their day-to-day design tasks and online education businesses.