The document provides an overview of building a quick minimum viable product (MVP) for a marketplace app without coding. It discusses planning out user workflows on paper first before building on a no-code platform. As an example, it walks through designing an apartment rental marketplace with pages to sell and buy listings, including submitting listings, viewing them on a map, and making purchases. The goal is to launch an initial version and get early user feedback to iterate on the product.

1. A QUICK & DIRTY GUIDE TO BUILDING A
MARKETPLACE
BY EMMANUEL STRASCHNOV
#TFWORKSHOP

2. TheFamily
code: lamifasisi
WIFIWIFI

3. DISAGREE ON TWITTER!
#TFWORKSHOP

4. #TFWORKSHOP
A QUICK & DIRTY GUIDE TO BUILDING A MARKETPLACE
EMMANUEL STRASCHNOV
CO-FOUNDER @ BUBBLE
@ESTRASCHNOV

5. Build a func+onal web app
step by step
…or how to build a market place without any code?
Emmanuel Straschnov
Bubble, Cofounder
The Family, Paris, March 7, 2015

6. • Who I am
• Why you should think early about your prototype
• What we’re going to build
• How to think about a MVP
• Building it!
• Next steps
• Ques+ons
Workshop Plan
Paris, March 7, 2016

7. Who I am
• From France, studied in Paris (Polytechnique, Ecole des Ponts)
• Moved to China to work in management consul+ng for 3 years
• Went to business school in the US (Harvard)
• Got into technology quite late: I realized that while studying business…
• Met my cofounder at the end of business school and founded Bubble in
2012, with the goal of making that people don’t code any more
• Based in New York
Paris, March 7, 2016

8. Why you should think early about your prototype
• The product/concept is the most important thing to test, that’s what a
prototype is for
• The earlier you get something in users’ hands, the be]er you’ll know what to
do
• People always say about a startup “It’s cool”, you need to test
• We’ve seen users completely change their ideas a`er a few weeks once they
had something to show to users. And that’s the whole point!
Paris, March 7, 2016

9. What we’re going to build
• Goal for today: build a simple, fully func+onal version of an apartment
market place (something like Airbnb, Zillow or Craigslist)
• Users will be able to
• Submit apartments with an address, a price and a picture
• See submi]ed apartments on a map and click on them
• Buy them with a credit card
• We’ll do this together visually, without any code
Paris, March 7, 2016

10. How to think about a MVP
• It starts on paper! Not on a computer…
• Starts from what the user sees and does
• Which screen does he see, in which sequence?
• Which elements will he need (input for emails, bu]ons, etc.)?
• What happens, step-by-step when the users clicks a bu]on, etc.?
• This can be complex as many circumstances may occur, but it’s
mostly about common sense
Paris, March 7, 2016

11. For our app, at the highest level
• We need 2 pages
• Sell page: sellers can submit apartments to sell
• Buy page: buyers can see apartments and buy them
• 2 bu]ons BUY and SELL
• Users can switch between the two pages
Paris, March 7, 2016

12. SELL page - Design
• A form that lets sellers
submit an apartment
• The form will let sellers type
a +tle, an address, upload a
picture and a price
• A SUBMIT bu]on to save
Paris, March 7, 2016

13. SELL page - Workflow
• When a seller clicks on
SUBMIT, a new
apartment gets created
with the informa+on of
the page
• Then, the seller get
redirected to the BUY
page
Paris, March 7, 2016

14. BUY page - Design
• We show all the
apartments on a map
• Details are shown when
the buyer clicks on a
marker on the map
• A BUY bu]on lets buyers
buy the apartment with
an email
Paris, March 7, 2016

15. BUY page - Workflow
• When the buyer clicks on a
marker, the apartment
displayed on the right changes
• When the buyer clicks on BUY
and has entered an email, we
prompt him to pay with a card
• When the place is bought, we
mark it as sold
Paris, March 7, 2016

16. Now we’ll build it on Bubble
• Programming on Bubble is very much what we just did
• Instead of typing code, you’re going to design your app and
build workflows
• We’re going to focus on func+onality and will keep design
simple (that can be improved a`er)
• Feel free to interrupt if things are not clear
Paris, March 7, 2016

17. Next steps
• So we have the basis for our MVP
• With a li]le bit of work on the design and a few addi+onal features,
we could launch it today!
• Features ideas:
• Login system to sell/buy apartments
• Calendar booking if we’re talking about rental
• More search op+ons to restrict the list
• Bidding system to get a fair price
• …
Paris, March 7, 2016

18. Thank you!
• Feel free to reach out (emmanuel@bubble.is)
• You can try it at h]ps://bubble.is (it’s free!)
• Ques+ons?
Paris, March 7, 2016

19. QUESTIONS?

20. SEO & ARTIFICIAL INTELLIGENCE: THE NEW RULES TO STAY
ON TOP!
MARCH 8TH - 12:30PM
REGISTRATION VIA MEETUP.COM
NEXT EVENT

21. SEE YOU SOON!
LOVE.
THEFAMILY.CO
___
___

22. QUESTIONS?