August, 2023

First Steps

Jessica Medina
Experience Designer
Medellín, Colombia
Let's go to the playground!

Agenda

Low-code & no-code movement / quick look
Webflow:
What? When? Why?
The best and the worst / according to me
When to use it. With examples 😉
My first steps
Playground 🤪🙌🪛
/
Agenda

No-code & low-code movement

No-code development is a type of web development that allows non-programmers and programmers to create software using a graphical user interface, instead of writing code.
‍
No-code is simply an abstraction layer over code. Meaning, it takes the fundamentals of code and translates them into simple drag and drop solutions — allowing creators to build modern apps and websites visually.

Problems it solves
😫 Slow and expensive software development
😵 Shortage of IT professionals with programming skills
😤 Software deliveries that are difficult to edit/update by customer
/
No-code & low-code movement
No-code & low-code movement

Pros and Cons

Pros
🤩 Allows developers to increase their performance
🥰 The democratization of software development 🏅
🤑 Lowered production costs and fewer dependencies
🥳 As flexible, extensible, and scalable as custom coding
😉 Easy support and update
😁 ... and moooore!!!!!!! ✨⚡️
Cons
😰 Many considerations and good practices can be overlooked
🥴 Platform Limitations
😠 Platform dependent. Factors like price, service quality, and security are beyond the control of the owners.
/
No-code & low-code movement
Ventajas
Build with the power of code,
without writing any*

Webflow

Webflow is a web design and development platform that allows users to create responsive websites visually, without the need to write code.

It provides a powerful and user-friendly interface where you can design and customize websites using a visual approach.
‍
You can design your website by dragging and dropping elements onto the canvas, making it easy to create visually appealing layouts.

Random facts

2013

Year founded

+600K

Websites

+3.5M

Users
/
Webflow

The interface: Navigation and style panels

/
The interface

Webflow: the best of the best

According to my experience:
🥰 Webflow Community / Take a look →
🙌  Webflow University / Take a look →
🌈  Webflow Marketplace / Take a look →
❤️ Webflow lets you go even further than standard website design elements. I can build rich animations, microinteractions, and eye-catching transitions.
🥹 It gives me the chance to see my ideas become reality, where I have all creative control
🥳 Publishing is SO easy
🤘 They're constantly updating the product and releasing new features to improve the experiences
/
The best of Webflow

Perfection doesn't exist

Things I dont like that much
😪 Webflow learning curve is challenging
🥴 Is more expensive than others no-code tools
🥱 Webflow takes a lot of time to dig into all of its features
👎 It doesn't work that well on Internet Explorer
🚫 Some CSS limitations
/
The not-so-good

When to use it

High-fidelity prototyping

It's easier and faster. Clients and team members will get a clear idea of how the product will look and work before it ever goes live.

Responsive websites

Webflow makes it easier to build a responsive website — a design that reflows and repositions content based on the width of the browser.

Blogs and portfolios using their CMS

The Webflow CMS gives you full control over your content structure and how content is designed throughout your site.
‍

Before choosing whether or not to use Webflow, the first step is to be sure of your objectives, your needs, and your budget.

/
Use cases

Some examples

Eastern Alliance Kickoff
May, 2020

ADK Donation Experience November, 2020

The Daily Stand Podcast
january, 2021

mHealth App Kit
march, 2021

/
Examples

My first steps

May, 2020

november, 2022

/
My first steps

First Steps

Let's go to the playground!