• Programs
  • About
  • Contact

Here’s our UX/UI Design Fundamentals Syllabus!

You'll also receive a copy of the syllabus in your email. Check out the next steps for starting our UX/UI Design Fundamentals course.

You'll also receive a copy of the syllabus in your email.
Check out the next steps for starting our UX/UI Design Fundamentals course.

Watch our Info Session

Our quick info session gives you an overview of our UX/UI Design Fundamentals course and Bloc's approach to mentorship.

Explore the UX/UI Design Fundamentals Syllabus

This page describes the structure of the course. For a simple list of major technologies taught during the course, see Design: Technologies Used.

Prerequisites

  • No prior design or coding experience required
  • A Mac or PC with a high-speed internet connection

Before You Start

  • Orientation with Bloc
  • 25 hours of pre-course study is required and should be completed during your orientation week. Find the pre-course study plan here
  • Introduction to your Mentor and membership to the Hacker Club community
  • Introduction to Bloc’s project-based approach to learning

UX and UI Fundamentals

  • Learn the importance of color theory, hierarchy, and balance
  • Learn how to think like a designer
  • Learn how to apply user-centered design
  • Create user flows and design low-fidelity and high-fidelity wireframes
  • Master the intangible skills of design, like presenting, selling, and critiquing

Design Tools

As a professional designer you'll have many tools at your disposal. We'll teach you how to master the canonical tools that you'll use repeatedly as a professional.

  • Photoshop - the prevalent design tool used in industry
  • Illustrator - a vector-based graphics tool used for brand design, illustration, and wireframing
  • Sketch - a responsive UI design tool
  • Balsamiq - a popular wireframing tool
  • InVision - a tool to create a clickable prototype of your web or mobile app, which is a great way to test usability and collect client feedback

Coding

  • Designers should be generalists who can design and build elegant and useful interfaces. During the UX/UI Design part you'll learn the essential frontend markup languages
  • HTML5 - HTML provides the scaffolding for web sites
  • CSS3 - CSS allows you to style web sites and make them aesthetically pleasing
  • Git, GitHub and GitHub Pages - you’ll use Git for version control, GitHub to publish your code, and GitHub Pages to host live web sites
  • Responsive Web Design - Understand the basics of responsive design and how to launch a website that naturally adapts to any device and any screen size

Testing

  • Create clickable prototypes of your designs
  • Test your design choices with real data and user feedback, then incorporate feedback and revise your design
  • Gather feedback from users and clients using InVision

Mobile Design

  • Understand how web design translates to mobile design, and vice-versa
  • Learn how to design apps for iOS and Android
  • Design replicas of Spotify and Acorns for iPhone, and Yummly and WhatsApp for Android

Design Projects

You will complete at least two projects during the Project Phase. Projects are prescriptive yet open to interpretation and creativity. They are designed to challenge you while providing guidance to keep you on track. A project is complete when all its requirements are implemented and approved by your mentor.

GrubHub for Food Trucks

  • Research best practices for mobile payment apps
  • Design user flows for discovering local food trucks and creating an order
  • Create a mobile prototype to test and refine based on user feedback

Shopping

  • Design an online shopping experience
  • Create wireframes and mockups for consumers to browse and purchase products
  • Build a responsive site that could be applied to Shopify's platform

Kickstarter for Nonprofits

  • Research crowdfunding applications to create a competitive analysis
  • Develop user personas of both funders and backers
  • Design a complex UI that follows well-constructed user flows

Product Showcase

  • Create a brand identity for a new product
  • Design a product landing page to convey a value proposition and competitive differentiators
  • Develop a responsive web site to deploy to GitHub Pages

Capstone

  • Bring your product idea to life. Use your capstone project as an opportunity to hone your skills in a particular area of interest, or as a springboard to launch a new product
  • Build your idea from scratch, while learning best practices for application scoping, design, and architecture
  • Deploy your application, and we'll help you promote it

Portfolio

  • Create a unique Portfolio site that showcases your personality, projects, and writing
  • Include images and links for your projects
  • Build case studies to discuss your design process and showcase your work
  • Make your site stand out with a stunning design

Still have questions?

Check out FAQ

Ready to enroll?

Courses start every Monday.

Enroll now