Creative Layout Design for Websites and Mobile Apps (Udemy.com)
Design more engaging and attractive layout for your Websites and Mobile Apps and stop making simple boxed layout
Created by: Muhammad Ahsan Pervaiz
Last updated January 2020
What you will learn
- Basics of Layout Design, Grids and Vertical Rhythm
- Stop making boring layouts for Websites and Mobile Apps
- Design creative layouts with secret techniques
How it compares
Against the other 413 rated Udemy courses in Graphic Design on CourseDuck:
- Rating4.5 out of 5higher than 49% of them
- Reviews200#212 of 414 by number of reviews
- Length3.4 hoursshorter than 67% of them
- Last updatedJanuary 2020earlier than 88% of them
Course Description
Layout is one the things that tells the story of your design. How your website or mobile app design unfolds the story, it all depends on the layout. If your layout is great, your user engagement will rise like erupting volcano
It's one of the design areas where most Web Designers & User Interface Designers struggle a lot. I have put some basic and some advanced layout Design techniques which I have figured out after poking and analyzing hundreds of different Web and Mobile App Designs from many great designers
So don't get stuck with boring boxed layouts
Things you will learn in this course are
Design more engaging and powerful layouts
Don't design similar boring layouts like other UI Designers
Why do we create layouts (their purpose)
What are grids, gutters and margins
How to use one, two or multi column layouts
What are flower layouts an when to use them
What is masonry grid layout?
How to use margins creatively in Website or Mobile App Layouts
How to use out of box and overlapping methods in layout design
Figuring out one simple rule that can make your layout superb
with tons of examples and sample layouts. I try to explain every principle of layout design in simple terms so it would be easier for you to digest. I have 5+ assignment for you to master this layout design skill
So let's jump in and start designing awesome layouts Now
Instructor Details
- 4.5 Rating
200 Reviews
Muhammad Ahsan Pervaiz
Hi, I’m Muhammad Ahsan, a Senior UX/UI & Product Designer with 20 years of experience in UX design, product strategy, and design consultancy.
I started my journey from scratch and went on to work with FORTUNE 500 companies including Intel, Panasonic, and Coca-Cola, along with SaaS startups and ProductHunt launches. I’ve helped teams design user-centered products and UX onboarding systems, including a startup that ranked Top 3 Product of the Day on ProductHunt.
Currently, I work as a Lead UX Designer Consultant, where I design and scale dashboards, portals, and SaaS applications. For the past few years, I’ve been leading UX efforts for a U.S.-based weight loss healthcare company, LumiMeds, designing patient, provider, and admin portals used by real users daily.
Alongside client work, I’ve taught UX design to over 100,000+ students globally across multiple learning platforms. I also run a YouTube channel, LearnUXID, with 36,000+ subscribers, where I share practical UX, UI, and product design insights from real-world projects.
More courses by Muhammad Ahsan Pervaiz
Building Design System in Figma from Scratch - UI UX Mastery (2022)
4.4 (1,054 Reviews)
Provider: Udemy
Time: 5.6h
$69.99
UI Design with Photoshop from Beginner to Expert in 15 days (2021)
4.5 (1,051 Reviews)
Provider: Udemy
Time: 11.6h
$13.99
UX Design Process from User Research to Usability Testing (2021)
4.3 (947 Reviews)
Provider: Udemy
Time: 4.8h
$13.99
Learn Figma in 14 Days - Master UI Design and Prototyping (2023)
4.3 (816 Reviews)
Provider: Udemy
Time: 8.7h
$89.99
UX Design for Beginners - The Essentials of UX + Usability (2022)
4.4 (782 Reviews)
Provider: Udemy
Time: 5.6h
$84.99
Typography for Designers & Developers - Don't suck at design (2022)
4.4 (721 Reviews)
Provider: Udemy
Time: 8.8h
$69.99
More Graphic Design courses
Adobe InDesign - From Basics to Professional Level Designs (2024)
4.9 (320 Reviews)
Provider: Udemy
Time: 11.4h
$84.99
Shop Drawing & Details-Autodesk Revit 2025- for BIM Modelers
4.9 (300 Reviews)
Provider: Udemy
Time: 30.9h
$10.99
The Adobe Illustrator CC Mastery Course: Basics to Pro + AI (2026)
4.9 (268 Reviews)
Provider: Udemy
Time: 30.8h
$19.99
Software Architecture & System Design Practical Case Studies (2026)
4.8 (2,584 Reviews)
Provider: Udemy
Time: 4h
$15.99
Graphic Design Masterclass: Design 40+ Projects in Photoshop (2025)
4.8 (668 Reviews)
Provider: Udemy
Time: 16.5h
$109.99
Reviews
By Robert Palmer on 5/17/2026
For a person with some design experience, this greatly helped with principles that I was missing from my other study. It will not teach everything about design, but when it comes to layout, it was a top course.
By David Fulton on 11/27/2025
Just speaking to the introduction, the instructor does a terrific job of presenting the basics. The "five questions" to ask are alone are of high value! It offers a clear approach to working with clients (in this case, my wife!). Also, as an former educator myself, I truly appreciate that the instructor understands what slides are FOR! Just enough text. The broadest view possible, and the mandarin-orange-on-black is very pleasing!
By William Cousett on 11/14/2024
This is a fantastic course on discovering the implementation of layouts in web design. I've been a designer for over a decade, but took this course to improve my thought process when designing in general. Muhammad does a great job at explaining each layout type, and the assignments were great practice to really get the creativity flowing. While this course is focused on layouts, I do wish a little more time was spent discussing translating the discussed layouts to mobile and cover the limitations faced with a primarily vertical medium, but it's not a major fault. Very glad I took this course.
By Mahdi Abdurrahman on 11/16/2022
Great Creative Layout Designs for designers and developers. The Out of the Box Lecture and Examples were out of my league (think it would be too difficult to code). My main interest is web development. Nevertheless, this is great course and has some great resources.
By Rohan Chavan on 8/20/2020
My design layout basics are cleared here, with some additional creative layouts. Way of explaining is simple and straight. only in 2nd section things have become monotonous(content is great just need to arrange in hierarchical mannaer just like section 3 and 4). thanks for valuable information.
By Iryna Pavlov on 4/12/2020
For now speaker doesn't use any visual examples (except the one example with types of content in websites), just plain text with a just a few sentences on screen. No visual points makes it harder to absorb the text, a it's not a podcast, it's a course that must include more visual examples. I've also spotted some mistakes or typos like "wil" instead of "will" or "they might light" instead of "they might like"
By Nicole Bernd on 4/6/2020
I was excited at the beginning of the course because it seemed like we were going to cover some useful information. However, when you get to the meat of the course there really isn't much. The instructor shows you a screen and different layouts but there is no real theory on how to use design to accomplish something. Most of the videos just show you basic layouts and you watch as the instructor moves elements around on the video without any clear theory or reasoning. For example, in his lecture on using spacing, he talked about font size and somewhat teaches the student what em is without telling them that he is talking about em, or how to use it and how it relates to css.
By Barbora Jensik on 3/13/2020
This course was very informative and to the point, with no unnecessary and boring content. Everything that was said cleaned up what I already knew about the design as well as added additional important facts and practices I will definitely use in my designs.
By Jacqueline Jean-Francois on 1/2/2020
I really appreciated the layout diagrams and real-world diagrams that were used within the lessons. It solidified what was being taught and has helped me to spot out common patterns in day-to-day life. I've also been inspired to keep a "layout inspiration journal" as a future reference as well. Thanks!
By Anthony Primus on 11/29/2019
This is the 5th course I've bought and completed from Muhammad collection, and to tell you the honest truth, all of them were amazing; I always ended up learning something new that added an exciting dimension to my designs. Not every teacher can do that, and those that do are hard to find. If you can, however, find a teacher that's both knowledgeable and willing to go that extra mile to help you, you just can't help but learn more & support them. That why I bought this course. Everything was amazing, but I especially loved the advance layout section, which was an absolute game changer. Thank you Muhammad Ahsan Pervaiz for another amazing course ^_^
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 90 / 100












