Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Jen Kramer
HTML, CSS, and No-Code Training for All
@jen4web
5 steps to effective
planning for your
no-code website
or app
“I need to build a website.
Should I use Webflow,
Squarespace, or Carrd?”
“I need to build an app. Should I
use Adalo, Gli...
Photo by Andrea Piacquadio from Pexels
What’s a new
person to do
with no clear
place to start?
Start with
requirements,
not with
technology
Photo by Anastasia Shuraeva from Pexels
ThisisKevin.
He works in
construction and
apartment
maintenance.
These are
some of
Kevin’s
screwdrivers.
The 11-in-1 is
the go-to
screwdriver
70% of the
time.
The
Leatherman is
good for
convenience.
It’s always on
his belt.
There are
specialized
screwdrivers
for specific
situations.
Which screwdriver
is best?
It depends.
• Is he carrying his toolbox or
not?
• How many screws are there?
• How big are the...
Software is like this.
• Start with requirements, not with technology.
• Some technologies offer advantages over others.
•...
bit.ly/
nocodeconf2021
Photo by Ketut Subiyanto from Pexels
Worksheet #1:
It’s a Shower Moment!
Record that bright idea in
20 minutes or less
• Think about the problem you’re
trying ...
Pencils down!
Time to analyze.
Worksheet #2:
Goals & Audience
What are you trying to solve?
For whom are you solving it?
• What exactly is the problem
yo...
Tara Reed’s formula
[app/website name] makes it easy for [target customer] to
[thing that product does] so that [benefit o...
Worksheet #3:
Create Your Brand
It’s more than logos and
colors
• Consider your values and
how you want them
reflected in ...
Example: Webflow’s core behaviors
• Earn customer trust
• Get it done, do it right
• Practice candor with care
• Dream big...
Sample Voice & Tone Guide
Your voice is… (personality trait or attribute)
Write like this… Not like this… Why?
(write an a...
Worksheet #4:
Draw some screens
Think about data flow and
interface design
• Use pencil and paper, unless you know
a drawi...
Worksheet #5:
Features & Functionality
Competitive review
• Review your drawings and create
requirements.
• What is your l...
Three types of requirements
• Dealbreakers
• Nice-to-have
• In a perfect world…
Worksheets done!
Now what?
Celebrate!
• You have a great start to a
great product.
• Share your plan with your
friends and study partners
to get feed...
Thank you!
Jen Kramer
Twitter:
@jen4web
Worksheets:
bit.ly/nocodeconf2021
5 Steps to Effective Planning for Your No-Code Website or App
Upcoming SlideShare
Loading in …5
×

of

5 Steps to Effective Planning for Your No-Code Website or App Slide 1 5 Steps to Effective Planning for Your No-Code Website or App Slide 2 5 Steps to Effective Planning for Your No-Code Website or App Slide 3 5 Steps to Effective Planning for Your No-Code Website or App Slide 4 5 Steps to Effective Planning for Your No-Code Website or App Slide 5 5 Steps to Effective Planning for Your No-Code Website or App Slide 6 5 Steps to Effective Planning for Your No-Code Website or App Slide 7 5 Steps to Effective Planning for Your No-Code Website or App Slide 8 5 Steps to Effective Planning for Your No-Code Website or App Slide 9 5 Steps to Effective Planning for Your No-Code Website or App Slide 10 5 Steps to Effective Planning for Your No-Code Website or App Slide 11 5 Steps to Effective Planning for Your No-Code Website or App Slide 12 5 Steps to Effective Planning for Your No-Code Website or App Slide 13 5 Steps to Effective Planning for Your No-Code Website or App Slide 14 5 Steps to Effective Planning for Your No-Code Website or App Slide 15 5 Steps to Effective Planning for Your No-Code Website or App Slide 16 5 Steps to Effective Planning for Your No-Code Website or App Slide 17 5 Steps to Effective Planning for Your No-Code Website or App Slide 18 5 Steps to Effective Planning for Your No-Code Website or App Slide 19 5 Steps to Effective Planning for Your No-Code Website or App Slide 20 5 Steps to Effective Planning for Your No-Code Website or App Slide 21 5 Steps to Effective Planning for Your No-Code Website or App Slide 22 5 Steps to Effective Planning for Your No-Code Website or App Slide 23 5 Steps to Effective Planning for Your No-Code Website or App Slide 24 5 Steps to Effective Planning for Your No-Code Website or App Slide 25 5 Steps to Effective Planning for Your No-Code Website or App Slide 26 5 Steps to Effective Planning for Your No-Code Website or App Slide 27 5 Steps to Effective Planning for Your No-Code Website or App Slide 28
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

0 Likes

Share

Download to read offline

5 Steps to Effective Planning for Your No-Code Website or App

Download to read offline

Worksheets for this talk: https://jen4web.notion.site/jen4web/Planning-Successful-No-Code-Websites-Apps-efd3651dfd124bdd9a4b04ca0c93ed7b

How often do you get distracted by the latest no-code tool? Do you start with technology first, solving problems later? Or do you start with a problem but give up quickly, because you just can't figure out the "perfect" solution with so many choices out there?

Based on my Harvard course and book, I’ll walk you through how to define goals, audience, features and functionality, data flow, and brand to create an executable outline of work for your next project, complete with a clear outline and worksheets. With this plan in place, you’ll gain more confidence than ever in launching your next project and you’ll feel empowered to build more effectively!

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

5 Steps to Effective Planning for Your No-Code Website or App

  1. 1. Jen Kramer HTML, CSS, and No-Code Training for All @jen4web 5 steps to effective planning for your no-code website or app
  2. 2. “I need to build a website. Should I use Webflow, Squarespace, or Carrd?” “I need to build an app. Should I use Adalo, Glide, or Bubble?”
  3. 3. Photo by Andrea Piacquadio from Pexels
  4. 4. What’s a new person to do with no clear place to start?
  5. 5. Start with requirements, not with technology Photo by Anastasia Shuraeva from Pexels
  6. 6. ThisisKevin. He works in construction and apartment maintenance.
  7. 7. These are some of Kevin’s screwdrivers.
  8. 8. The 11-in-1 is the go-to screwdriver 70% of the time.
  9. 9. The Leatherman is good for convenience. It’s always on his belt.
  10. 10. There are specialized screwdrivers for specific situations.
  11. 11. Which screwdriver is best? It depends. • Is he carrying his toolbox or not? • How many screws are there? • How big are they? • Where are the screws located? • Philips head or straight? • Security bit or not?
  12. 12. Software is like this. • Start with requirements, not with technology. • Some technologies offer advantages over others. • But you won’t know what you need until you list your requirements!
  13. 13. bit.ly/ nocodeconf2021
  14. 14. Photo by Ketut Subiyanto from Pexels
  15. 15. Worksheet #1: It’s a Shower Moment! Record that bright idea in 20 minutes or less • Think about the problem you’re trying to solve and describe it as best you can • What do YOU want to get out of this process? • How is your idea different and/or new? • Write down or draw any ideas for features or functionality. • Don’t analyze! Just scribble!
  16. 16. Pencils down! Time to analyze.
  17. 17. Worksheet #2: Goals & Audience What are you trying to solve? For whom are you solving it? • What exactly is the problem you’re trying to solve? • Why is a website/app the way to solve it? • Who will use this product?
  18. 18. Tara Reed’s formula [app/website name] makes it easy for [target customer] to [thing that product does] so that [benefit of the product].
  19. 19. Worksheet #3: Create Your Brand It’s more than logos and colors • Consider your values and how you want them reflected in this product • Choose a tone and voice for your communications • Customers often like companies that align with their own values, so think about your target audience as you do this
  20. 20. Example: Webflow’s core behaviors • Earn customer trust • Get it done, do it right • Practice candor with care • Dream big, ship often
  21. 21. Sample Voice & Tone Guide Your voice is… (personality trait or attribute) Write like this… Not like this… Why? (write an accurate example of how this attribute will be used to create your content) (write a counter-example of content that should not be used) (explain why this attribute is important to your brand and identity)
  22. 22. Worksheet #4: Draw some screens Think about data flow and interface design • Use pencil and paper, unless you know a drawing program well and can move quickly • Think about how the data moves through your system Where does the user start? What do they do next? What happens if they make a mistake? • Don’t worry about making it pretty • Don’t worry about the details of how this will be built • You’ll flip back and forth between worksheets #4 and #5 a few times.
  23. 23. Worksheet #5: Features & Functionality Competitive review • Review your drawings and create requirements. • What is your level of expertise with no-code? • What do your users need at a minimum? • Identify 2-3 software products that may help you address your problem. • Flip back and forth between worksheets #4 and #5.
  24. 24. Three types of requirements • Dealbreakers • Nice-to-have • In a perfect world…
  25. 25. Worksheets done! Now what?
  26. 26. Celebrate! • You have a great start to a great product. • Share your plan with your friends and study partners to get feedback • No plan ever survives implementation – expect changes! • You’re ready to start building a minimum product to test for viability. Photo by Ante from Pexels
  27. 27. Thank you! Jen Kramer Twitter: @jen4web Worksheets: bit.ly/nocodeconf2021

Worksheets for this talk: https://jen4web.notion.site/jen4web/Planning-Successful-No-Code-Websites-Apps-efd3651dfd124bdd9a4b04ca0c93ed7b How often do you get distracted by the latest no-code tool? Do you start with technology first, solving problems later? Or do you start with a problem but give up quickly, because you just can't figure out the "perfect" solution with so many choices out there? Based on my Harvard course and book, I’ll walk you through how to define goals, audience, features and functionality, data flow, and brand to create an executable outline of work for your next project, complete with a clear outline and worksheets. With this plan in place, you’ll gain more confidence than ever in launching your next project and you’ll feel empowered to build more effectively!

Views

Total views

632

On Slideshare

0

From embeds

0

Number of embeds

3

Actions

Downloads

61

Shares

0

Comments

0

Likes

0

×