Johnnie Gómez, Webflow

1. FROM LANDING PAGE BUILDER TO
THE FOUNDATION OF OUR
BUSINESS.
How we Webflow
at Webflow

3. Responsive web design tool, CMS,
and hosting platform.
Users can build better business
websites, faster. Without coding.

4. Webflow launched
— Forms
— Map widget
— Slider
Team plan
New elements2013

5. Reusable symbols
— Lists
— Navbar
— Tabs
Webflow Blog
New elements
— Lightbox
Interaction 1.0
301 redirects and custom 404 page
2014

6. Minify CSS feature
Zapier integration
Image visual resizing
Staging on webflow.io
Asset manager
Canvas resizing
Open Graph settings
3D transforms
Webflow CMS + Conditional visibility
2015

7. Dynamic SEO and Open Graph
CSS filters + 3D transforms
Client billing
Flexbox
Multi-editor collaboration
Background videos
SSL
CMS + API
2016

8. Auto class naming + duplicating
Global swatches
CMS + Zapier
Item publish from API
Interactions 2.0
Site search
2017

9. Publishing individual items
Cross-projects copy/paste
CSS Grid
Pagination
Ecommerce beta
File uploading in forms + Files in CMS fields
reCaptcha
2018

10. Styles UI update
Apple Pay + Stripe + PayPal
Ecommerce 1.02019
CSS Grid 2.0
Lightbox galleries for CMS
CMS field connection manager
Ecommerce product variants
No Code Conf

11. What we use Webflow for?
Marketing sites
Brand design system +
Product design system
Bug tracker Learning
management
system
Ad landing
page system

12. Marketing

18. Learning management system

19. LMS
“It was the beginning stages of improving
knowledge sharing and updating our team
onboarding process. Each team member may have
a course assigned that could help them in their
day-to-day, or trial candidates can be assigned the
Trial courses during their initial week.”
MICAH JOHNSON
Customer success specialist

20. Zapier Integromat KnackOneSignal

21. Bug tracker

22. BUG TRACKER
“It abstracts the issues that customers are facing
away from Github. In Github, there are a lot of
issues that are technical debt or for features in
production that don’t apply to customers and
make it hard for the CST team to see what’s
impacting customers.”
BEN PARKER
Customer success specialist

23. Zapier Google Sheets Github API

24. Brand design system

25. DESIGN SYSTEM
“It’s my go-to project whenever I start new projects and
want to check set standards. Copying and pasting
preset components and HEX codes is extremely helpful
and time saving. We also have content guidelines to
remind us what the voice and tone of the company is,
in order to guide our way of communicating.”
JOHNNIE GÓMEZ
Visual developer

26. 100% #MadeInWebflow

27. Product design system

28. SIGMA
“The design system portal is the central hub for
designers and engineers to learn how to build with
UI with Sigma. It provides the designers with
documentation to design with consistent patterns,
while helps engineers learn about the component's
API and how to use/contribute to Sigma.”
KESHAV NARULA
Technical product manager

29. Zapier Storybook Figma

30. Ad landing page system

31. AD LANDING
PAGE SYSTEM
“It removes our reliance on the design/development
teams when we are building out a marketing
campaign.”
TIM DALRYMPLE
Senior Manager in Growth Marketing

32. 100% #MadeInWebflow

33. People at Webflow visually
develop ideas based on needs
and pain points. No matter
what team they’re on.

34. THANK YOU
VERY MUCH
See how Webflow
could work for your
team at webflow.com