From Idea to 4M Page Views in 4 Weeks
Tags: sideprojects, bots, robots, launch
Published: 2017-06-06 14:05:32

---
title: From Idea to 4M Page Views in 4 Weeks
published: true
description: Last Tuesday saw the official launch of Will Robots Take My Job? and 5 days later we have passed 500K visitors and 4M page views.
tags: sideprojects,bots,robots,launch
---

<small>_Originally published on [Hacker Noon](https://hackernoon.com/from-idea-to-4m-page-views-in-4-weeks-622aa194787d)._</small>


Last Tuesday saw the official launch of <a href="https://willrobotstakemyjob.com/" data-href="https://willrobotstakemyjob.com/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Will Robots Take My Job?</a> and 5 days later we have passed 500K visitors and 4M page views.

<img src="https://cdn-images-1.medium.com/max/1000/1*_CCtffb7okTlKFUMHnBuew.jpeg" />

To say this surpassed any expectations we had would be a major understatement. This is a recap of how the project got started and the first 5 days after launch.


### The Back Story

Just over a month ago <a href="https://medium.com/@DannPetty" data-href="https://medium.com/@DannPetty" data-anchor-type="2" data-user-id="11f703142c25" data-action-value="11f703142c25" data-action="show-user-card" data-action-type="hover" class="markup--user markup--p-user" target="_blank">Dann Petty</a> launched <a href="http://freelance.tv/" data-href="http://freelance.tv/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Freelance TV</a>. I’ve freelanced on and off for over 10 years, so I was happy to back the documentary, and joined the Slack community.

<a href="https://medium.com/@dimitarraykov" data-href="https://medium.com/@dimitarraykov" data-anchor-type="2" data-user-id="81415c5f8fa8" data-action-value="81415c5f8fa8" data-action="show-user-card" data-action-type="hover" class="markup--user markup--p-user" target="_blank">Dimitar Raykov</a> has also joined and messaged me, and we started talking about the possibility of working together on a project. We decided to start with something small and quick to see how we might like working together.</p><p name="bb26" id="bb26" class="graf graf--p graf-after--p">Dimitar mentioned his idea of building a website around a <a href="http://www.oxfordmartin.ox.ac.uk/publications/view/1314" data-href="http://www.oxfordmartin.ox.ac.uk/publications/view/1314" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">report published</a> in 2013 about the probability that jobs would be automated thru Machine Learning and Mobile Robotics.</p><p name="c477" id="c477" class="graf graf--p graf-after--p">I’ve been interested in the AI/ML space for a while, even co-founding <a href="https://botlist.co/" data-href="https://botlist.co/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">BotList</a>.</p>

<p name="41d7" id="41d7" class="graf graf--p graf-after--mixtapeEmbed">We’ve already seen many chatbots assist people in their jobs, even replacing them in some instances, the <a href="https://botlist.co/bots/filter?category=9" data-href="https://botlist.co/bots/filter?category=9" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">HR</a> and <a href="https://botlist.co/bots/filter?category=19&amp;platform=" data-href="https://botlist.co/bots/filter?category=19&amp;platform=" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Travel</a> categories are good examples of this.</p><p name="6d0a" id="6d0a" class="graf graf--p graf-after--p">We decided to move forward with the project.</p><p name="2f83" id="2f83" class="graf graf--p graf-after--p graf--trailing">Just showing the percentage automation risk, would not make for a very interesting user experience, so we looked for additional data that would help. We found additional information about the jobs in the report via the <a href="https://www.bls.gov/" data-href="https://www.bls.gov/" class="markup--anchor markup--p-anchor" rel="noopener nofollow" target="_blank">U.S. Bureau of Labor Statistics</a> website. We were able to download salary data and estimates for number of people employed.</p>


***

### The Build

<p name="0f90" id="0f90" class="graf graf--p graf-after--h3">Dimitar would handle the design &amp; front end and I would handle the backend and hosting duties.</p><p name="1ca2" id="1ca2" class="graf graf--p graf-after--p">We wanted to make it easy for people to find jobs, since the report only covered 702 jobs, finding similar jobs would be an important feature. We decided to go with <a href="https://www.algolia.com/" data-href="https://www.algolia.com/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Algolia</a> to achieve this. Their search matching is great (even with misspelled words) and the synonym feature would make it easy to find related jobs. We signed up for the trial and thought the free tier would mean we’d get able to run the site with no costâ€Š–â€Šmore on that later!</p><p name="af8e" id="af8e" class="graf graf--p graf-after--p">We started working and I built a quick prototype on <a href="https://laravel.com/" data-href="https://laravel.com/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">LaravelPHP</a> using Bootstrap, while Dimitar worked on the design.</p><p name="2a81" id="2a81" class="graf graf--p graf-after--p">Once the design was complete, Dimitar built the pages out in static html pages, and passed them over to me to integrate.</p><p name="06cc" id="06cc" class="graf graf--p graf-after--p">Some fun features we added as we worked:</p><ul class="postList"><li name="092a" id="092a" class="graf graf--li graf-after--p">Algolia Instantsearch to power the job search autocomplete, why reinvent the wheel.</li><li name="4430" id="4430" class="graf graf--li graf-after--li">Easy job page link copying and sharing to Twitter and Facebook.</li><li name="f29c" id="f29c" class="graf graf--li graf-after--li">Custom open graph share images for each job.</li><li name="def2" id="def2" class="graf graf--li graf-after--li">Random color palette for each visit. Go ahead and try it! Each visit you’ll be assigned one of ten palettes.</li></ul><p name="1bb1" id="1bb1" class="graf graf--p graf-after--li">All in the build took about 3 weeks, of us working on evenings and weekends.</p><p name="37e1" id="37e1" class="graf graf--p graf-after--p graf--trailing">I setup the website on a <a href="https://m.do.co/c/41a846443c3c" data-href="https://m.do.co/c/41a846443c3c" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Digital Ocean</a> droplet I had for other projects, and the site was live, just nobody knew it. We share the site with a few friends and got some early feedback.</p>

***

### The Launch

<p name="0212" id="0212" class="graf graf--p graf-after--h3">Given my affinity for <a href="https://medium.com/@producthunt" data-href="https://medium.com/@producthunt" data-anchor-type="2" data-user-id="b8b4445269d0" data-action-value="b8b4445269d0" data-action="show-user-card" data-action-type="hover" class="markup--user markup--p-user" target="_blank">Product Hunt</a> that seemed to be the obvious place to launch our project. I reached out to <a href="https://medium.com/@bentossell" data-href="https://medium.com/@bentossell" data-anchor-type="2" data-user-id="1e799dd24f88" data-action-value="1e799dd24f88" data-action="show-user-card" data-action-type="hover" class="markup--user markup--p-user" target="_blank">Ben Tossell</a> and discussed the project with him. He agreed to hunt it for us. Dimitar created the thumbnail image we wanted to use for the product on the site, and prepared some images to show some of the features, and we passed those on to Ben.</p><p name="489b" id="489b" class="graf graf--p graf-after--p">The site appeared on <a href="https://www.producthunt.com/posts/will-robots-take-my-job" data-href="https://www.producthunt.com/posts/will-robots-take-my-job" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Product Hunt</a> about 3:15am (et) on Tuesday (May 30th). I like to be around when something is first hunted, to add a comment and respond to any immediate questions. Since I was up, I decided to also post the site to <a href="https://news.ycombinator.com/item?id=14443606" data-href="https://news.ycombinator.com/item?id=14443606" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Hacker News</a>, and Dimitar posted it to <a href="https://www.designernews.co/stories/84124-will-robots-take-my-job" data-href="https://www.designernews.co/stories/84124-will-robots-take-my-job" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Designer News</a>.</p><p name="f6c6" id="f6c6" class="graf graf--p graf-after--p">We immediately got traction on all three sites. We quickly moved to the 2nd spot on Product Hunt, and my post moved to the front page of <a href="https://www.designernews.co/" data-href="https://www.designernews.co/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Designer News</a> and <a href="https://news.ycombinator.com" data-href="https://news.ycombinator.com" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Hacker News</a>. As I was going to head to sleep, I noticed the visitors start to tick up. Google Analytics showed we have 48 people on the site, that jumped to 88, and then to 327. No going to bed now.</p><p name="d458" id="d458" class="graf graf--p graf-after--p">It wasn’t until about 5am when I finally got to bed, the visitors peaked out at around 440 users.</p><p name="37f8" id="37f8" class="graf graf--p graf-after--p">After my short nap, had to get up and get the kids ready for school, I saw that we’d been written about in The Next Web. That had pushed our visitors higher, we had over 500 visitors on the website.</p>

<img src="https://cdn-images-1.medium.com/max/800/1*9vN5Ujpd7ntIIv-P4DFxOg.png" />

<p name="93f1" id="93f1" class="graf graf--p graf-after--mixtapeEmbed">We quickly passed the Agolia free tier limit and upgraded to their Starter package. 1M operations a month, we should be good with that.</p><p name="f5f9" id="f5f9" class="graf graf--p graf-after--p">Dimitar started to reach out to journalist to help spread the word about the website. Having the initial success, helped frame the outreach, which would lead to further success.</p><p name="843b" id="843b" class="graf graf--p graf-after--p">Visitors continued to rise through the day, the article from TNW was syndicated to a number of sites, including MSN and AOL. We jumped to 822 visitors and then peaked out during the day at over 1400.</p>

#### Day 2

<p name="1dea" id="1dea" class="graf graf--p graf-after--h4">We continued to get have articles written on all sorts of website, most interestingly not just in the tech space. General news sites in Arizona, Texas and Washington state wrote about us, and a post on <a href="http://www.barstoolsports.com/" data-href="http://www.barstoolsports.com/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">BarStoolSports</a> lead to a massive jump in visitors.</p>

<p name="83d2" id="83d2" class="graf graf--p graf-after--mixtapeEmbed">We peaked out with about 2000 visitors on the site!</p><p name="e522" id="e522" class="graf graf--p graf-after--p">We were rapidly approaching the Starter tier limit on Aloglia. I couldn’t justify the $300 to upgrade to the next tier, and started investigating alternatives. I tweeted about the situation, and Algolia responded and offered to help us out by raising our usage limit. That saved us a bunch of time and worry, the support from Algolia is much appreciated!</p><p name="f7e9" id="f7e9" class="graf graf--p graf-after--p">The full search alternatives to Algolia wouldn’t have been much cheaper and a lot more work. Running our own server with Lucene or Elasticsearch would have been one option, but the cost of hosting and the time sunken to get that operational wouldn’t have been a good use of my time.</p><p name="37b1" id="37b1" class="graf graf--p graf-after--p">Our best alternative would have been to switch to <a href="https://github.com/teamtnt/laravel-scout-tntsearch-driver" data-href="https://github.com/teamtnt/laravel-scout-tntsearch-driver" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">TNTSearch for Laravel Scout</a>, no additional server would be required and writing a JSON API around the search would have been relatively straight forward in Laravel. Thankfully none of this ended up being required.</p>

#### Day 3

<p name="3930" id="3930" class="graf graf--p graf-after--h4">We had a very steady stream of visitors all day, ended by topping the <a href="https://www.reddit.com/r/InternetIsBeautiful/" data-href="https://www.reddit.com/r/InternetIsBeautiful/" class="markup--anchor markup--p-anchor" rel="noopener nofollow" target="_blank">InternetIsBeautiful</a> sub-reddit.</p>

<p name="4179" id="4179" class="graf graf--p graf-after--figure">Although we finished the day with over 5000 votes, we unfortunately didn’t make the Reddit popular page, perhaps next time!</p>

#### Day 4

<p name="e8a6" id="e8a6" class="graf graf--p graf-after--h4">I decided it was best to upgrade the server, we were getting pretty steady visitors and although the server was handling the load pretty well, I wanted to have some spare capacity, and ensure the pages loaded very quickly for our visitors.</p><p name="a011" id="a011" class="graf graf--p graf-after--p"><a href="http://forge.laravel.com/" data-href="http://forge.laravel.com/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Laravel Forge</a> makes it ridiculously easy to setup servers, my only concern was adding SSL to the new server. I used <a href="https://letsencrypt.org/" data-href="https://letsencrypt.org/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">LetsEncrypt</a> on the original server, but you can’t do this until you’ve pointed your DNS to the server. Luckily I remembered that I had some unused SSL certificates in my <a href="https://affiliate.namecheap.com/?affId=117123" data-href="https://affiliate.namecheap.com/?affId=117123" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Namecheap</a> account. I ordered a SSL cert, and in a few minutes the new server was up and running.</p><p name="8ab1" id="8ab1" class="graf graf--p graf-after--p">I crossed my fingers as I updated the DNS to the new server. Luckily we managed to get things migrated with zero downtime.</p><p name="8622" id="8622" class="graf graf--p graf-after--p">The extra capacity came in handy. Although we didn’t get another big surge in visitors, the average was higher thru the day. We did end the day with a peak of 1600 visitors which appeared to be coming from Google search. We’re still unsure what caused that surge in visitors.</p>

#### Day 5

<p name="d82e" id="d82e" class="graf graf--p graf-after--h4 graf--trailing">Finally some time to breath. The weekend lead to lower visitors levels, but with about 300–400 visitors on the site through the day, we’re still pretty happy!</p>

### The Results

<p name="3e70" id="3e70" class="graf graf--p graf-after--h3">Although we topped the Product Hunt homepage for a while on launch day, we ultimately ended up in the 2nd spot. Falling behind Andy Rubin’s Essential phone.</p>

<img src="https://cdn-images-1.medium.com/max/1000/1*4GkAM10tQihPJeZRa1fTuQ.png" />

<p name="2864" id="2864" class="graf graf--p graf-after--figure">We have close to 950 votes, I’m hoping to reach the 1000 vote club for the 4th time before soon :)</p><p name="0f26" id="0f26" class="graf graf--p graf-after--p">We stayed on the Hacker News homepage for a few hours, we topped a popular sub-reddit for 3 days, and appeared in many popular sites, including: TheNextWeb, LifeHacker, Mashable, MSN, FoxNews, AOL, BarStoolSports, BusinessInsider, Geek.com, Vice, Gizmodo, BoingBoing, and Fortune.</p>

<img src="https://cdn-images-1.medium.com/max/800/1*kl2CDgcuM-KkQuCjX2iSCQ.png" />

<p name="d033" id="d033" class="graf graf--p graf-after--figure">By the end of Saturday, just 5 days, over 500K people have visited the website and generated over 4.2M page views, an average of over 6 pageviews per session. We expect the visitors to slow down, even a significant drop will leave us with a lot more traffic than we expected.</p>

<img src="https://cdn-images-1.medium.com/max/800/1*eZwXtF8KJ6B6Gw6klx2iIQ.jpeg" />

***

### The Lessons

<p name="7a61" id="7a61" class="graf graf--p graf-after--h3">Just because you build something small and quick, doesn’t mean it won’t have a big impact. Will Robots Take My Job? is easily the most successful personal product launch I’ve been involved with.</p><p name="f47d" id="f47d" class="graf graf--p graf-after--p">Yes I’ve been involved more high profile, high traffic launches, but those involved big marketing teams and big budgets. We are a developer from Upstate New York, a designer from Bulgaria, with no budget.</p>

#### Make it fun

<p name="4369" id="4369" class="graf graf--p graf-after--h4">Dimitar and I had fun building the website, and working together for the first time, but that’s not the only thing what I’m referring too. We made the website fun for our visitors. Instead of being dry and just displaying numbers, we injected some fun into the website. Any job highly likely to be automated was presented with a “Your are doomed message”.</p>

<img src="https://cdn-images-1.medium.com/max/800/1*s4ynWRJcYosV6I5b2GID7A.png" />

#### Make it Shareable

<p name="d743" id="d743" class="graf graf--p graf-after--h4">Although it wasn’t easy we made it so that every job had a custom share image, so when people shared their job on social media it presented their specific automation likelihood rather than a generic image. Facebook and Twitter accounted for over 100K visitors, which we think is large part due to our custom share images.</p>

#### Be Available

<p name="72bb" id="72bb" class="graf graf--p graf-after--h4">Via email, via social media, via comments. We tried to respond to anyone and everyone who had a question or comment. We believe this lead to more articles, more shares and more votes. It takes time, but if you don’t dedicate your time to your project why should any one else.</p>

#### Be Grateful

<p name="49d7" id="49d7" class="graf graf--p graf-after--h4">Both Dimitar and I are very grateful to everyone who wrote about, shared or just visited the site. None of this would have been possible without you.</p><p name="0948" id="0948" class="graf graf--p graf-after--p graf--trailing">We’re especially grateful to Algolia for the support, we may need to discuss raising operations limit again ðŸ˜.</p></div></div></section><section name="3bea" class="section section--body section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><p name="895a" id="895a" class="graf graf--p graf--leading graf--trailing">If you haven’t had a chance to visit <a href="https://willrobotstakemyjob.com/" data-href="https://willrobotstakemyjob.com/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Will Robots Take My Job?</a> yet, go ahead and try it out now. Come back and leave a comment with what you think.</p>

<small>_Originally published on [Hacker Noon](https://hackernoon.com/from-idea-to-4m-page-views-in-4-weeks-622aa194787d)._</small>