Yelp Facebook LinkedIn YouTube Twitter Instagram

Visual Design Bootcamp

UI 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 Sketch, Adobe XD, or Photoshop is required.

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

Register for a class

$975 Discounts Policies

594 Broadway, NYC

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.

  • “Classes content is very wide, full of import tips and details that help you improve your work. It's totally worth it!”

    Lorenna Maia

  • “Having some knowledge in visual design, I wasn't sure if I needed this course but decided to take the leap. It was a fantastic course than gave me more insight toward visual guidelines, ideas and strategies that I have already put into place the day after class. I recommend this class to anyone looking to gain more knowledge in this field.”

    Jemal McClary

    Completed the visual design bootcamp course

  • “My professional experience up to this point has been primarily print based so when I learned Noble Desktop had a web and mobile class geared toward visual designers, such as myself, I immediately signed up and was very pleased with the results. The three day course offered an in-depth overview of visual theory, communication design, technical processes, industry practices and standards as it relates to cross platform web design. The assignments were pertinent, engaging and offered an opportunity to learn from fellow classmates. The course instructor was a highly effective instructor, attentive to each student and extremely knowledgeable. I would recommend this class to others seeking to make a positive career change.”

    James Massey

  • “Great class. Coming from a development background with knowledge of Sketch and some basic graphic design concepts, 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

    Gained insightful feedback and learned design concepts in Visual Design for Web & Mobile.

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 Policies

594 Broadway, NYC