Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Lessons (4h 15m)
    • 1. Introduction

      2:24
    • 2. Structuring the Website

      12:03
    • 3. Setting up Fonts and other Project Settings

      8:04
    • 4. Header Section | BG Image and Navigation

      27:21
    • 5. Header Section | Title and Caption

      20:04
    • 6. Portfolio Section | Masonry Grid

      21:26
    • 7. Portfolio Section | Hover States

      19:55
    • 8. About Section

      12:41
    • 9. Services Section

      21:52
    • 10. Contact Section

      26:03
    • 11. Making the Website Responsive

      26:35
    • 12. Developing the Mobile Menu

      21:00
    • 13. Adding Interactions

      15:48
    • 14. Lesson 13: Prepping To Go Live

      18:24
    • 15. Final Thoughts

      0:54
95 students are watching this class

About This Class

Welcome

Hi there! I’m Jose Ocando, a freelance web designer and developer. I built my business using Webflow, an online tool for developing 100% custom websites without having to write any code.

This class is for beginners and intermediate users who:

  • want to learn how to develop their own portfolios or business sites
  • want to launch a new career in web development. 

If you have 0 knowledge of web development, that’s ok. We’ll be starting from scratch. 

You’ll be learning:

  • How to use the Webflow interface for maximum effectiveness
  • Simple HTML concepts to properly structure your site
  • Simple CSS concepts to create a clean site
  • Simple SEO (Search Engine Optimization) concepts to create a site that gets found
  • How to build a responsive site that looks great on desktop and on mobile
  • Best practices for importing images
  • Best practices for a light-weight website that loads fast
  • How to create subtle animations that add to your site’s look and feel

Together, we'll be creating:

A simple one-page portfolio website for a photographer. For the class project, create your own Webflow project and follow along. I've got all the assets ready for you to download!

Photos:

Special thanks to Clarisse Meyer. I used her photos on Unsplash for the website design.

Where to find me: