Mobile-First Design In WebFlow

Riley Jones, Coffee Fueled Creative

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Lessons (52m)
    • 1. Introduction

      0:54
    • 2. The Mobile-First Approach

      4:44
    • 3. Wireframes

      2:31
    • 4. Moodboards

      0:58
    • 5. Webflow Explained

      0:46
    • 6. Webflow Further Help Info

      0:34
    • 7. Webflow Workspace

      1:21
    • 8. Homepage Foundation

      7:28
    • 9. Styles Pt. 1

      7:00
    • 10. Styles Pt. 2

      7:50
    • 11. Styles Pt. 3

      7:46
    • 12. Styles Pt. 4

      6:53
    • 13. Final Stylings

      2:27
    • 14. Final Remarks

      1:14

About This Class

The goal of this project is to have a better understanding of how to take the mobile-first approach when it comes to designing content in Webflow. We will consider practices of User Experience when it comes to structuring content and deciding how to display the right information on a mobile-screen. Within the Webflow platform, we can easily take our designs and put them into a working prototype to where we can see it in a live environment. 

Requirements

  • A love for learning new things
  • A passion for engaging with content

Helpful To Know But Not Necessary

  • Basic HTML and CSS