Building 50+ products without code - No Code Conf 2019 Workshop

Nov 21, 20193 likes465 views

Ben Tossell founded Makerpad to allow people to build over 50 products without coding by providing pre-built modules that can be combined like building blocks. Makerpad has grown to $200k in revenue with a team of 5 and offerings modules for common products like agencies, membership sites, marketplaces, and more. The document outlines Makerpad's approach of using pre-built modules to empower non-technical entrepreneurs and shares some case studies of products built on their platform.

Building 50+ products
without code
Ben Tossell
Founder @ Makerpad
@bentossell

Quick history lesson
Social ads
Slack communities
Product Hunt Started newCo Do less
Went solo Shut it down Makerpad

Now
$200k revenue
Raised $300k
Team of 5
8.5k subscribers
770+ members
20k users
100k pageviews
Business clients

Building blocks
Call to action
Connector
Database
Source
Landing

The document discusses how new technologies have unlocked opportunities for businesses to focus on customer experience rather than infrastructure management. It notes that in the past, companies spent significant time and money building and maintaining infrastructure, but tools now exist to automate those tasks. This allows companies to instead prioritize building great products and leveraging data, marketing, and automation to improve the customer experience through their entire lifecycle. The document advocates for a renewed focus on the customer as the most important part of any business.

How we Webflow at Webflow - No Code Conf 2019 Demo TheaterWebflow

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 to build a marketplace without code - No Code Conf 2019 WorkshopWebflow

This document provides an overview of how to build a marketplace without code. It discusses using tools like Webflow, Memberstack, Airtable and Zapier to build the front end, enable memberships and monetization, store backend data, and automate workflows. Specifically, it outlines how to create profile and listing pages, set up an automated onboarding process for freelancers and clients, integrate payment options, and use Zapier to automate tasks like sending emails. Examples are given of how Unicorn Factory, a no-code marketplace, uses these tools together. Tips are provided for getting started, including building initial pages, integrating memberships, setting up Airtable and automating workflows with Zapier

Building landing pages at scale at InVision - No Code Conf 2019Webflow

This document discusses how to build landing pages at scale using less code by creating standard page templates, reusable components, and streamlined processes. It recommends having a small number of templates and components, using an event management system, and providing copy and image templates rather than building a custom WYSIWYG editor. The goal is to minimize engineering and design requests and long approval processes so pages can be built and shipped faster.

How HelloSign rebuilt their site without code - No Code Conf 2019 Demo TheaterWebflow

HelloSign rebuilt their marketing website without code by moving it to the Webflow platform. This allowed their marketing and design team full autonomy and control over the site, as they could now create and publish pages and content in minutes rather than waiting weeks for engineering resources. Using Webflow, they were able to rebuild the site over 10 weeks, including building templates and collections to enable repeatable content. The move to Webflow gave them the ability to make live changes quickly and independently without relying on product or engineering teams.

Progressive enhancement: a mindset for designing no-code platforms - No Code ...Webflow

Liz Khoo gives a presentation on designing no-code tools. She discusses balancing simplicity for non-technical users with capability for more advanced users. She also talks about the importance of progressive enhancement through stepping stones, smart defaults, and transparent automation to guide users of various experience levels. The goal is to make tools accessible to more users while still enabling power and flexibility for more advanced customization.

I built & sold 12 no -ode apps in 12 weeks - here's everything I learned - No...Webflow

This document outlines David Adkin's experience building and selling 12 no-code apps in 12 weeks. It discusses how to find clients for no-code app projects, how to estimate the time and price to build an app, designing the app features and database, developing the minimum viable product (MVP) in iterations, and tasks for publishing and launching the app. The key recommendations are to clearly define the app features and scope of work, set proper expectations on no-code limitations, develop the app incrementally with testing, and plan for beta testing, launch, and future versions with the client.

Building no-code tools alongside your engineering team - No Code Conf 2019Webflow

This document discusses lessons learned from building no-code tools alongside an engineering team. It recommends limiting the initial scope of tools to internal projects, sharing bugs with the team so they can help solve issues, and earning trust over time by maintaining tools, involving others, and showcasing successes to empower new ideas. The goal is to make no-code solutions that are helpful, reliable and trusted by the entire organization.

Blank Slate Css MeetupNYCSS Meetup

Ning Zhou, CTO of Blank Slate Factory, will demonstrate the creation of a web application using browser side technologies (HTML/CSS/JS) and the Blank Slate Web Platform. By using the Blank Slate platform, designers and developers can build, share, analyze and monetize web applications without having to built core application capabilities such as data management, user management and payment collection. We are currently accepting beta customers to Blank Slate. Beta customers can be developers and business people -- and we're helping to match people with complementary skills.

What is a website builderNikhilSharma142682

A website builder is programming that allows users to create a website online without needing website design or coding skills. Website builders provide templates and tools to easily design, build, and publish websites hosted on their servers or cloud-based platforms. Popular website builders include WordPress, Wix, Squarespace, and Weebly. Users should consider factors like custom domains, content ownership, functionality, and mobile responsiveness when choosing a website builder.

How website used webinar - cp.keyChris Powell

This document summarizes a webinar on how engineers use supplier websites and how to improve websites to better engage engineers. It provides tips on creating dynamic, SEO-optimized websites with fresh content that teaches engineers. Key recommendations include having a clear contact form, listing contact details, providing response guarantees, getting backlinks, and continuously adding new content. The presenter also pitches their website design services for building lead generation sites and providing ongoing marketing support.

Bootstrap Development Servicesicbsolutions8

This company provides professional website development services using Bootstrap, an open-source front-end framework. They offer custom web application development that is fast, responsive, and intuitive using a single code base that efficiently scales websites. Their Bootstrap experts can build cutting-edge, high-performing websites for businesses that are customizable, consistent, and provide better support.

Useful tools for Freelancerslillianabe

This document provides summaries of several tools that can help freelance web designers manage billing and expenses. Billing Boss allows creating unlimited invoices and integrating with PayPal. Simple Invoices offers a basic invoicing application that can be installed locally or hosted. LessAccounting helps track business expenses by category and upload receipts. Blinksale provides customizable invoices and the option to mail invoices physically. CashBoard facilitates quick invoicing for time, materials, or goods on projects with recurring billing options.

Web App Development Technologies You Should KnowVishal Sinhasan

Progressive Web Apps, Accelerated Mobile Pages, Motion UI, Serverless Architecture, Artificial Intelligence, and the Internet of Things are some of the top web app development technologies discussed. These technologies can provide benefits like faster loading, more engaging UIs, automated tasks, and interconnectivity. The document also covers technologies like Blockchain, Voice Search, Single Page Apps, and Cybersecurity and their increasing relevance to web development. Maintaining awareness of innovative technologies is important for web development teams to provide high quality user experiences.

Fit For the FutureWP Engine

This document discusses how WP Engine is preparing for the future needs of websites and digital experiences. It highlights that WP Engine is the 7th largest website platform and introduces several of its products that allow for faster, more scalable websites including Atlas, a headless WordPress platform, and Atlas Content Engine, which can handle 10 times the requests per second of traditional WordPress. The document also discusses trends around front-end frameworks and how WP Engine is adapting to allow customers to choose technologies like Next.js and build headless WordPress sites.

Outsourcing for your website is a good optionWeb Codeman

Yes, You Can Develop for SharePointElizabeth Szabo

Getting started with SharePoint Application Development, for.NET and JavaScript Developers. The new SharePoint App Model opens up SharePoint Development for every web developer, regardless of their favorite platform, programming language, or script library of choice. In this session you will learn about SharePoint 2013 as a business and development platform. We will talk about the different kinds of applications you can write and what will you need to learn in order to do that. Lastly, we will discuss how to setup your development environment and what resources are available to get you started.

Press Release SoftwareNextBee Media

This document discusses press release software, providing an overview of its use for generating publicity, details on cost and skills required, common software features, tips, and additional related tools. It outlines that press release software allows quick distribution of releases to thousands of outlets, can cost $10s to hundreds, and that basic internet skills are sufficient to use most tools. A checklist for selection includes formatting, templates, media contact databases, and HTML/text compatibility.

Copy of DataSheet-03.17.2015semarklellc

BuildBeam is software that streamlines the management of jobs from start to finish for contractors. It organizes customers and jobs, efficiently manages business processes like purchase orders and invoices, schedules jobs using integrated calendars, and provides transparency to analyze a business. BuildBeam reduces errors, eliminates redundant tasks, and improves efficiency and productivity to help contractors grow their business.

The Future is Now! Using Machine Learning to Automate Plugin Updates + Secure...WP Engine

Web design 101Miranda Prusik

This document discusses how to build an effective website. It explains that website domains like Squarespace provide templates and hosting without requiring coding knowledge. The author's preferred domain is Squarespace due to its easy setup, clean templates, and mobile optimization. The document advises researching different domains to find the best fit and testing free trials. It also provides tips for choosing an appropriate template, adding content like products and pricing, linking social media accounts, and focusing on quick loading and a professional presentation to meet customer expectations.

Methis - OrgatechVisual Presentation

Evolve 19 | Harsh Walia | Best Practices - Adobe Experience ManagerEvolve The Adobe Digital Marketing Community

bls-Web DesigningBalaji Kumar

This document discusses web development services offered by BLS including website design, development, hosting and maintenance. They have experience developing scalable applications using technologies like HTML, ASP.net and deploying on IIS server. Their design process involves understanding client requirements, suggesting solutions, designing the site, optimizing for SEO, testing and hosting the site for clients. They aim to provide creative and practical graphic solutions to attract visitors and encourage exploration of the website.

Evole18 | Ian Reasor & Amol Anand | AEM and SPA Content ManagementEvolve The Adobe Digital Marketing Community

Making Accessible Websites Doesn't Have to be Hard | WordCamp Antwerp 2016Erik Bernski?ld

WordCamp Boston 2016: Creating Intuitive Editing Workflows That Clients LoveErik Bernski?ld

As WordPress has evolved from a blogging tool to a full-fledged CMS and even application framework, the need for intuitive workflows for clients to manage their website��s have never been greater. As bigger organizations with more editorial staff starts using WordPress, we get a whole new set of challenges. In this session, we will explore how we can create workflows that clients and non-technical staff find intuitive and easy to work with. Additionally, we look at common pitfalls, and find the way forward through behavioral knowledge and case studies.

Introduction to adobe experience managerNetCom Learning

After Effects & Lottie in Webflow - No Code Conf 2019 Demo TheaterWebflow

The document discusses how animations created in After Effects can now be exported as JSON and added to web pages using the Lottie library, providing a seamless handoff between designers and developers. It traces the history from designers having to code animations from scratch to receiving feedback, to Airbnb releasing Lottie in 2017 which allowed animations to be exported and added easily to web pages. It then shows how Webflow has integrated Lottie since 2019, allowing designers to export animations and add them directly to pages without developers needing to write JavaScript.

Forms + Zaps = No Code Apps - No Code Conf 2019 Demo TheaterWebflow

The document discusses how to build no-code applications using the Webflow CMS, Google Sheets, the Github API, and Zapier. It provides examples of CMS-driven sites that were built for internal use at Webflow and for Chance the Rapper's team. It then demonstrates how to create an applicant tracking system using these tools by building forms in Webflow, setting up Zaps to populate a Google Sheet collection, and enabling updating of applicant stages and movement of cards between columns in the CMS.

More Related Content

What's hot (20)

Blank Slate Css MeetupNYCSS Meetup

What is a website builderNikhilSharma142682

How website used webinar - cp.keyChris Powell

Bootstrap Development Servicesicbsolutions8

Useful tools for Freelancerslillianabe

Web App Development Technologies You Should KnowVishal Sinhasan

Fit For the FutureWP Engine

Outsourcing for your website is a good optionWeb Codeman

Yes, You Can Develop for SharePointElizabeth Szabo

Press Release SoftwareNextBee Media

Copy of DataSheet-03.17.2015semarklellc

The Future is Now! Using Machine Learning to Automate Plugin Updates + Secure...WP Engine

Web design 101Miranda Prusik

Methis - OrgatechVisual Presentation

Evolve 19 | Harsh Walia | Best Practices - Adobe Experience ManagerEvolve The Adobe Digital Marketing Community

bls-Web DesigningBalaji Kumar

Evole18 | Ian Reasor & Amol Anand | AEM and SPA Content ManagementEvolve The Adobe Digital Marketing Community

Making Accessible Websites Doesn't Have to be Hard | WordCamp Antwerp 2016Erik Bernski?ld

WordCamp Boston 2016: Creating Intuitive Editing Workflows That Clients LoveErik Bernski?ld

Introduction to adobe experience managerNetCom Learning

Blank Slate Css MeetupNYCSS Meetup

What is a website builderNikhilSharma142682

How website used webinar - cp.keyChris Powell

Bootstrap Development Servicesicbsolutions8

Useful tools for Freelancerslillianabe

Web App Development Technologies You Should KnowVishal Sinhasan

Fit For the FutureWP Engine

Outsourcing for your website is a good optionWeb Codeman

Yes, You Can Develop for SharePointElizabeth Szabo

Press Release SoftwareNextBee Media

Copy of DataSheet-03.17.2015semarklellc

The Future is Now! Using Machine Learning to Automate Plugin Updates + Secure...WP Engine

Web design 101Miranda Prusik

Methis - OrgatechVisual Presentation

Evolve 19 | Harsh Walia | Best Practices - Adobe Experience ManagerEvolve The Adobe Digital Marketing Community

bls-Web DesigningBalaji Kumar

Evole18 | Ian Reasor & Amol Anand | AEM and SPA Content ManagementEvolve The Adobe Digital Marketing Community

Making Accessible Websites Doesn't Have to be Hard | WordCamp Antwerp 2016Erik Bernski?ld

WordCamp Boston 2016: Creating Intuitive Editing Workflows That Clients LoveErik Bernski?ld

Introduction to adobe experience managerNetCom Learning

More from Webflow (20)

After Effects & Lottie in Webflow - No Code Conf 2019 Demo TheaterWebflow

Forms + Zaps = No Code Apps - No Code Conf 2019 Demo TheaterWebflow

Empower your local community to join the No Code revolution - No Code Conf 20...Webflow

How to end youth homelessness - No Code Conf 2019 Demo TheaterWebflow

The document discusses how to end youth homelessness in San Francisco. It notes that over 1,100 young people ages 12-24 experience homelessness on any given night in San Francisco. Common causes of youth homelessness include abuse, family rejection, time spent in the foster or justice systems, and family poverty. The organization Larkin Street has helped over 75,000 young people move past homelessness since 1984 by providing housing, healthcare, education, employment support, and other services. Their goal is to reduce youth homelessness in San Francisco by 50% over the next three years.

What happens when anyone can make an app? - No Code Conf 2019 Demo TheaterWebflow

This document discusses the rise of no-code and low-code app development platforms that allow anyone to build applications without coding. It suggests that this will lead to more apps being created, especially for smaller problems and niche communities that may not justify large development investments. Specific examples are given like apps for local issues, small businesses, and more focused workflow solutions. The document argues this democratization of app creation will mean less backlogs and more productivity, as well as a growing demand for app designers. Overall, it presents an optimistic view that giving more people tools to solve problems will lead to positive outcomes.

No code stewardship - No Code Conf 2019 Demo TheaterWebflow

This document discusses principles for responsible no-code development to ensure projects remain usable for clients after handoff. It outlines six principles: 1) Use simplicity by declaring global styles and minimizing unique styles. 2) Make builds self-evident by avoiding complexity and shorthand. 3) Think modularly by creating reusable components and decoupling styles from interactions. 4) Use intuitiveness through pseudo-classes. 5) Prioritize design systems over outlier content. 6) Polish by simplifying and renaming after building complex components. The goal is empowering clients through maintainable no-code projects rather than just quick builds.

Working with APIs as a no-coder - No Code Conf 2019 Demo TheaterWebflow

This document outlines steps for building a simple app as a non-technical user that fetches upvote data via APIs, imports it into Google Sheets and the no-code platform Parabola. The steps include taking in a product URL, fetching upvotes as JSON and CSV, importing to Google Sheets, fetching profile data, bringing data into Parabola using API imports, filtering and formatting the data, creating a Glide app to display it, and optionally triggering a tweet with the results.

Typeform: Duct tape for entrepreneurs - No Code Conf 2019 Demo TheaterWebflow

The document discusses a talk given by Nicolas Greni�� at the NoCode Conf 2019 in San Francisco about using "duct tape" approaches for entrepreneurs and web development. It mentions how Greni��'s company Interface used Typeform, Intercom, and other tools in unconventional ways to grow their business from a solo founder in 2017 to a company with 30 employees, 800 customers, and $9 million in revenue in 2019. The final slide encourages attendees to think about reinventing how brands and communities interact.

Everything you ever wanted to know about Webflow Interactions - No Code Conf ...Webflow

The document provides an overview of interactions and animations in Webflow. It discusses common fears around using interactions, and how interactions can improve user experience by guiding users through workflows, attracting attention, and providing feedback. It provides best practices for interactions including having a purpose, considering accessibility and performance, and balancing timing. Examples are given of basic interactions that can be built, along with resources for further learning about interactions and animations.

Ship your product with zero code - No Code Conf 2019 WorkshopWebflow

This document provides an overview of building an online presence with no code using the Build Measure Improve methodology. It discusses setting up a brand with a name, logo and story, creating a website using tools like Webflow, measuring usage with Google Analytics and social media insights, and improving workflows by automating repetitive tasks with Zapier and IFTTT. The agenda includes prototyping an idea, gathering analytics, and automating tasks. A case study of PiMothers which interviews mothers in tech is also presented.

How to work faster by building your design systems with Webflow - No Code Con...Webflow

This document provides guidance on building a design system in Webflow to speed up the design workflow. It recommends creating a style guide that includes typographic elements, buttons, colors, grids, and repeatable components. The style guide elements should be built from basic HTML tags to more complex components. To practice, participants will recreate elements from the style guide in a new Webflow project to experience the benefits of a faster, more efficient design process.

Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...Webflow

This presentation discusses the benefits of evolving design workflows to be more dynamic using in-medium design in Webflow rather than static designs. Some key benefits include stopping the practice of designing in a vacuum and instead taking the user's perspective, reducing the need for multiple artboards, and creating functioning prototypes earlier to test with users. The presentation covers adopting a mindset of flexible, fluid designs using techniques like responsive breakpoints and CSS. It emphasizes building reusable and scalable designs through semantic HTML and CSS practices like inheritance, modifiers, and child/parent relationships.

The accidental web designer - No Code Conf 2019 WorkshopWebflow

The no-code tech stack: how to build a tech company with no-code tools and so...Webflow

This document discusses how anyone can build things on the internet without coding knowledge by solving problems. It talks about the story of Poppy, a company that aimed to solve daily frictions for working parents through text messaging. The document outlines lessons learned including focusing on problems rather than products and shipping iterations rather than waiting for pixel perfection. It concludes by saying today, we are all builders.

no code �� no development: development workflow for non-developers - No Code C...Webflow

Making automation feel more human - No Code Conf 2019Webflow

The longstanding influence of no-code platforms: from digital participation t...Webflow

This document discusses the history and evolution of low-code/no-code development from the 1970s to present day. It notes key milestones in 1979, 1983, 1985, 1995, 2006, 2012, 2017, and 2019. It describes no-code as a powerful form of abstraction, accelerator of velocity, and expansive marketplace. It also discusses the transition from standalone products to platforms that support end users and contributors, and outlines factors like efficiency, security, and integration that are important for scaling.

Building no-code tools and applications from spreadsheets - No Code Conf 2019Webflow

The document discusses building no-code tools and applications from spreadsheets. It notes that Al Chen has 5+ years experience as a financial analyst and indie hacking with Excel. The themes discussed are: 1) Challenging beliefs about building apps and tools. 2) The technology behind no-code platforms is not revolutionary as it abstracts capabilities long available in spreadsheets. 3) Community is more important than any single platform. Examples are provided of how spreadsheets and no-code platforms handle databases, user input, calculations and display.

Innovate like a boss with no code - No Code Conf 2019Webflow

Isabel Nyo discusses how to innovate without coding using no-code tools. She shares her career path from computer science degrees to becoming a development manager. Her talk outlines a three step process for innovation: prepare by identifying problems and customers, plan relevant content and understand the space, and perform by building solutions using no-code tools like WordPress, Mailchimp, Buffer, and Stripe to create apps, marketplaces, plugins, and websites without writing code. The goal is to solve problems without coding through strategic planning and leveraging available tools.

No code for marginalized communities - No Code Conf 2019Webflow

Cindy Melemo from Botswana presented on including marginalized communities in product development. Marginalized communities include women, people with disabilities, LGBTQIA individuals, those in poverty, and racial/cultural minorities. An ideal inclusive community allows all groups to participate without prejudice. To include marginalized communities, representatives should be involved in research, products should be tested with these groups, and their voices heard in upgrades. Partnerships between private/non-profit sectors can help bridge gaps. Inclusion and acceptance of feedback are important.