Kickstarter/project.html at master · Spokepoint/Kickstarter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<html>
<head>
  <link rel="stylesheet" href="css/datepicker.css">
  <link rel="stylesheet" type="text/css" href="css/all.css">
  <script  src="js/kickstarter_analysis.js"></script>
  <script src="js/jquery-1.11.1.js"></script>
  <script type="text/javascript" src="js/bootstrap.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
</head>
<body>
  <div class="header">
    <div class="container">
      <div class="row">
        <div class="col-md-3">
          <a href="http://www.spokepoint.com"><img class="logo" src="img/logo.png"></a>
        </div>
        <div class="col-sm-4 pull-right">
          <ul class="main-menu">
            <li id="t-nav-write"><a href="http://blog.spokepoint.com"><span>Blog</span></a></li>
            <li id="t-nav-search"><a href="http://www.spokepoint.com/pricing.html"><span>Pricing</span></a></li>
            <li id="t-nav-manage"><a href="http://app.spokepoint.com/login.html"><span>Log In</span></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <section class="main-section" style="padding-top:40px; padding-bottom:40px">
    <div class="row text-center">
      <div class="col-sm-12">
        <h1>What Makes a Successful Kickstarter?</h1>
        <h4 class="label label-block label--square label--primary-light"><small>this analysis is based on historical data of 87,000 scraped kickstarter projects between 2009-2013.<br>The original database can be found <a href="">here</a></h4></small><br>
        <a class="btn btn-primary" role="button" href="#chances">Find out your chances</a><br><br>
      </div>
    </div>
  </section>
  <section class="main-section">
    <div class="testimonials npb container">

      <h2>Knowing your Category</h2>
      <div class="col-sm-7">
        <p>Your product's category matters- some categories are more likely to succeed on kickstarter than others. Each category also has different</p>
        <p>Looking at similar crowdfunding campaigns in your Kickstarter Category can help you craft a better video, call to action, or structure more meaningful reward tiers.</p>
        <p>Film and Video, Games, Music, and Technology are the largest Categories</p>
        <p>To get to know your category check out these <a>graphs</a></p>
      </div>
      <div class="col-sm-5 text-center">

        <object id="pie-chart" type="image/svg+xml" data="Charts/Art.svg" width="100%"></object>
        <div class="row">
          <div class="col-sm-3 col-sm-push-3">Category</div>
          <form action="">
            <select id="chart_category" name="categories" onchange="ChangePieChart();">
              <option value="Category">All Categories</option>
              <option value="Art">Art</option>
              <option value="Comics">Comics</option>
              <option value="Dance">Dance</option>
              <option value="Design">Design</option>
              <option value="Fashion">Fashion</option>
              <option value="Film and Video">Film and Video</option>
              <option value="Food">Food</option>
              <option value="Games">Games</option>
              <option value="Journalism">Journalism</option>
              <option value="Music">Music</option>
              <option value="Photography">Photography</option>
              <option value="Publishing">Publishing</option>
              <option value="Technology">Technology</option>
              <option value="Theater">Theater</option>
            </select>
          </form>
        </div>
      </div>
    </div><br>
  </div>
</section>
<section class="main-section">
  <div class="testimonials npb container">
    <div class="row">
      <div class="col-sm-4 pull-right">
        <h3>Finding the Right Goal</h3>
        <p>Higher goals come with decreased chance of success, but some categories have different definitions of what a really high goal would be.  </p>
        <p>When choosing a goal, keep in mind all the fees beyond getting your dream off the ground. Kickstarter will take 5% of your earnings, Amazon will take 3% and you'll also need to account for backer rewards. Projects that raised double or more over their goal are the exception. So account for all your costs and choose a realistic goal rather than starting a campaign with a low funding goal thinking you’re gonna raise a LOT more than you asked for.</p>
      </div>
      <div class="col-sm-8"><br><object type="image/svg+xml" data="TotalGoals.svg" width="100%"></object></div>
    </div><br>
  </div>
</section>
<div class="row">
  <section class="main-section">
    <div class="testimonials npb container">
      <h3>Finding the Right Length</h3>
      <div class="col-sm-4">
        <p>Longer campaigns show less confidence and allow a longer period of time for the dreaded, dead zone of kickstarters.</p>
        <p>If you are confident that your project will be funded, a shorter duration</p>
      </div>
      <div class="col-sm-8"><object type="image/svg+xml" data="Duration.svg" width="100%"></object></div>
    </div><br>
  </div>
</section>
<section class="chances container">
  <div class="alert alert-info main-chance container" style="padding-left:5px; padding-right:5px">
    <div class="col-sm-10 col-sm-push-1 text-center" id="chances">
      <h3 class="">So, What Are my Chances?</h3>
      <h6>See how your potential campaign stacks up against past kickstarter projects.</h6>
      <hr>
      <h5 class="text-left"><small>Using <a>logistic regression</a> we analyzed the probability of a successful campaign based on duration and goal. You can see what your chances of success would be based on the historical models we found. The above information can help you find realistic goals to input</small></h5>
      <hr>
      <div class="col-sm-3">
        <form class="form-horizontal">
          <fieldset>
            <div class="row">
              <select class="form-control" id="category" name="categories">
                <option value="Category">All Categories</option>
                <option value="Art">Art</option>
                <option value="Comics">Comics</option>
                <option value="Crafts">Crafts</option>
                <option value="Dance">Dance</option>
                <option value="Design">Design</option>
                <option value="Fashion">Fashion</option>
                <option value="Film and Video">Film and Video</option>
                <option value="Food">Food</option>
                <option value="Games">Games</option>
                <option value="Journalism">Journalism</option>
                <option value="Music">Music</option>
                <option value="Photography">Photography</option>
                <option value="Publishing">Publishing</option>
                <option value="Technology">Technology</option>
                <option value="Theater">Theater</option>
              </select>
            </div>
          </fieldset>
        </form>
        <div class="row"><input class="form-control col-sm-12" id="days" class="rounded" placeholder="Duration">
        </div>
        <div class="row"><br><input class="form-control col-sm-12" id="amount" min="1" max="100000" placeholder="Goal">
        </div>
        <div class="row pull-right"><br>
          <button class="btn btn-info" onclick="show_results();">find out!</button>
        </div>
        <br>
      </div>
      <div class="col-sm-9 pull-right">
        <div class="text-center">
          <canvas id="canvas" width="500px" height="10" style="border: 3px solid #999999; border-radius:15px"></canvas>
          <div id="textDiv" class=""></div>
        </div><br>
        <div id="chance-panel" style="display:none;">
          <span class="well">
            <p>Your pitch is on the short side. (68 words)</p>
            <div class="close"></div>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
</section>
<div class="footer">
  <div class="container">
    <div class="footer__stripe"></div>
    <div class="row">
      <div class="col-sm-4 text-left">
        <p>Copyright © 2014 Spokepoint. All rights reserved</p>
      </div>
      <div class="col-sm-4 text-center">
        <a target="_blank" class="btn btn--unfilled btn-info" href="mailto:info@spokepoint.com"> <i class="fa fa-envelope"></i> Send email</a>
        <a target="_blank" class="btn btn--unfilled btn-info" href="https://twitter.com/spokepoint"> <i class="fa fa-twitter"></i> Follow on Twitter </a>
      </div>
      <div class="col-sm-4">
        <ul class="footer__menu">
          <li><a href="http://www.spokepoint.com">About</a></li>
          <li><a href="http://www.spokepoint.com/faq.html">FAQ</a></li>
          <li><a href="http://www.spokepoint.com/terms-conditions.html">Terms & Conditions</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

</body>
</html>