Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Grid: Final Pitch

The Grid: Final Pitch

Final pitch deck for The Grid, a website which educates small business owners about responsive design. The Grid was pitched to colleagues and industry professionals.

Jeffrey Betts

July 27, 2013
Tweet

Other Decks in Design

Transcript

  1. the grid

    View Slide

  2. the grid

    technology
    interactive
    design

    View Slide

  3. the grid

    why

    View Slide

  4. the grid

    ?
    ?

    View Slide

  5. the grid

    View Slide

  6. the grid

    View Slide

  7. the grid

    View Slide

  8. the grid

    average attention
    spans are decreasing
    8
    seconds
    in 2012
    12
    seconds
    in 2000
    9
    seconds
    for a
    gold fish

    View Slide

  9. the grid

    after adopting a responsive
    website, time inc. saw a
    23%
    increase in mobile usage from
    where it was previously

    View Slide

  10. the grid

    View Slide

  11. the grid

    target audience
    freelance
    web designer
    the design nerd
    joe, 25
    restaurant
    owner
    the technophobe
    leslie, 38
    wedding reception
    venue owner
    the skeptic
    lisa, 40
    ↓ ↓ ↓
    ↓ ↓ ↓

    View Slide

  12. the grid

    target audience
    freelance
    web designer
    joe, 25
    restaurant
    owner
    leslie, 38
    wedding reception
    venue owner
    lisa, 40
    ↓ ↓ ↓
    ↓ ↓ ↓
    the design nerd
    the technophobe the skeptic

    View Slide

  13. the grid

    View Slide

  14. the grid

    View Slide

  15. the grid

    View Slide

  16. the grid

    View Slide

  17. the grid

    target audience
    freelance
    web designer
    joe, 25
    restaurant
    owner
    leslie, 38
    wedding reception
    venue owner
    lisa, 40
    ↓ ↓ ↓
    ↓ ↓ ↓
    the design nerd
    the technophobe the skeptic

    View Slide

  18. the grid

    you know that mobile devices matter
    now show your clients
    learn more at the grid
    gridresponsively.com/designer
    Education + Demonstration. Client Focused.

    View Slide

  19. the grid

    View Slide

  20. the grid

    View Slide

  21. the grid

    target audience
    freelance
    web designer
    joe, 25
    restaurant
    owner
    leslie, 38
    wedding reception
    venue owner
    lisa, 40
    ↓ ↓ ↓
    ↓ ↓ ↓
    the design nerd
    the technophobe the skeptic

    View Slide

  22. the grid

    the web is everywhere.
    is your business?
    learn more at the grid
    gridresponsively.com/three
    Be where your customers are. They expect it.

    View Slide

  23. the grid

    the web is everywhere.
    is your business?
    learn more at the grid
    gridresponsively.com/three
    Be where your customers are. They expect it.
    The Library Café
    274 Main St.
    Farmingdale, NY 11735
    take the next step.
    you are invited to try the grid
    free for thirty days.
    visit gridresponsively.com/postcard
    to get started today.

    View Slide

  24. the grid

    View Slide

  25. the grid

    View Slide

  26. the grid

    A List Apart
    Smashing Mag.
    The Next Web
    Six
    Revisions
    This is Responsive
    Media
    Queries
    Resp Design,
    Resp Illust.
    John Polacek
    Responsivedesign.ca
    Wee Nudge
    sweet spot
    ↑ designer focused
    ↓ client focused
    ← technical demonstration →

    View Slide

  27. the grid

    cost comparison scale
    $0 $10
    the grid: free edition
    competitors
    with advertising
    the grid:
    pro subscription

    View Slide

  28. the grid

    free vs. pro
    free pro
    Basic Content and Demos ◊ ◊
    Commenting and Sharing ◊ ◊
    Basic Gridsite Website ◊
    Demo Library ◊
    Live Bookmarks / Pop-Out ◊
    Advertising ◊

    View Slide

  29. the grid

    why

    View Slide

  30. the grid

    responsive design does
    not only look better
    it is also
    profitable

    View Slide

  31. the grid

    consistent
    +
    engaging

    View Slide

  32. the grid

    the web is
    everywhere


    View Slide

  33. the grid

    Aaux Pro
    ABCDEFGHIJKLMN
    OPQRSTUVWXYZ
    abcdefghijklmn
    opqrstuvwxyz
    1234567890
    Kulturista
    ABCDEFGHIJKLMN
    OPQRSTUVWXYZ
    abcdefghijklmn
    opqrstuvwxyz
    1234567890
    › logo › color palette › typography › photography
    aaux pro sc
    abcdefghijklmn
    opqrstuvwxyz
    1234567890
    brand toolkit

    View Slide

  34. the grid

    content needs
    to be focused

    benefits + impacts

    View Slide

  35. the grid

    real world. real value.

    View Slide

  36. the grid

    17% of page views
    last less than
    four seconds.
    example content

    View Slide

  37. the grid

    it doesn’t just
    look great. it is
    also great for
    your business.
    example content

    View Slide

  38. the grid

    example content
    the web is
    everywhere.
    is your business?

    View Slide

  39. the grid

    the grid: homepage
    gridresponsively.com

    View Slide

  40. the grid

    the grid: sections
    gridresponsively.com/tour

    View Slide

  41. the grid

    the grid: responsive design
    gridresponsively.com/tour/responsive-design

    View Slide

  42. the grid

    the grid: resources
    gridresponsively.com/resources

    View Slide

  43. the grid

    the grid: gridsite
    gridresponsively.com/gridsite

    View Slide

  44. the grid

    ancillaries: advertising

    View Slide

  45. the grid

    ancillaries: social media
    facebook.com/gridresponsively @thegridis

    View Slide

  46. the grid

    additional ancillaries
    the web is everywhere.
    is your business?
    learn more at the grid
    gridresponsively.com/three
    Be where your customers are. They expect it.
    The Library Café
    274 Main St.
    Farmingdale, NY 11735
    take the next step.
    you are invited to try the grid
    free for thirty days.
    visit gridresponsively.com/postcard
    to get started today.
    ii


    the grid
    client
    handbook
    responsive design

    ix the grid client handbook: responsive design

    x

    now what?
    This book will discuss responsive design, a recent website design
    technique that aims to create one website which works across desktops,
    laptops, tablets, smartphones, and theoretically any other future device
    type. Responsive design is the future of the web, because it creates sites
    that are future-focused and modern.
    As a small business owner, you may be concerned about the cost or time
    to build a responsive website. What is it? Will it cost my business more
    money? Is it really necessary? Wouldn’t it be easier to build a separate
    mobile site? Will it take more time to build a responsive site?
    Why does it matter?
    That is what this book will discuss. It is a complement of The Grid
    website and its demos and examples. It is designed for quick reading
    and reference. To gain an understanding of responsive design. To see
    relevant statistics. To see responsive design used today. To see impacts
    and benefits. When you’re finished, recommend it to other small
    business owners, so they can to see the benefits of a website that works
    everywhere. The web is everywhere. Are you ready?

    the web is more than
    just the desktop
    44 the grid client handbook: responsive design

    responsive design examples 45

    build one site
    everywhere.
    You know what responsive design is.
    You know the benefits.
    You know why it is important for your business.
    You’ve seen the examples.
    So what are you waiting for? Start today.
    gridresponsively.com/handbook
    try gridsite. one site. all devices.
    build one site
    fast. easy. effortless.
    sign up today

    View Slide

  47. the grid

    additional ancillaries

    the grid
    in your
    community
    nyc event guide
    may–july 2013

    find more events
    and register online at
    events.gridresponsively.com
    the web is everywhere.
    is your business?
    learn more at the grid
    gridresponsively.com
    may 2013

    june 2013 july 2013
    ↘ ↘
    future trends in web design
    tuesday, may 7, 7–9pm
    oslo coffee roasters, 422 e 75th st.
    From smart televisions to 5.5-inch smartphones, what
    is the future of the web? What can you, as a business
    owner expect? Join The Grid as we speak about the
    future and its business impacts.
    Free. Register at events.gridresponsively.com →
    geolocation + your website
    wednesday, june 12, 8–9:30pm
    third rail coffee, 240 sullivan st.
    Want to better reach your customers? Did you know
    your website and advertising can take advantage
    of the GPS in your customer’s smartphones? In this
    session, learn more about this and how to get started.
    Free. Register at events.gridresponsively.com →
    e-commerce on mobile devices:
    what to know
    thursday, july 11, 7–9pm
    ost café, 441 e 12th st.
    Is you website’s shopping cart mobile-friendly?
    Do you know where to begin? How shopping online
    is different on mobile than on desktops? What your
    customers expect? At this session, learn more about
    e-commerce on mobile and how to increase sales.
    Free. Register at events.gridresponsively.com →
    monthly open forum
    thursday, may 23, 7–9pm
    blue bottle coffee, 160 berry st.
    Have a question about the web? Curious about a new
    technology? Want to know if there is anything else
    you should be doing for your business? Need advice?
    Now is your turn to ask at our monthly open question
    and answer session.
    Free. Register at events.gridresponsively.com →
    monthly open forum
    monday, june 24, 7–9pm
    birch coffee, 5 e 27th st.
    Have a question about the web? Curious about a new
    technology? Want to know if there is anything else
    you should be doing for your business? Need advice?
    Now is your turn to ask at our monthly open question
    and answer session.
    Free. Register at events.gridresponsively.com →
    monthly open forum
    tuesday, july 29, 7–9pm
    ground support, 399 w broadway.
    Have a question about the web? Curious about a new
    technology? Want to know if there is anything else
    you should be doing for your business? Need advice?
    Now is your turn to ask at our monthly open question
    and answer session.
    Free. Register at events.gridresponsively.com →

    View Slide

  48. the grid

    supporting collateral

    View Slide

  49. the grid

    exhibition space

    View Slide

  50. the grid

    exhibition poster and postcard
    MAKE
    YOUR
    MARK
    GROUP 1
    Exhibition Dates
    Mon 4/29 – Fri 5/3
    Opening Reception
    Wed 5/1 6PM – 8PM
    senior exhibition 2013
    The Department of Visual Communications:
    Art & Graphic Design presents
    Admission is free and the gallery is accessible
    to persons with mobility impairments.
    For additional information, please call
    631-420-6118 or 631-420-2181.
    An exhibition of products, campaigns and services
    developed by students graduating from the School
    of Business Baccalaureate program in Visual
    Communications: Art & Graphic Design.
    Jeffrey Betts
    Rudy Calderon
    Frank Corrao
    Patrick Flanagan
    Ellen Gilles
    Anne Marie Horan
    Adam Joseph
    Anthony Kondyra
    Alyson Prete
    Robert Wulff
    MAKE
    YOUR
    MARK
    senior exhibition 2013
    “make your mark” title
    contributed by rudy calderon.
    poster designed by jeffrey betts.
    the web
    is everywhere
    the grid
    jeffrey betts
    make your mark
    senior exhibition 2013
    exhibition dates
    Mon 4/29 – Fri 5/3
    opening reception
    Wed 5/1 6PM – 8PM
    find out how to make it work for you

    View Slide

  51. the grid

    designer-to-client email campaign

    View Slide

  52. the grid

    event guide: online & print

    the grid
    in your
    community
    nyc event guide
    may–july 2013

    find more events
    and register online at
    events.gridresponsively.com
    the web is everywhere.
    is your business?
    learn more at the grid
    gridresponsively.com
    may 2013

    june 2013 july 2013
    ↘ ↘
    future trends in web design
    tuesday, may 7, 7–9pm
    oslo coffee roasters, 422 e 75th st.
    From smart televisions to 5.5-inch smartphones, what
    is the future of the web? What can you, as a business
    owner expect? Join The Grid as we speak about the
    future and its business impacts.
    Free. Register at events.gridresponsively.com →
    geolocation + your website
    wednesday, june 12, 8–9:30pm
    third rail coffee, 240 sullivan st.
    Want to better reach your customers? Did you know
    your website and advertising can take advantage
    of the GPS in your customer’s smartphones? In this
    session, learn more about this and how to get started.
    Free. Register at events.gridresponsively.com →
    e-commerce on mobile devices:
    what to know
    thursday, july 11, 7–9pm
    ost café, 441 e 12th st.
    Is you website’s shopping cart mobile-friendly?
    Do you know where to begin? How shopping online
    is different on mobile than on desktops? What your
    customers expect? At this session, learn more about
    e-commerce on mobile and how to increase sales.
    Free. Register at events.gridresponsively.com →
    monthly open forum
    thursday, may 23, 7–9pm
    blue bottle coffee, 160 berry st.
    Have a question about the web? Curious about a new
    technology? Want to know if there is anything else
    you should be doing for your business? Need advice?
    Now is your turn to ask at our monthly open question
    and answer session.
    Free. Register at events.gridresponsively.com →
    monthly open forum
    monday, june 24, 7–9pm
    birch coffee, 5 e 27th st.
    Have a question about the web? Curious about a new
    technology? Want to know if there is anything else
    you should be doing for your business? Need advice?
    Now is your turn to ask at our monthly open question
    and answer session.
    Free. Register at events.gridresponsively.com →
    monthly open forum
    tuesday, july 29, 7–9pm
    ground support, 399 w broadway.
    Have a question about the web? Curious about a new
    technology? Want to know if there is anything else
    you should be doing for your business? Need advice?
    Now is your turn to ask at our monthly open question
    and answer session.
    Free. Register at events.gridresponsively.com →

    View Slide

  53. the grid

    marketing strategy

    View Slide

  54. the grid

    marketing strategy
    facebook.com/gridresponsively @thegridis
    “According to The Associated Press, verage attention
    span in 2012 was 8 seconds. The average attention
    span of a gold fish is 9 seconds.”
    “Be where your customers are. The expect your site
    to work everywhere.”

    View Slide

  55. the grid

    marketing strategy
    the web is everywhere.
    is your business?
    learn more at the grid
    gridresponsively.com/three
    Be where your customers are. They expect it.
    The Library Café
    274 Main St.
    Farmingdale, NY 11735
    take the next step.
    you are invited to try the grid
    free for thirty days.
    visit gridresponsively.com/postcard
    to get started today.

    View Slide

  56. the grid

    freemium model
    free account
    $10/month pro account


    View Slide

  57. the grid

    free vs. pro
    free pro
    Basic Content and Demos ◊ ◊
    Commenting and Sharing ◊ ◊
    Basic Gridsite Website ◊
    Demo Library ◊
    Live Bookmarks / Pop-Out ◊
    Advertising ◊

    View Slide

  58. the grid

    costs
    post-graduation
    Web Hosting (3 years) $413
    Domain names $20
    Web designer salary $97,000
    Web developer salary $91,000
    Advertising on Inc. (Online) $290
    Advertising in Inc. Magazine (Print) $161,400
    Total $162,123
    this semester
    Web Hosting $0
    Domain names $20
    Exhibition books $350
    Exhibition postcards $69
    Notebook giveaways $181
    Styluses $213
    Business Cards $14
    Stickers $81
    Total $928

    View Slide

  59. the grid

    aiga
    ixda
    design ignites change
    kickstarter

    View Slide

  60. the grid

    feb 13
    may 13
    jan 14 jan 15
    launch
    timeline

    → Basic concept developed

    → Prototypes presented

    → Launch as beta in May

    → Final site will launch

    → Establish partnerships
    with local Chambers
    of Commerce

    → Community features

    → Google Hangouts

    → Partner with merchants

    View Slide

  61. the grid

    feb 13
    may 13
    jan 14 jan 15
    launch
    timeline

    → Basic concept developed

    → Prototypes presented

    → Launch as beta in May

    → Final site will launch

    → Establish partnerships
    with local Chambers
    of Commerce

    → Community features

    → Google Hangouts

    → Partner with merchants

    View Slide

  62. the grid

    feb 13
    may 13
    jan 14 jan 15
    launch
    timeline

    → Basic concept developed

    → Prototypes presented

    → Launch as beta in May

    → Final site will launch

    → Establish partnerships
    with local Chambers
    of Commerce

    → Community features

    → Google Hangouts

    → Partner with merchants

    View Slide

  63. the grid

    feb 13
    may 13
    jan 14 jan 15
    launch
    timeline

    → Basic concept developed

    → Prototypes presented

    → Launch as beta in May

    → Final site will launch

    → Establish partnerships
    with local Chambers
    of Commerce

    → Community features

    → Google Hangouts

    → Partner with merchants

    View Slide

  64. the grid

    education
    demonstration

    View Slide

  65. the grid

    register for updates at
    gridresponsively.com

    View Slide

  66. the grid

    thank you
    jeffrey betts
    jeffreybetts.me
    [email protected]
    @jeffreybetts

    gridresponsively.com
    [email protected]
    @thegridis

    View Slide