<p>Published on <a href="https://blog.prototypr.io/what-i-learned-from-launching-a-design-system-on-product-hunt-f05c31db3bde?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Glen Baku </p>
<h3>What was the product?</h3>
<p>I’ve been working as a product designer for the past three years. I’ve recently made the move to Sketch App and I’m really loving it. Symbols are really a game-changing feature and I fell in love with it directly.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*dk3UAw_IP3pS64ZvH4oZZQ.png"></p>
<p>After getting the hang of it and learning on how to create symbol-based design system, I decided to create a design system that would work for a huge amount of subjects, such as blogs, landing pages, web apps, e-commerce shops and more.</p>
<p>This design system is flexible, customizable and resizable. You can quickly override values in the Inspector thanks to the Symbols feature. Also by making use of the recent Resizing feature, almost every components and widgets is responsive and adapts to different sizes of containers.</p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F233112631&amp;url=https%3A%2F%2Fvimeo.com%2F233112631&#038;image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F654365305_1280.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=vimeo" width="1920" height="1080" frameborder="0"><a href="https://medium.com/media/0b8b019b37e7e171d05427dff9ad5da1/href">https://medium.com/media/0b8b019b37e7e171d05427dff9ad5da1/href</a></iframe></p>
<p>I decided to sell two versions of the product, a basic one which included only the components (more than 130, including buttons, text areas, drop downs and many more) and a full version one which included every component and widget (more than 65 from 4 main categories).</p>
<h3>Before launching</h3>
<p>After giving the final touches to the respective Sketch files, I made everything ready for the two folders (by adding a PDF guide) and zipped the folders. After that, something funny happened. I’ve been procrastinating on getting my personal website live for over half a year now, but I really needed a place to put the UI kit landing page for download, so it was necessary to get my personal website ready.</p>
<p>Because of this product launch I actually got my <a href="http://glenbaku.com">website</a> live now, even though it’s really minimal (and I’m actually liking how it looks). After setting up the website I set up a Google Analytics page for it so I could track the live activity and get some information about the visitors and potential buyers. <br /><em>Fun fact, </em>do you know that if you have uBlock activated you can’t actually see the Analytics dashboard? It took me an embarrassing amount of time to figure out what was wrong with it.</p>
<p>After creating everything necessary for the Product Hunt launch, I sat there and waited for midnight to come to see my product live on Product Hunt.</p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fcards.producthunt.com%2Fcards%2Fposts%2F108260%3Fv%3D1&amp;url=https%3A%2F%2Fwww.producthunt.com%2Fposts%2Fessential-design-system&#038;image=https%3A%2F%2Fph-files.imgix.net%2F2e6e661b-9077-4590-bb48-1d5a9dbec2ae%3Fauto%3Dformat%26fit%3Dmax%26h%3D405%26w%3D500&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=producthunt" width="500" height="405" frameborder="0"><a href="https://medium.com/media/bc68f15be01c4b1bfaa00c3e0c1ce1f0/href">https://medium.com/media/bc68f15be01c4b1bfaa00c3e0c1ce1f0/href</a></iframe></p>
<h3>What I’ve learned from launching</h3>
<h4>Timing is everything</h4>
<p>If there something is important that you should always keep in mind before launching, is timing. The biggest mistake I made is that I didn’t actually see what was supposed to happen that day. I decided to launch my product on 12 September, and when I decided it I actually forgot that Apple was supposed to have their new iPhone introduced that day. Before the Apple event began I was wandering around the 4th-5th place in PH (which was actually a good results) but as soon as the new products from Apple were introduced I got pushed down the list. By getting pushed down the list that early in the day (it was still 12pm in San Francisco), I killed a lot of chances to get more traffic and sales.</p>
<h4>Be extra active in social medias</h4>
<p>It’s really important that in the day of the launch you should be really active in social medias to push even more traffic to the PH page, especially in the start where you’re fighting to get the initial upvotes. I decided to post on Twitter and Dribbble. I retweeted the tweets from ProductHuntHi related to my product and also tweeted my PH comments. The more you tweet, the more traffic you will bring to the page. Also consider posting screenshots from Analytics, live stats and reactions. I also posted on Dribbble because it’s supposed to be the home of designers. It didn’t get much traction there. In my opinion, Dribbble’s front page is currently bloated with garbage designs, which generally are eye candy with no functionality in mind whatsoever, but it this something to be talked about in another article.</p>
<h4>Be active and responsive</h4>
<p>Try getting rid of every appointment in your agenda that day. It’s extremely important to be active on that day and follow everything closely. Respond to the comments really quick and give valuable information to questions from potential buyers.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*YODFU4SVWr1g11q0bEMdOQ.png">Sessions chart from Google Analytics</p>
<h3>Conclusion</h3>
<p>In retrospective, I could say that my first launch on Product Hunt went well, even though I had higher expectations. I was limited a lot by the mistakes I made and obviously I could reach my expectations if I launched in another day. But, in overall I got my work’s worth when it comes to the profit, and I also got 350+ upvotes for my first product.</p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fupscri.be%2Fmedia%2Fform.jpg&amp;key=d04bfffea46d4aeda930ec88cc64b87c&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="480" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=f05c31db3bde" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/what-i-learned-from-launching-a-design-system-on-product-hunt-f05c31db3bde">What I learned from launching a design system on Product Hunt</a> was originally published in <a href="https://blog.prototypr.io">prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


What I learned from launching a design system on Product Hunt

What was the product?

Top Stories