Webflow + The Future of No-code
Made to educate by
Corey Moen

Webflow + The Future of No-code

About me
Hey! I'm Corey

Digital Designer  /  Webflow Fanatic  /  Husband  /  Father  /  Car Guy

Supply & Demand
57%

Of the world is on the internet

Source
0.3%

Of the world can write code

Source
22%

Avg. expected growth in IT job demand

Source
No-code / Low Code

The next evolution of software abstraction to make creating software more efficient, accessible and innovative.

What it does

Scalability

No-code tools allow us to build more digital communications in less time, while leveraging a smaller learning curve to utilize more of our team!

Keynote — Nashilu Mouen-Makoua
What it Does

Innovation

By reducing the barrier of 'how' we build something, you increase focus on the primary goal and the main commodity becomes our creativity.

Keynote — Ivan Paudice
What it Does

Collaboration

No-code ≠ No Development. No-code tools are based on the same principles development and help us translate designs to development much more efficiently.

Keynote — Verity Stothard
eBooks

Learn what the no code movement means for the future of makers and businesses.

Read or Download

Also check out this collection of no-code questions and interviews:

The Future is No-Code
How to no-code

You may already be doing it!

How to no-code

Email

Switching to a no-code tool like BeePro allows Designers to design in-medium, and nearly eliminate the translation barrier between email design and code.

How to no-code

Organize & Communicate

Use a single app to collect, organize, collect and calculate your work, then share it with a simple link and edit them from any device.

How to no-code

Automation & Reporting

Save time by using these apps to automate anything from reporting, task management, notifications, communications, and much more!

How to no-code

Websites & Apps

Build for the web or even native devices within a drag and drop interface of features, functions, interactions, and much more!

A visual web development platform that lets you design, build, and launch completely custom websites without writing code.

7 Things to Know About Webflow
Fav Features

The Designer

  • Professional, production oriented tool so some learning curve if not familiar with HTML/CSS
  • Instantly see changes and fine tune for any device sizes.
  • Styling reusability at its core
  • Cross project copy/paste
  • Efficiency in natural constraints
Fav Features

CMS + Editor

  • Create and update dynamic data and how it's displayed in layout
  • Managing the data can get as complex as referencing, filtering and conditional visibility
  • The editor needs little training and you can control what is Editable
Fav Features

Publish & Share

Fav Features

Interactions

  • Timeline based approach to manipulate any element(s) with a variety of functions
  • Interactions can be associated to classes for reusability
  • Easily add and manipulate Lottie animations
Top feature

You can create clean, semantic code.

Giving you complete control and confidence in the HTML & CSS you publish to the world or export to save your developers time and ensure your design is exactly as intended.

Examples

So, what can we build?

Examples

Landing Pages

Quickly create a beautiful, interactive single page website focused on telling a story, capturing leads, or advertising a product. Combine with Webflow CMS to create a landing page generator for marketing strategy.

Examples

Presentations

Just like this one! Deliver an interactive, dynamic, mobile friendly and globally accessible presentation from a simple link that can be updated at any time...even after it's sent and you find an error.

ITA Group UX Story
Polk Count Mockup Presentation
Examples

Prototyping

Design in-medium to create responsive and interactive front-end UI. Get higher quality user feedback that feels like the real thing and then pass along the HTML/CSS to developers minimal need for translation.

Examples

Websites

Create fully custom marketing websites with completely custom, brand specific UI and interactions. Empower your team then iterate quickly upon the design to maximize conversion and shift with changing times.

Examples

Web Apps

Bring your product ideas to life when integrating Webflow with other tools to build features like user logins, voting systems, comment feeds, training portals and much more!

Learn

Ready to jump in?

Paid resources
Resources

A couple of things to assist and inspire, curated by yours truly

future

Where to go from here?

The future
Wired

"As with all plenitude, we'll get a flood of silly startup ideas and only a few great ones."

What others are saying

"Almost 75% of the global application development activities will be migrated to no/low-code platforms by 2024."

— Gartner
Thank you

Ask me all the questions!