Make your Web Design process Simple and effective by using Wireframes, Style guides, Photoshop, Zeplin and Invision App
UPDATED â–ş Oct 2020 (New Lectures added about Figma and Adobe XD)
Make your Web Design process simple, effective and painless with this Web Design course
From the past few years, job of a traditional Web Designer has been drastically changed. Designing for each and every screen (Responsive Web Design) is not easy. Questions like these come to mind of every young web designer e.g. How to change layout? How to setup grids for responsive web design? Which content to hide and show?
Now in every Web Design project, we designers Â
Gather project requirements (from client and users)Â Â
Sketch early Ideas of your website
Wire-frame those ideas Â
Convert wireframes to Design Mockups Â
Getting Specs and Style Guides ready for Developers Â
Creating Prototypes to show the flows and interactions
How to design Responsive views of your Website in Photoshop
Save time by improving your Web Design Workflow
   Â
Every modern designer uses more than 2 to 3 tools in Web Design process. Designers also need to collaborate with Developers a lot so how to solve all these problems. Â
So in this course, I will show you modern process of creating Responsive web design from gathering information and design briefs from client to creating sketches, wire-frames and prototypes or even style guides for developers. Â
Tools you will use during this course are Â
Adobe PhotoshopÂ
Balsamiq Mockups Â
Figma
Adobe XDÂ Â
Zeplin App Â
Design frameworks you will touch in this course are
Atomic Design framework
8-Point Grid System
I will show other similar online apps for Web Designers at the end and compare their pros and cons. Â
Now if you are ready to learn the modern web design and become a top notch Web Designer Â
Start this course NowÂ
How to design and develop a coded Style Guide for Developers
Learn all about building and using Mood Boards in your projects
Learn tools like Zeplin, Balsamiq Mockups and Invision App
1 Lectures
3 Lectures
4 Lectures
6 Lectures
8 Lectures
6 Lectures
16 Lectures
5 Lectures
6 Lectures
9 Lectures
3 Lectures
Instructing more than 100K+ UI UX Design students worldwide for the past 8 years. I began working as a Web Designer 20 years ago, and I had to learn everything the hard way. I started from nothing and eventually found work with FORTUNE 500 businesses like Coca-Cola, Intel, and Panasonic.Furthermore, I developed new design patterns for correctly displaying passwords in...
This course was amazing! It goes through the entire designing + development process in great detail. From understanding your client needs, to sketches, typography, colours choices, high fidelity mock-ups and styles guides. Ahsan even talk about what your development team will need to see in order to do their job perfectly. It's jam-packed with so much useful information that it definitely need a second viewing to fully digest it all. This is seriously an awesome course that will definitely take you skills to the next level!
Amazing course! Good for amateur web designers
Thank you Ahsan for the great course! The course has many good study case and cool design hacks! Now I feel confident to build a design system with proper etiquette. Thank you! All the best for you 🙏
I really enjoyed learning about the Web Design Workflow. I have been trying to create websites on my own but didn't really know how to approach the design process. This course gave a clear direction that I am implementing. I now feel confident in starting new projects!
Muy buen curso, me ayudo mucho en mi actual trabajo muchas gracias!
The course was an absolute delight. Muhammad Ahsan Pervaiz exposed to all the different aspects of the Modern Web Design: Sketching, Wireframing, Atomic Design, 8 Point Grid system, and a lot regarding the modern web. The instructor was terrific.
Those who want to dive into UI design then this course is a must to join. This course is so insightful and has helped me a lot. Thank you so much for explaining everything so clearly. I learned a lot from this course.
This is one of the best courses I've taken on Udemy. The Instructions are very practical and handy.
I've selected this course to improve my coding efficiency and to get an idea on web design from design perspective. Ahsan has really worked hard to put the entire process in a comprehensive way and his extensive experience shows up thorough out the course.
I appreciate his attitude towards understanding the needs of a developer and his ideas to improve the team communication.
Overall This course is developer friendly and really going to help me plan my projects efficiently and save my time.
I highly recommend this course. It is well structured and thought through. Muhammad guides you through the topic sharing his vast knowledge of the field and a great sense of practicality.
You'll dive in designing technics, gain an understanding of style guides, atomic design, grid systems, wireframes, and prototypes. On top of that, there is a fair number of useful tools mentioned with links provided.
Finally, a topic rarely touched or well delivered - a good designer-developer communication.
Thank you, Muhammad. I enjoyed the knowledge and delivery.
Your email address will not be published. Required fields are marked *
Karina I.
When somebody is doing UI/UX design using Photoshop...then it's clearly not how you want to work. Some principles the trainer is using are nice but the working method and teachings are outdated. It's a waste of time to see methods that are really not teaching you how you should work.