watching now
5 Students

Course Details



Skill Level




What You Will Learn?

  • Design Responsive Website in Photoshop
  • Create Mood Boards to plan your Design
  • Create Style Guides for your Web Design
  • Hand Off your Designs to your Developers
  • Use tools like Zeplin and Invision App



  • Good Knowledge of Adobe Photoshop
  • Know how of Grids in Web Design


Section 1: Introduction to Modern Web Design Course 07:28
Section 2: Organizing your Web Design Project 13:53
Section 3: Getting Client requirements for your Web Design Project 22:30
Section 4: Wireframes, Atomic Design and 8px Grid System 59:12
  • Introduction to Balsamiq Mockups
    Watch now
Section 5: Creating Style Guides for your Web Design Project 25:30
  • What are UI Style Guides?
    Watch now
Section 6: Desktop View Web Design for Wstudio Project 2:00:15
  • Online tools for Grid Calculations
    Watch now
Section 7: Designing Website for Tablet View 59:27
Section 8: Designing Website for Mobile Devices (Small Screens) 40:14
Section 9: Designing for Developers (Hand Off your Photoshop files to your Developers) 1:03:02
  • Installing Zeplin for Hand Off
    Watch now
Section 10: Prototyping with Invision Online App 16:40
Section 11: Advanced Web Design Tips 18:50

About the Instructor

Reviews 0
Students 1
Courses 1

Ahsan Butt has gone through the challenges of learning web design the hard way, going from scratch ending up working for Fortune 500 companies and creating designs for companies like Intel, Coca Cola, Panasonic and others. If you happen to enter his private office, you’ll find a gold medal hanging proudly from the times when he won Panasonic’s poster design competition, and then a stack of diplomas for creating awesome landing page designs in contests on 99designs.

What will make you identify even more with Ahsan Butt is that he’s not just a trainer who’s confidently giving away tips and tricks of his craft. He’s also a freelancer himself, having his international client base. He’s still actively into it knowing the pain points that you struggle with most. One of them, as for any freelancer out there, is lack of time. That’s why Ahsan makes learning the easiest it can get, so you have less pain absorbing the valuable information.

Join Ahsan Butt’s course on BitDegree to learn the workflow of the modern web design. In no time, you’ll be able to use wireframes, style guides, and much more to help you in your quest of creating outstanding web designs!

BitDegree platform reviews

Our students say Excellent
9.5 out of 10
trustpilot logo 1 trustpilot logo