Skip to content
Write a review
UdemyWeb DevelopmentPaid courseBeginner levelCertificate

Design Responsive Websites with Invision Studio (Udemy.com)

Learn The Secrets of Web Design and How Professional Designers Create Elegant Websites and Mobile Apps.

4.4
104 reviews

Created by: Ivan Lourenço Gomes

Last updated November 2023

Our take

Based on the ratings of 104 students, a sample of their written reviews and the syllabus, as the course stood in November 2023. No course pays to be reviewed.

Ivan Lourenço Gomes built this as a short, hands-on introduction to web design using InVision Studio. It runs 5.2 hours across 29 lectures in three sections: an introduction to the tool, responsive design with a 12-column grid, and a pair of tips lessons. The syllabus also touches on design principles, finding assets and inspiration, components, interactions, and exporting a prototype with CSS for developers. It is pitched at beginners and at developers who want the basics of design, not at working designers who already live in a design tool.

Reviewers like the teaching. One says it is clear even for beginners, and another says they were editing parts of the pages before the instructor did. One more mentions picking up shortcuts and ways to use the features. The complaints are mild and scattered. One reviewer wanted the advanced tools covered, and one German-language reviewer said interaction design gets thin treatment, which was the topic they cared about most. Another wished for a separate course on design theory. An early reviewer also noted the instructor grabs Google images freely, which copyright rules usually do not allow.

Ratings are solid: 4.4 from 104 reviews, with 89 of them four or five stars and 14 threes. The course was last updated in November 2023, so the software may look different now. It has no quizzes or coding exercises, just video and one article. For a first pass at responsive layout and prototyping, it is a sensible use of an afternoon. If you need depth on interactions or design theory, plan to look elsewhere.

Best forBeginners who want to learn InVision Studio and lay out a responsive site on a 12-column grid in an afternoon.
Skip it ifYou want advanced Studio tools, in-depth interaction design, or design theory beyond the basics.

Pros

  • Reviewers call the teaching clear, even for people new to design
  • Covers 12-column grids and responsive layouts for desktop, mobile and tablet
  • Shows how to export a prototype with CSS so developers can start building
  • Short enough to finish in an afternoon at 5.2 hours

Cons

  • Reviewers say the advanced Studio tools are not covered
  • Interaction design gets light treatment, which one reviewer wanted most
  • Last updated November 2023, with no quizzes or exercises to practice on
Thank you, I like your teaching, it is very clear even for beginners.
Mohana Rajesh, a student

Beginners and developers new to design fit best. No design background is required, just a Windows or Mac computer.

icon
What you will learn

  • Design Modern and Elegant Websites
  • Responsive Web Design with12-Column Grids
  • Graphic & Web Design Principles
  • Web Design and UX Fundamentals
  • Master Invision Studio for Professional Use
  • Design Websites and Mobile Apps
  • Export Prototypes With all CSS Available for Web Developers

Course content

3 sections · 29 lectures · 5.2 hours of video 1 article

  1. 1Introduction 3 free previews15 lectures · 2.8 hours
  2. 2Responsive Web Design12 lectures · 2.1 hours
  3. 3Useful Tips2 lectures · 24 min

Who it is for

The instructor says it suits

  • Students Aiming to Become Professional Web Designers
  • People Interested in Learning The Process of Designing Websites and Mobile Apps
  • Developers Who Want to Learn the Basics of Web Design
  • Anyone aiming for a Career as a Freelance or In-House Web Designer

What you need before you start

  • A Computer with Access to the Internet
  • Windows or Mac Os

How it compares

Against the other 815 rated Udemy courses in Web Development on CourseDuck:

  • Rating4.4 out of 5higher than 33% of them
  • Reviews104#647 of 816 by number of reviews
  • Length5.2 hoursshorter than 60% of them
  • Last updatedNovember 2023earlier than 65% of them

icon
Course Description

In this course you will have an immersive experience in the Web Design world and learn how professional Web Designers create stunning websites and mobile apps.

It all starts with the right tools. You could use Photoshop or even Canva to design a website, but that wouldn't be very efficient. Once you learn how to use a program made specifically for Web Design, you'll notice the difference in terms of productivity and the quality of the end result. This course will make you master Invision Studio and take your projects to the next level .

You'll learn everything including the basic and advanced tools of Invision Studio, the measurements for responsive design for Desktop, Mobile and Tablet, how to work with the 12-column grid for pixel perfection, what are the common elements of Web Design, how to export the prototype so Web Developers can start working immediately on your design, how to create interactions and how to work with components for high productivity.

Additionally, we are going to cover important topics like design principles and web design fundamentals that will teach you how to create great pieces of web design that look modern and elegant.

If you need some inspiration to get started with your first projects, we've got you covered. There are lessons fully dedicated to teaching you where to find assets to complement your design projects and what are the best websites to find inspiration from the most talented Web Designers in the world!

You'll also learn many tips for productivity and best practices to save you time and keep your Web Design process fast and organized.

If you want to learn the secrets of Web Design and how professionals create great looking web pages and apps, you cannot miss this course. Enroll now and start learning today.
Read More Beginner Beginner Level product length iconTime: 5.2h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Ivan Lourenço Gomes

Ivan is a leading tech educator on Udemy.

With 30+ courses under his belt and a community of over 500,000 students worldwide, Ivan's here to guide you through the tech and business skills you need today.

With a solid experience of 18 years in various business and technology sectors, Ivan has dedicated himself since 2016 to transforming his expertise into accessible learning paths for a global audience.

Renowned for a dynamic teaching style that mixes project-based learning with incremental challenges, his courses are the right fit for you, whether you're just starting your learning journey or looking to deepen existing skills.

His courses cover essential foundations and cutting-edge trends in technology and business communication:

• Web Development Essentials: Dive into the world of web development with courses on HTML/CSS and Javascript, and master the art of creating engaging, responsive websites.

• Advanced Frontend Frameworks: Elevate your web projects with Vue JS, React JS & TypeScript, focusing on building dynamic, user-centric applications.

• Software Best Practices: Gain proficiency in Git for version control, ensuring your projects are managed with industry-standard efficiency.

Read More

icon
More courses by Ivan Lourenço Gomes

$69.99

$109.99

$19.99

$19.99

$64.99

$64.99

All courses by Ivan Lourenço Gomes

icon
More Web Development courses

$19.99

$89.99

$89.99

$79.99

$10.99

$84.99

All Web Development courses

icon
Reviews

4.4

104 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By Moussavi Zadeh Fazel on 10/2/2022

Ich finde den Kurs generell gut. Leider ist das Thema Interaktion in "invision" nicht ausführlich behandelt. Das Thema hat mich am meisten interessiert.

By Ankit Jain on 8/1/2022

The course could have covered advanced tools of Invision studio

By Ralph D. Isidore on 4/10/2022

I've been trying to learn the basics of design for a very long time, and this guy managed to do that and more in less than a day. At some points, I found myself editing parts of the pages before he does. I only wish he had another course for disign theory and similar topics. Thank you so much!

By Jaspal Singh Gaidu on 9/13/2021

very good information . I am excited to use it on my web site

By David Silberman on 6/10/2021

Excellent tips for getting started with your first prototype in InVision.

By Mohana Rajesh on 4/10/2021

Thank you, I like your teaching, it is very clear even for beginners.

By Win Win Maw on 3/18/2021

It was good to know a lot of shortcuts and many ways to make use of the features them well.

By Arik Goepf on 2/9/2021

This course is very helpful. Learned a lot about web design.

By Shinde Shubham on 2/1/2021

its really helpful to get start from crash

By Paul Yee on 12/20/2020

Easy to understand what the different elements are.

Showing all 10 reviews on CourseDuck

Read all 104 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100

Design Responsive Websites with Invision Studio
Visit course on Udemy Write a review
  • Video Duration: icon 5.2h
  • Price: $59.99
  • Provider: icon Udemy
  • Updated: icon November 2023
  • Level: Beginner Beginner
  • Language: icon English
  • Certificate: icon Yes
  • Lectures:29 in 3 sections
  • Students:3,246
  • Subtitles:1 language
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com