Yelp Facebook YouTube Twitter Instagram

Visual Design Bootcamp

Visual Design Classes in New York City

Design for Web & Mobile

Learn Current User Interface (UI) Design Techniques

Learn to design websites for mobile phones, tablets, and desktops using the visual design principles of color, layout, and typography.

You’ll learn about visual conventions, standards, and industry trends, and gain experience with the process and principles for designing responsive websites through lecture and hands-on practice.

You will design and produce one or more projects in this class to come out with portfolio material. Your work will be critiqued and you’ll get the feedback you need to help improve your designs.

Prerequisites: This is a design class, not a coding class. Knowledge of a design app such as Photoshop or Sketch is required.

  • 18 Hours
  • Small classes
  • Mac or PC provided
  • Free retake

Register for a class

$975 Discounts


What You’ll Learn

  • Learn to design websites for mobile, and desktop
  • Apply design principles such as color, layout, and typography to webpages
  • Learn about visual conventions, standards, and trends
View full syllabus

Visual Design Bootcamp Class Syllabus

What You’ll Learn

Design Overview


  • User Experience (UX) Design
  • Visual Design
  • UX Is Not UI
Learning from Existing Websites


  • What Works & What Does Not?


  • Color Harmonies
  • Creating Contrast with Color
  • Guidelines for Proper Color Usage
Typography & Fonts


  • Display Text (Such as Headings) versus Body Text
  • Legibility
  • Type Trends
  • Typeface Selection & Pairing
  • Where to Get Web Fonts
  • Ideal Line Height
  • Column Width (Line Length)
  • Hyphenation & Justification
Design Elements


  • Proximity
  • Similarity
  • Continuity
Trends in Web Design


  • Analysis of Example Websites
Design Patterns


  • Example Design Patterns
Multiple Screen Sizes


  • Responsive Web Design
  • Mobile Considerations & Limitations
  • Discoverability Challenges
  • Mobile Navigation
Workflow: Idea to Design


  • Example Web Design Workflows
Getting to Know a Project: Creative Briefs


  • What is a Creative Brief?
  • What to Include in a Creative Brief


  • Issues to Solve
  • Steps in Creating a Wireframe
  • Designing on a Grid System (like Bootstrap)
Wireframe to Refined Design


  • Iterate & Refine
  • Understanding the Mobile Experience

Time for You to Design
Project Work


  • Create Wireframes
  • Turn Your Wireframes into Refined Designs
  • Get Critiques
  • Incorporate Feedback & Improve Your Designs
  • Desktop and mobile design by visual design student

    Website design by Jen O’Connor

  • Responsive design for Meditation website

    Website design by Craig Maher

  • Coffee website design by visual design bootcamp student

    Website design by Jaclyn Giuntini

  • Visual design student's portfolio project

    Website design by Jen O’Connor

  • Visual design student's design for a fashion website

    Website design by Sophie Steinmeyer

Become a Visual Designer

In this hands-on course you’ll work on real-life designs such as logos, digital graphics, responsive web designs, and more. Classes are led by a professsional web and visual designer. Small class sizes and personalized feedback will ensure you come away with great design skills and portfolio material.

Design websites for mobile phones, tablets, and desktops

Visual Design
  • Visual design is the look and feel of a website, app, etc.
  • Visual design incorporates color, composition, typograph, photography, illustraton, and more to create attrictive and usable layouts.
  • Visual designers, also called User Interface (UI) designers, craft a visual language and hierarchy that combines UX (user experience), information architecture, and interaction.
Visual Design Applications
  • Photoshop has been around the longest and is used by many web designers. It is a photo editor with web design features added on, so some web designers are turning to other apps such as Sketch and Adobe XD which were created solely for the purpose of visual and UX design.
  • Sketch is a Mac only app that many web designers are using, and more people every day are switching to it. Not only can you create your designs (for website, apps, etc.), but you can even turn them into working protoypes to show clients and do user testing with.
  • Adobe XD is a newer Adobe app that is very similar to Sketch. It’s an easy to use app that enables you do design and protype your ideas. Unlike Sketch though, it works on Mac and PC. It’s the newest of these apps, and is still continuing to develop rapidly.

Personalized Design Feedback

“Great class. I was able to relate to Dan's helpful and insightful feedback while working through the class website project. He provided suggestions covering a wide range of design elements - content, gestalt principles, typography, color, photo elements, the overall feel, etc.”
Harteg Wariyar, Software Developer, Feb 15, 2018

Student getting feedback from a professional web designer

Create Portfolio Projects

Create wireframes and web designs that can be added to your portfoio. Throughout the class, your work will be critiqued and you’ll get feedback to help you improve your designs.

Students working on their visual design portfolio

Part of a Certificate Program

This class is included in the Visual Design and Graphic Design certificate programs. Take the other courses to earn a certificate!

Students graduating from the Visual Design certificate

Register for Visual Design Bootcamp

$975 Discounts