How we Webflow at Webflow - No Code Conf 2019 Demo Theater
3 likes903 views
This document outlines the history and development of Webflow from 2013 to 2019, starting as a responsive web design tool and growing to include additional features like a CMS, hosting, and ecommerce capabilities. It also provides examples of how different teams at Webflow use the platform to build marketing sites, design systems, a learning management system, bug tracker, and ad landing pages. The document demonstrates how Webflow has become the foundation for building various digital products and tools at the company.
How we Webflow at Webflow - No Code Conf 2019 Demo Theater
- 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
- 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
- 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
- 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
- 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
- 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
- 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