Poll: How do you create the website for your startup or side project?

156 points by anujkk ↗ HN
Many of us here create various kind of products as side projects - web app, mobile app, e-books etc. Some of us launch startups. Most of these need a marketing/front-end website.

What you do to create that website?

111 comments

[ 2.8 ms ] story [ 155 ms ] thread
No CMS option?
Few years back i did some wordpress it worked joust fine so i stick with it. Lots of good plugins as well as great looking themes, setting it up can be done pretty quickly. However creating site from scratch is admirable.
End up wasting hours and hours choosing the right colour scheme for the website... in the end the side project ends up getting put on hold while I work out the best framework to use for the website.

edit: wait until I have to choose the 'right' font...

Lol. So true. I spent maybe 40 hours making a website that has a grey theme and only 5 static HTML pages: https://machinepublishers.com

I also ditched the whole idea of a front-end framework. If I need a backend I'll just generate the HTML manually server-side.

Do designers get faster at this I guess?

I am primarily a python hacker and not a professional designer but to answer your question, I made http://getquicksite.com in 14 hours this weekend. Of course, having a framework like Bootstrap to start with helps.
white and red on orange? I hate to be critical, but these really do need a designer, or someone with more of an eye for color and fonts. The header is large yet the font is small, the colors either clash or are hard to read.
Agreed. Thanks for the input. How about the other two color schemes(You can check them in demo)? I will make the required changes to improve the design.
14 hours... That's nice, how did you do that so fast?
This is great and deserves it's own post. I bought modulz for $70 before realizing that it wasn't made with bootstrap. Thank you for making this great starting package! I've bought it.
For color schemes: check out http://colorschemedesigner.com/ I can get a "presentable" color scheme in about 5 minutes, and it will probably look better than if I played with the colors individually for a week.

For fonts - just use something simple & sans-serif like Verdana/Arial/Helvetica, or Roboto on Android. I've seen very few sites pull off non-standard fonts and have it look good.

thanks for the tips!

my post was tongue in cheek, I know in my mind that the best course of action is to just stick with default and get the site up...

however I can't help but tweak, and play, and move divs around so that the website on my screen looks just like the one I am imagining in my mind. It is almost always spot on, but never quite right...

Er.. I've tried most of them :)

For the latest one I bought a template from ThemeForest. (so I voted that)

The one before that was a Bootstrap (the framework) effort, which ended up not very nice.

Before that, I tried Joomla.

And before that, I had a very basic HTML page :)

I've realized I'm really bad at the "design" part, I'm better off doing the backend stuff.

I think the consensus here is that I know absolutely nothing about web design; but I do it myself anyway.
There's also a gap I'm (and I'm sure most designers, unless they do everything by hand) sitting in, which is I know enough about web design to leverage UI frameworks like Bootstrap/Foundation to make nice designs. I think people forget that bootstrap and zurb are easily customizable.

It starts as a prototype in vanilla zurb (usually), then gets themed into something pretty.

(comment deleted)
I guess you are confused between web development & web design. Django is a web application development framework and has nothing to do with "design".
I think we all know something about web design.

We can all point out bad or horrible web design, at a minimum. We can also point out individual elements that make horrible web design horrible. Nobody here is going to recreate a GeoCities page by accident.

We can also point to good web design, though the particulars of why the design is good might escape us.

A good compromise is to use established patterns (like Bootstrap) which we know to be acceptable, if not stellar. And then to add small custom details as needed to our site designs.

I'm accomplished enough at CSS that I can make tweaks to an existing website. I'm not good at creating an overarching CSS template/framework from scratch, so I don't try to do that.

> but I do it myself anyway

Why? Assuming time/money is not an issue, it seems you could at least A/B test a professionally designed website to see if it converts better.

When is time/money ever not an issue?
Not sure what you mean. It's another way to say "if you have the time/money".
You asked him why he does it himself. He responded by saying that time and money are the issue.
This is why minimalism became so popular as a design solution.
Or to put it another way, CSS makes me scratch my head sometimes.
How that logo contest going, by the way? It seems to be based on the same principle, hence the question.
I've got lots of submissions, widely varying in quality. I'm pretty sure I'll end up with something I like.
Definitely this. I might browse around and get inspiration by some websites I like but I build everything my own.
Web design and web development are two very different things that overlap heavily. Judging from the options you have provided I suggest you pay someone to do it and focus on what you do well.
I've tried a few.

The problem with Themeforest is how muddled and complicated the HTML DOM in themes usually are - and even if the design is intuitive, it's not yours, so it's rather difficult to own completely. With that said, I've used it for some excellent WordPress projects before, and if you are willing to pay there is quality work there.

I prefer using a bootstrap framework to get stuff out there. Depending on the project, I'll spend some time customizing the defaults, adding plugins, etc. If the project is small enough, I won't even bother with that. Bringing in a design agency is only useful is you have VC cash to burn. It's usually far cheaper/effective to find a design freelancer to partner with. A decent designer can help you create a logo as well, which is an essential step, and something that's difficult for laymen to pull off well.

Remember the enemy of progress is the perfect. A side project/startup needs to iterate as fast as possible, so it's far better to throw something out there than to languish in design mode for months before giving up on your cool idea.

For my side projects, my rule of thumb is: a) the site isn't embarrassingly bad, and could be publicly associated with me. b) site design took less than 20% of my overall effort on the project.

I've used them all but settled on Themeforest. Yes you can make your own, but why would you when you can choose something that's already well designed for a couple of dollars. Save the design practice for the app itself.
As far as mechanics go, I've found a great compromise between the power and convenience of a CMS and the simplicity of a static page: using a static site generator. I personally prefer Hakyll[1], as you might have guessed :P.

This makes managing a structured site easy without having to configure a complicated server. Of course, it also means you can't have much dynamic content. For something simple--say comments--you could use an external service like Disqus, but you won't be able to do much beyond that without running your own server.

[1]: http://jaspervdj.be/hakyll/

I write open source libraries primarily. A nicely formatted readme on github tends to be best, since most people will be there anyway. Fancy websites tend to drive me crazy for code libraries, since they tend to distract people from the thing they are really looking for; a simple pitch and documentation.

That being said... I have been working on a javascript geoprocessing library lately and am considering a full blown interactive website. The reason being that many of the features are difficult for people to understand without being visualized. I still want to keep it fairly simple though.

The idea would basically be to have a page for each operation with 2 maps and a description of the algorithm. The first map would show the example input and the second map would show the output. I think this would allow developers who may not be familiar with more advanced geo statistical methodologies to be able to see what is possible with their data and spark some creativity. The existing readme tries its best to get the ideas across, but I doubt it would be that effective in its current form for someone who is not very familiar with traditional gis analysis already. https://github.com/morganherlocker/geo.js

For something that actually matters to me, I'll work with a designer on the core visual concept, meaning usually the logo, color palette, and overall feel. Once I have that, I feel competent staying within the given parameters to put together a pretty solid design.

It really helps to spend some effort learning the basic rules of typography and visual design. It won't make you a great designer, but it will make you a much smarter customer of designers, and make you able to execute someone else's design concepts gracefully.

Bootstrap/Foundation, strip out what I don't need (read: delete some of the LESS imports) and customise it. Both frameworks are actually fairly easy to customise these days, and it doesn't take a significant amount of effort to end up with a Bootstrap site that doesn't "look like a Bootstrap site". I'm nowhere near skilled enough (nor do I have the time) to write my own grid system, panels, basic buttons, etc.

The blog attached to my side-project will use the same CSS and just leverage jekyll/GitHub Pages/prose.io to keep things simple.

This is exactly what Drywall was designed for. It's a website and user system for Node.js

Feedback is welcomed.

http://jedireza.github.io/drywall/

Edit: more so for a functional side project, not a static website.

Looks good. Thanks.
I am a dev with C background and zero experience in nodejs. I have been using Drywall to get a Web GUI frontend for a CLI tool. Progress are slow on my side, yet it was very helpful to get me started.
Use Strikingly of course. No brainer.
Strikingly looks very cool. But don't forget your disclaimer.
I've bounced around a bit.

Way back in the day, I had no budget, so I used OSS web themes with very light customization. Then when I actually started selling appreciable amounts of software, I had that website redone by freelancers (twice). It has not been my experience that cutting-edge web design has made huge differences to sales in the sort of markets I tend to operate in, though, so these days I mostly just get a themeforest/etc theme, have designers add in decent graphics (if required), and then do a bit of munging by myself.

Designers, cover your ears for a moment: There are many businesses which have sold many millions of dollars of product, including in our industry, with web design which is less impressive than things you can get on Themeforest/WooThemes/etc for whole tens of dollars. (This is not just applicable to marketing sites, by the way. There are plenty of applications which end up looking like they were designed by a software engineer which, for $15, could have had that same engineer just extract a Rails template from a Themeforest project and end up looking 100x better. Search for [admin] on Themeforest and feast your eyes.)

Or, for that matter, google.com, which launched a $340B business on a website that could've been made by a 12-year-old.

Ironically, Google actually has some really talented designers now, but the minimalist look has become part of the Google brand, and so all the designers now are constrained by user expectations of what Google should look like.

Funny, that doesn't match my, or, (apparently) many other HN user's experiences as we've watched Google's design march from "highly usable" to "the kind of thing Microsoft does"
I think that what you're seeing is the effect of design coherency on a product. You are generally far better off having one barely-trained designer put together a product than a dozen best-of-class designers. Why? Because a product designed by one inexperienced person will at least be consistent. They have their overall vision of what they want to achieve, and they can make trade-offs appropriately.

When you have dozens of designers that all want to leave their mark on the product, you end up with...dozens of features, none of which fit together quite right. Google is in that state right now. Microsoft is in a far worse state, where you have hundreds of PMs that each want to display their button as prominently as possible. This is what people make fun of as "design by committee".

Until 2010, Marissa was the sole gatekeeper of what could go onto the search results page. The result was that it was at least consistent, if minimalist and relatively unchanging. The other result was that she pissed off a whole bunch of other people by saying "no", brought Search to a virtual logjam, and made numerous talented people quit. That's the price of design consistency and a highly usable product for users; everyone who's not calling the shots ends up pretty disenchanted, and usually finds greener pastures. Steve Jobs played an analogous role at Apple Computer - it worked great while he was alive, but now there is a design vacuum that you're starting to see in their later products.

BTW, if you want to see what some of Google's design talent can do when freed from committees, check out the Doodles. In general there is just one artist responsible for each individual doodle, and it shows. (Some of the interactive ones have multiple people involved, but even then it's a small team with a single creative lead.) And the doodles generally have a reputation as being one of the most delightful parts of the site.

>>> When you have dozens of designers that all want to leave their mark on the product, you end up with...dozens of features, none of which fit together quite right. Google is in that state right now.

I think it is quite the opposite now. Google designers are TOLD to uphold similar design pattern on all Google products, which have the same features across all of them.

Seriously, why does gmail, google+, and google search should have a similar look? It just breaks some functionalities. These products are different and should not look alike. Pushing same patterns into users mouths, when it hinders the experience is an overkill.

They should look different, but "feel" the same.
(comment deleted)
Once I heard Marissa Mayer recount that she asked Sergey Brin where he got the idea of doing such a minimalist design for Google. Sergey's answer was: I don't do HTML.
There's similar quotes in an interview with Larry and Sergey in "Designing Interactions" by Bill Moggridge. Sergey explains (in a lot more detail than I do here) that they kept the front page simple because they didn't want to spend too much time on the front page. Only afterwards did they realise how powerful that was, and they decided to keep things off there as much as possible.
>google.com, which launched a $340B business on a website that could've been made by a 12-year-old.

wrong, a 12 year old had not made a minimalistic website, it had been full of gifs and cat pics. THATs why google was successful because they made the paradigm sift ..

>Or, for that matter, google.com, which launched a $340B business on a website that could've been made by a 12-year-old.

... with an advanced understanding of graph theory, a research paper outlining a novel searching and ranking algorithm, a distributed cluster of servers crawling and indexing tens of millions of sites, and an inverted database of every keyword that appears on all of them. But yeah.

Pretty sure they just meant the web design. Not the application.

  > It has not been my experience that cutting-edge web design 
  > has made huge differences to sales in the sort of markets
  > I tend to operate in
With all due respect, but BCC never had "cutting-edge" web design, it was always (at least in the incarnations I saw) barely adequate design-wise. http://panic.com or http://tapbots.com or http://www.kaleidoscopeapp.com is what I'd call well designed. What's interesting they all also look like template design, but they have the polished look BSS is lacking.

Of course, maybe you have something other than BCC in mind, or you did try the design on par with the examples above and it did not convert well, then disregard this comment.

Exactly right, but also exactly wrong. patio11 made an understatement to get his point across - that design doesn't matter as much as people think. That you, respectfully, call Bingo Card Creator not even close to cutting edge just makes his argument stronger.

  > patio11 made an understatement to get his point across -
  > that design doesn't matter as much as people think
That may very well be true (and I think it is true in a sense). But I can also argue that without testing with truly polished design you only know that one "not-quite-there-yet" design has no advantage over other of the same kind.
Sorry, but the three designs you posted may have been well designed 10 years ago but now they just look old.
Then do you have counterexamples for sites you would say have a modern look?
I personally think they look like trendy hipster design. Not much text explaining anything, just a load of icons I am supposed to understand without any context.

Seems to appeal to the iPhone generation.

I was thinking less BCC and more the consulting career when I thought that. Not going to point fingers, obviously, but you'd be surprised how little a $X0,000 redesign (from meh to almost-wow) did relative to e.g. changing the H1 on the front page.
As an opposing datapoint, I actually had an unexpected A/B result when testing the recent S3stat redesign. Trial signups for the new version were better, but only by a percent or two. Not really enough to bother switching.

But I also tracked all the way through to purchases (which typically happen after 30 days of use), and I'm glad I did. After two months, the people seeing the new version were converting twice as well as the ones seeing the old version. As in, double the sales. As in, wow.

So I guess it's entirely possible that users do in fact respond to pretty design. The only thing one can do is test and see.

Having a "plain" website can be an advantage depending on your audience. I can say I trust places such as http://prgmr.com/ and http://tarsnap.com/ more than I would trust some "Delightful Xen Servers" or "Delicious Backups" startup-site.
prgmr.com is an excellently designed website. It is also a plain website. patio11 is talking about sites that are designed poorly, not plainly.
Unless you really know who you're selling to, putting a lot of effort into a site design is probably a premature optimization. Just grab a reasonable free template or learn enough design [1] to do it yourself.

[1] I like the Non-Designer's Design Book by Robin Williams: http://www.peachpit.com/store/non-designers-design-book-9780...

Agreed. It's seductive though; 'designing' the marketing site also involves imagining all those users that are going to visit the site and know instantly that it solves their problem. Marcelo Calbucci provides a good checklist of reasons your Startup will or won't fail http://blog.calbucci.com/2013/09/10-reasons-your-startup-wil.... You're unlikely to fail if the "logo was ugly, or the name of the company was bad"
Drupal + Bootstrap + a bit of custom css/html
neocities if it's small enough, tornado for internal demos of ideas. As a person whp develops deep learning back end stuff I often find that a decent UI to show case an idea is far more successful than circulating a paper (and I despise PPT)
I used to obsess over style and color and fonts and stuff. Now i'm likely to just to Slim/Laravel + Twig + Bootstrap and try to move on with my life.

Which is weird... I was the "art kid" for most of my life but I realized that when it comes to this I like the code a lot more than the design.

I know absolutely nothing about design. I use bootstrap and more or less copy pre-existing designs that have the desired aesthetic.

Problem is that I can tell when a UI is terrible, but coming up with the right one is not as simple as the inverse of terrible :(

Pharo Seaside, jQuery, Bootstrap or PureCSS, postgreSQL
Glad to hear about that here :D

I'd use a slightly different stack these days, I'll post an answer..

I just launched Rate My App[0] yesterday evening on Hacker News, so this is great timing. :)

In the four days between idea and launch, how much time did I spend on the landing page, and would I do it again?

As an experienced engineer, I realized the first thing I had to worry about was the marketing content, so I spent the first day configuring my social accounts and creating and uploading a video.

Short version:

Yesterday, I implemented my own design because I wanted a simple site that had exactly the code I needed. I would do it again, especially since the next time I can re-use the build process I created.

Longer version:

Assuming you're familiar with CSS and HTML, you're better off finding a decent template or web site and re-creating the few parts about it you like yourself. Using a fancy template will be a time sink, both in understanding all the complicated things the author threw in, but also focusing your time on making your site perfect (since you just paid for it) rather than focusing on launching.

And in the two days in-between, I figured out the value I could bring to customers. I also spent a lot of time configuring payments, emails, form submissions, etc.

Establishing some process to collect feedback and getting your name and purpose out there is the main point of launching, so worry about that more than the landing page.

TL;DR: as far as systems, you're better off establishing some kind of a process (hopefully an off-the-shelf system that can function independent of your concerns) that allows you to iterate on your actual product quickly. As far as visuals, though, spending lots of time on making this tiny part of your product perfectly integrated with a particular template can make it emotionally difficult or time-consuming for you to replace or modify as necessary later on.

I'm writing a series of blog posts (@vla on twitter) about this, by the way.

[0] the app: www.ratemyapp.com

I have couple of websites. The first one[0] is done with basic Bootstrap. Second[1], I bought BootStrap theme from WrapBootStrap and reducing it to my needs.

Apart from this, the main issue is designing logos and graphics. Eventhough it takes time, I somehow do it myself(with GIMP) and enjoy it as well :)

[0] http://www.computeloops.com [1] http://www.remotewaker.com

I think most of us don't have budgets for hiring designers for side projects, because they are just side projects which may not merit spending more money on design, as a lot of hackers do know the very basics of design. If it does grow out of the side project phase and is actually showing potential to generate some serious cash flow, then more money is spent on proper design.
I know UI Design and a just a little bit of backend. My sideprojects are always more about design and less about technical part, however whatever little technical part it requires, it gives me enough to learn something new.

For http://typezebra.com/ I learnt a bit of Javascript while for https://bootmystrap.com/ I learnt to design websites properly using LESS CSS.

The way I keep myself motivated to finish sideprojects is that most of the part is right up my alley, design which gives me confidence I can finish it.