13 ms·

Ask HN: Examples of great landing pages?

566 points by iampaul 9y ago

cronjobma 9y ago
[1] http://fairpixels.pro http://fairpixels.pro [2] http://stripe.com http://stripe.com [3] http://airbnb.com http://airbnb.com [4] http://dropbox.com http://dropbox.com
- thr2178008 9y ago
  I feel the Dropbox redesign was horrible. The look & feel just doesn't make sense.
  - slx26 9y ago
    The colors, the fonts.. It's like they asked an eccentric fashion designer to make the webpage. Really, does anyone like it? o_o
- chmod775 9y ago
  IMHO only http://fairpixels.pro http://fairpixels.pro and http://airbnb.com http://airbnb.com are good. They both immediately tell me what they're selling and don't bombard me with visual information. Stripe's page has so much detailed graphics and distractions on their site that it took me a moment to even realize I was on stripe's page. They even display a bunch of other product logos on their page more prominently (and in color!) than their own - as if intentionally trying to mislead me further [1]. Dropbox's page seems to have an identity crisis but they get away with it because people know what they really are. They're selling me some abstract "workspace" - I have no idea what that means and it's probably not what most people use dropbox for. They immediately want to sign me up for it though? 1: https://i.imgur.com/IcpYiOR.png https://i.imgur.com/IcpYiOR.png
n0mad01 9y ago
https://www.awwwards.com/ https://www.awwwards.com/
- progval 9y ago
  I love the irony of them showing their best website of the day with marks set to "0.00", unless Javascript is enabled.
asadotzler 9y ago
I'm heavily biased but I think that Mozilla Firefox's landing page is pretty great. (I had nothing to do with designing it, but I do work for Mozilla.) https://www.mozilla.org/en-US/firefox/ https://www.mozilla.org/en-US/firefox/
- ComputerGuru 9y ago
  Actually, that's downright terrible. I've used "Firefox" since it was called "Phoenix," but I know a lot of people that would click that link and go "huh? What is Firefox?" The firefox homepage shouldn't be about advertising Quantum (which only applies to people already using Firefox and acutely aware of a new release (as it doesn't even introduce what Quantum is before diving in)), but rather about advertising Firefox itself.
- rmorey 9y ago
  Thanks for working for Mozilla! Important work
anandkulkarni 9y ago
I put together a browseable set of example high-quality landing pages here, ranging from startups to larger companies: https://design.crowdbotics.com https://design.crowdbotics.com These examples were originally selected by Kesler Tanner over at the Stanford Institute of Design. They represent what's going on as of mid-2017 in landing page design. The one shift that I've seen since this collection was last updated is the migration to bolder, more contrast-heavy color palettes that make use of more illustrations. Intercom and Dropbox's current sites are good examples here.
- Teichopsia 9y ago
  Nice page. Tough, I would make the whole picture clickable instead of just the eye icon. And, the "x" to dismiss is hidden unless I have the browser at full screen. Firefox dev 60.0b7
  - anandkulkarni 9y ago
    Thanks! I'll get these updated.
- stagbeetle 9y ago
  YES, BUT WHOSE SITES ARE THESE? I had a tough time trying to find some of these websites, like "Scale." Which doesn't own scale.com or scale.io or any other derivative, but "scaleapp.com."
- mproud 9y ago
  All I see is an orange screen and “Crowdbotics”…
  - stan_rogers 9y ago
    It's one of those silly damned things that could and should be a static page but is served as JS instructions for building it in the browser instead.
    - 9y ago
iamben 9y ago
I think it depends what you mean by landing page, and what you're hoping it'll achieve. Most of the pages listed in this thread so far are just good home pages. If you sent ad traffic to them, them will never convert as well as a page with no leaks other than the primary focus of your funnel.
Skunkleton 9y ago
My favorite was the New York Times from the early 2000's. Lots of information all concisely represented. https://web.archive.org/web/20010202075200/http://nyt.com:80/ https://web.archive.org/web/20010202075200/http://nyt.com:80...
thebenmiller 9y ago
Take a look at https://onepagelove.com/ https://onepagelove.com/ if you haven't seen it.
rifung 9y ago
https://www.canva.com/ https://www.canva.com/ is probably my favorite I've seen? It has very little information I admit but I like how a site made for designers has a very unique design itself. I am not a designer myself but I was impressed enough that I still remember seeing it.
- Numberwang 9y ago
  Looks OK but it does suffer from the same problem as a lot of other sites. It wants you to commit before telling you what you are committing to. Tell me what you offer and give me a rational as to why I should be interested. That's all I'm asking yet no one seems interested in answering those questions on a landing page.
- spiralganglion 9y ago
  I really like the mouse-following effect in the background. It's subtle enough to not be annoying, but playful. As an interaction designer, I love seeing these little hints of fun that sneak into otherwise "vanilla" projects.
Cyranix 9y ago
https://land-book.com/ https://land-book.com/
coinextend 9y ago
https://coinextend.com/ https://coinextend.com/ bitcoin exchange
Numberwang 9y ago
https://ninite.com/ https://ninite.com/ You get the explanation, the selector and the recommendations all in one page.
- chasedehan 9y ago
  I disagree, that page is way too crowded. I wanted to click off immediately. It still took me a minute to figure out what the offer was because of all the other stuff on the page. That is the beauty of airbnb's landing page, you get a sense right off the bat of exactly what it is they are selling.
  - polyterative 9y ago
    Chocolatey is better anyway
    - Numberwang 9y ago
      I had a look and can’t really see why. Why would you want to type out the names of all the apps you want? With ninite you tick a box and that’s it.
deadcoder0904 9y ago
https://hyperpixel.io https://hyperpixel.io http://pages.xyz http://pages.xyz
rajeshpant 9y ago
I'm so impressed by the design of https://www.magicleap.com/ https://www.magicleap.com/ It is so amazing and beautiful. I wonder what technologies they use to build the front end.
- corobo 9y ago
  My god is that a laggy landing page if you haven't got a GPU behind your browser. Also I'm not sure what happened but just as I was closing the page I got a single note of what I believe to be electro(?) music It was also clearly designed with access to smooth scrolling, I'm assuming Mac. The scroll is just awful without and the animations don't really play nicely. I closed the page before I learned what Magic Leap is. Not the best for a landing page.
- haylem 9y ago
  Dang. I have an MBP with an i7 and 16GB of RAM, and a landing page lags?! Hells no. Also, I think it ate 1% of my battery in the blink of an eye. No thanks. Update: 8MB for a landing page. Wait, waaattt? I'll give you the first animation is somewhat cool, but a lot of visitors will definitely be turned off by the slow and sluggish experience, and I don't think it's the impression I want from a company (apparently) banking on Virtual Reality. I like my reality fairly instantaneous, thank you, so the goal would be to have my VR to behave in kind.
  - IAmGraydon 9y ago
    That's strange. I'm on a 4 year old Dell with integrated graphics and unimpressive specs and it runs perfectly smooth.
    - manasn 9y ago
      Probably a 'safari' thing. I have an i3 with unimpressive specs and it runs perfectly smooth on chrome.
      - haylem 9y ago
deleted 9y ago
[deleted]
samcampbell 9y ago
For us less technical user, what do y'all recommend for creating great landing pages?
- progval 9y ago
  Focus on the content: - explain in a few words what your product is, so it can be understood by everyone - explain what your product does - how your product is different from everything else - pricing I know it sounds obvious, but I often have no idea what the product is after reading a landing page
  - shadowwolf007 9y ago
    I've been working on this for a product launch we are trying to do and have had the problem you are talking about. The problem is that explaining that without ending up mired in detail is much harder than people give it credit. I've found it very useful to actually write out the list of what I am trying to convey and look at it constantly while doing design work. Also splitting out the work - the first forays have been what I realized was actually development work that I was hiding behind design. During design I put away the dev environment and just work with sketches.
- davidivadavid 9y ago
  If you're mentioning "less technical" I assume you're talking about tools? You can make good landing pages in Wordpress using a page builder like Elementor (just drag & drop). You might need a bit of HTML/CSS here and there to customize things, but you should be able to get by without it.
  - samcampbell 9y ago
    Thanks! Yes, referencing tools.
ComputerGuru 9y ago
Presuming it's OK to share own site: after countless iterations and lots of suggestions and feedback from HN and others, we're pretty happy with ours: https://neosmart.net/EasyRE/ https://neosmart.net/EasyRE/ Tells you what it does, tells a story, and then takes you right to the action. And it converts well for the market it serves. Feel free to tell us what you think still sucks about it, constructive criticism > positive feedback.
- laythea 9y ago
  I like the landing page. Its got the right balance between text and whitespace/images etc. Its a shame though, that when you click the links, you navigate to pages that adopt a different theme entirely. It would be better if all the site were themed the same.
  - ComputerGuru 9y ago
    Thanks for the reminder. We were seeing how the LP converted before updating the rest of the site.. several months ago :) That goes with the job when you're marking a non-web service - the website is quite distinct from the product and so doesn't see the same kind of attention or have the same kind of urgency.
bgdkbtv 9y ago
Here are a few resources for you to check out: https://hyperpixel.io https://hyperpixel.io https://verynicesites.com https://verynicesites.com https://onepagelove.com https://onepagelove.com And once you’ve finished design and build of your landing page, submit to https://roastmy.site https://roastmy.site to get feedback :)
- r3bl 9y ago
  Ah, the idea behind roastmy.site seems really cool, but the comments it gained so far seem really non-constructive. I didn't see any comment actually roasting the site, only compliments and one small suggestion (to add a comma somewhere). I really hope that the idea will catch on, and that it will gain traction (and actual roasts as a result).
  - bgdkbtv 9y ago
    Hey, thanks for the feedback on Roast My Site! It's actually my hobby project and I put it together in a couple days time. Its still in early development stages, a lot of things are missing and some are not working. Also, since there was no official launch, there is no traffic or users to actually submit sites and/or roasts. But they are coming soon and I think its going to be fun :D
    - birdman3131 9y ago
      Has anybody ever submitted Roast My Site to itself?
      - shurcooL 9y ago
        Yes, I saw it on page 3. It had 0 comments.
      - bgdkbtv 9y ago
        I did! On page 2 or 3, no comments. Interestingly, to my surprise, not many people actually post. Lots simply browse. I should work more on engagement and commenting and make it easy
dyim 9y ago
If you're looking to build a great landing page, I found this resource suuuuper helpful when designing our landing page: https://www.julian.com/learn/growth/landing-pages https://www.julian.com/learn/growth/landing-pages "I want you to think of landing page optimization from the perspective of desire: Conversion = Desire (Increase this) - Labor (Decrease this) - Confusion (Decrease this) It's less work to reduce a visitor's labor and confusion than to increase desire." And here's our landing page: https://www.loopsupport.com/ https://www.loopsupport.com/
- slx26 9y ago
  Some criticism: I don't really like the buttons style, but more objectively, you should center text and take a look at their size, it made me super uncomfortable when I opened the page. Also, the "Try us for a week" at the bottom is shifting the page in the background to the left, leaving 20px of white space or so in the right side (Windows, Google Chrome). The "Start Trial" button that appears after clicking on "Try us for a week" looks much better.
  - dyim 8y ago
    Thanks man! Really appreciate the feedback... sounds stupid, but we had trouble repro-ing that 20px whitespace bug.
davidivadavid 9y ago
Analyzing examples of great landing pages (in terms of marketing, not just design) is the subject of my blog, Your Landing Page Sucks! This article is quite popular: https://yourlandingpagesucks.com/startup-landing-page-teardown-yc/ https://yourlandingpagesucks.com/startup-landing-page-teardo... I also wrote a "Landing Page Cookbook" that got to the top of Product Hunt, and that contains a bunch of examples for every element you might want to put on your landing page. Don't hesitate to message me/email me if you've got specific questions about your landing page.
- odammit 9y ago
  Uh, your landing page kinda sucks on mobile. CSS is all a-wonk and you have a gigantic email collector right at the top
  - deleted 9y ago
    [deleted]
  - davidivadavid 8y ago
    That's odd, it's one of my best performing lead magnets. I'll look into it. Thanks!
codegeek 9y ago
There is this one site that lists a lot of great Landing Pages: https://land-book.com https://land-book.com
johnymontana 9y ago
https://muzzleapp.com/ https://muzzleapp.com/ Does a great job of demonstrating the value of the product.
- andkon 9y ago
  I just fully belly laughed my way through that. So good
- djflutt3rshy 9y ago
  Funny release notes too.
  - roselan 9y ago
    CodeKit reviews stand their ground too.
- benetzz 9y ago
  ahaha, nice one!
- eljimmy 9y ago
  That truly is a great landing page. The fake notifications were so entertaining I shared it with some friends.
- ricardobeat 9y ago
  Note they are using real people's faces without permission (through randomuser.me / uifaces.com) for the avatars in those 'funny' sample notifications. https://twitter.com/ohhoe/status/970753038406373377 https://twitter.com/ohhoe/status/970753038406373377
  - aaronbasssett 9y ago
    They do have permission though. The people used granted permission when they submitted their face to uifaces.com, in fact they even went so far as to submit their faces to the "authorised" section on uifaces > those awesome folks allow their faces to be used on live products They might not have ever imagined that their faces would be used in this manner, but they did give their permission.
broskoski 9y ago
https://are.na/toby-shorin/only-good-startup-landing-pages https://are.na/toby-shorin/only-good-startup-landing-pages
andkon 9y ago
I've been a senior product marketer at Heroku and Realm (AKA the person responsible for leading the creation of product landing pages), and I gotta counsel y'all: when you're looking at landing pages, what makes them great has a lot less to do with the visual design, and a lot more to do with the story and message they tell. They're fundamentally narrative media: a landing page proceeds serially from top to bottom. What you see first matters most; like every good story, it also needs to give you a reason to proceed down the page. It's great when they converge — where the visual design, structure of the page and the copy itself all come together in a beautiful statement of the brand's values and the product's value propositions. But none of that can happen without a story that resonates powerfully with the people who it should matter to. On a cursory examination of landing pages, it's easy to forget that they're speaking directly to a specific group, and miss the real magic simply because you aren't in that group. edit: apparently HN disagrees
- newman8r 9y ago
  What are your thoughts about showing pricing on the landing page?
  - dbg31415 9y ago
    Be upfront with your price. Price is a data point a customer needs to make the decision. Give them all data points you can.
    - a13n 9y ago
      It's not that simple. Some businesses would lose a fortune if they started pricing this way. Particularly if you sell to enterprises. Many companies will make more money by sizing them up and giving them an optimal custom price.
      - Angostura 9y ago
        As long as your explicitly factor in the number of sales being lost in the calculation
hoodoof 9y ago
What is the definition of a landing page?
- guessmyname 9y ago
  > In online marketing, a landing page, sometimes known as a "lead capture page" or a "lander", or a "destination page", is a single web page that appears in response to clicking on a search engine optimized search result or an online advertisement. The landing page will usually display directed sales copy that is a logical extension of the advertisement, search result or link. Landing pages are used for lead generation. The actions that a visitor takes on a landing page is what determines an advertiser's conversion rate. > — https://en.wikipedia.org/wiki/Landing_page https://en.wikipedia.org/wiki/Landing_page
avip 9y ago
https://flypigeon.co/ https://flypigeon.co/
- ghostbrainalpha 9y ago
  Basically perfect. Any way to find out who this designer is?
  - avip 9y ago
    Follow the comments in the OP https://news.ycombinator.com/item?id=10310265 https://news.ycombinator.com/item?id=10310265
deleted 9y ago
[deleted]
Distant_horizon 9y ago
For e-book sales, Superhi's page is effective. The market is saturated, but design is their USP. And they acquire your email for TOC... https://www.superhi.com/learn-to-code-now-book https://www.superhi.com/learn-to-code-now-book
ghostbrainalpha 9y ago
Concept for a New Zealand Surf Company. https://cdn.dribbble.com/users/688456/screenshots/4273785/attachments/975882/surf_fullsize.mp4 https://cdn.dribbble.com/users/688456/screenshots/4273785/at...
- zeptomu 9y ago
  Hm ... I like the design and it's cool maybe for a product video or commercial, but I don't think it's a good landing page - not much information and too many moving parts. People can also get disengaged by too much distraction I would guess (at least I do).
legohead 9y ago
Your landing page is going to depend highly on your target audience. I worked at a place whose demographic was women aged 35+. Our landing page looked god awful -- super long, giant graphics and text, testimonials, autoplaying video, etc. But no matter how modern we tried to make it, the shitty eye-bleaching one always won out in A/B tests.
- komali2 9y ago
  Anybody that's done a/b testing for a Japan audience can relate to this. I'll never pretend to sympathize with the nation's need for ten million characters of 8pt font spaghetti sprayed over every page, but I have long ago accepted it.
  - bonellia 9y ago
    Could you give us some examples of those? Since I don't browse websites in Japanese, I have no clue what that looks like. Thanks in advance.
    - komali2 9y ago
      Hah, YES! This will be fun :) So, it's calmed down a bit, but here's the homepage for rakuten, the biggest ecommerce site in japan. Nothing too out line, except the very Japanese block-ads on the top of the page and running down the right side: https://www.rakuten.co.jp/ https://www.rakuten.co.jp/ See also the "superdeal" page (this may expire) https://event.rakuten.co.jp/superdeal/?l-id=top_normal_flashbnr_10_160&l-id=ppf_pc_s2_pc_web_t2_102783 https://event.rakuten.co.jp/superdeal/?l-id=top_normal_flash... Notice the quick scrolling banner, the word "DEAL" in english sprawled everywhere (with SUPAAAAA!!! in Japanese before it) lots of different color background blocks with white/black/red text over it. Very much the "assault the senses" style of Japanese advertisement. The watch ad, for example. "50% OFF!" "ONLY UNTIL 4/2 9:59!!!" "GET 20% POINTS BACK!" "SUPER DEAL!!!!" Here's the relatively more calm website for book-off, the largest retailer of books in Japan. I think reading is more popular in Japan as a hobby though I don't have empirical data as evidence, just my personal observation. Maybe I only think this way because the cities are more dense. Anyway: https://www.bookoff.co.jp/ https://www.bookoff.co.jp/ scrolling banners with many colored backgrounds and different font colors, lots of "ZERO YEN!" kind of stuff, lots of different font stylings, sizes, etc. Controlled Chaos. Notice also the prototypical "block style" ads all down the page. We probably think of them as "grids" or "cards" in the web dev world these days but they've been doing this on japanese internet since the 90s and it harkens to Japan print ads, magazines etc. Ah, here we go, I knew Don Quixote (or Quijote) wouldn't disappoint. Right down to the url: "donki.com" lol http://www.donki.com/ http://www.donki.com/ not https note GIANT banner ads scrolling at the top, as of now we've got a black and white one, sliced through with angled images. Simple model photo after that, another one but with a very blue background, then fourth one BOOM that classic Don Quixote eye assault, complex golden background with streamers, Japanese equivalent of comic sands with tilted font in all sorts of colors and sizes, the Don Quixote... penguin? screaming at you. Scroll down for more madness. Thanks for asking me to do this, I haven't taken a peek at Japanese ecommerce sites in a while. In-person ads have hardly changed in Japan (I was there last week for the sakura) but it's clear to me that the web design styling has calmed down remarkably. If you ever get a chance to pick up some Japanese classifieds, you can get an even better sense of what we used to deal with :)
student_9 9y ago
I personally love http://fairpixels.pro http://fairpixels.pro those guys seem to understand design
marclave 9y ago
shameless plug, I think you'll like it! https://www.launchaco.com/ https://www.launchaco.com/ Also I enjoy https://onroadmap.com/ https://onroadmap.com/
- jodiew 9y ago
  Love the iconography and simple animations of the Roadmap landing page! The on-boarding experience of launchaco is phenomenal though.
mmanfrin 9y ago
Nearly every release of a new Stripe product of feature has me amazed at what their frontend people can do.
chrissnell 9y ago
https://webflow.com/ecommerce https://webflow.com/ecommerce Our landing page for our new launch!
- austinjp 9y ago
  Some feedback for you: this is dreadful on mobile. Scrolling is broken, page took like 20 seconds to render what I assume was the main content (coloured blocks with text).
  - chrissnell 9y ago
    Sincerely--thanks for that feedback. Lots of different posts getting downvoted here and so little useful feedback. That's what we're here for, after all. What mobile device and browser do you use? I'm on Safari on an iPhone 7 and it loads pretty quickly for me. We do have a CDN in front of it.
stef25 9y ago
This one's just beautiful https://sentry.io/welcome/ https://sentry.io/welcome/
baxtr 9y ago
I learned a lot about landing pages through Justin Jackson. See for example his videos on YouTube: https://www.youtube.com/watch?v=roMpTWmhD6k https://www.youtube.com/watch?v=roMpTWmhD6k
wiesson 9y ago
Have a look at http://lapa.ninja http://lapa.ninja
- fl_dev 9y ago
  Was about to suggest that, good source
vira28 9y ago
https://aprl.la/ https://aprl.la/ Simple, and conveys the meaning. Also provokes the curiosity.
- r3bl 9y ago
  It's simple alright, but their Twitter bio is more descriptive of their actual product than their entire web page.
dzonir 9y ago
Landing page of the month http://icelandingpagedesign.com/#blog http://icelandingpagedesign.com/#blog
calebm 9y ago
https://blog.klm.com/how-to-perform-a-good-landing/ https://blog.klm.com/how-to-perform-a-good-landing/
Teichopsia 9y ago
Quick question. Where do the designers / developers find assets? Or do they create them from scratch? One such 'assets' I've manage to find recently is https://mockuphone.com https://mockuphone.com (no affiliation), but apart from that there isn't much besides the usual. Fontawesome, pexels and the lot.
- spiralganglion 9y ago
  A bit of both. Lots of designers/devs will use existing assets to save time. They often pull materials from asset packs that other designers publish, as you mentioned (The Noun Project also comes to mind). On the other hand, a lot of designers make it a point of pride to make their own assets from scratch. I'm certainly in the later camp, though I have friends in the former. It's nice to be able to say "I made everything on the site", but there's a definite cost in time and effort and pain.
  - Teichopsia 9y ago
    That's a nice project. I'll have to take a deeper look into it. Is there a central place where these types of projects pop up?
    - spiralganglion 9y ago
      Most of the things I'm aware of just came up on HN, reddit, twitter, or in podcasts. The best approach I've found is just to follow popular designers (on twitter, podcasts, etc). When they talk about something cool, dig in and learn who made it, and follow that person to see what cool things they talk about. Repeat. Maybe start with @brad_frost and @vlh.
      - Teichopsia 9y ago
        Added. Thanks.
- icc97 9y ago
  dribbble.com and behance.net. That's more idea generation than asset generation but you can then mashup the ideas to generate your own assets
donjoe 9y ago
dribbble.com comes with really lovely designs. You'll have to look for something fitting your product though...
thsowers 9y ago
I've always loved https://webflow.com/ https://webflow.com/ Simple, explains the product well, looks beautiful!
Exuma 9y ago
Here's ones I saved https://zeit.co/ https://zeit.co/ https://www.whatruns.com/ https://www.whatruns.com/ https://www.cointracker.io/ https://www.cointracker.io/
huphtur 9y ago
Good article on how to improve your landing page (with some great examples): https://medium.com/sketch-app-sources/improve-your-landing-page-by-learning-from-the-best-ddb431aa1c04 https://medium.com/sketch-app-sources/improve-your-landing-p...
hoodoof 9y ago
Look, here is my question: how is it that startups make such great websites? I try to make a website for my products, and they always look crap, even if I start with a template from themeforest, or use a single page site builder. Is it necessary to pay to get someone to design it to make something look good, or do I just have naturally really bad skills at making things look attractive and convey a clear message? What's the secret?
- koboll 9y ago
  >Is it necessary to pay to get someone to design it to make something look good, or do I just have naturally really bad skills at making things look attractive and convey a clear message? Both. The latter is the reason for the former.
- zeroxfe 9y ago
  Unless you decide to spend a ton of effort learning how to design, you're much better off hiring someone. (There's also the opportunity cost of not spending your time on your core competencies.)
- rapfaria 9y ago
  They probably have web designers.
- aloukissas 9y ago
  You can start with good defaults like on SquareSpace and Instapage.
- spiralganglion 9y ago
  It takes a lot of practice. The beautifully-designed work that surrounds us was largely created by people who have spent years and years honing their craft. When you start off, there will be a gap between what you want to do and what you're able to do. It's important to just keep pushing through that, and especially to keep iterating. Iterate on your websites — take a moment every now and then to clean up some part of it, and after a few months or a year it'll be worlds better. Iterate on your process — find sources of inspiration, learn new techniques, try different ideas. I have seen people who were terribly unskilled, who felt like they were artless or inept or without taste or untalented, grow over the years to the point where they could make great work. It hurts a bit when you see people who are "naturally" good, but at best, that only means they had an easier go of things. It doesn't mean you can't eventually get that good too.
c_t_montgomery 9y ago
https://www.instapaper.com/ https://www.instapaper.com/
paulie_a 9y ago
I don't have any specific examples but it really isn't all that difficult... anything you probably think is important...no one gives a shit about. Simply explain why I should want to contact you with a unique selling proposition. Why should your customer care about talking to you. That is a single sentence. What are you offering and why does it have immediate value?
oldspleen 9y ago
Where can I find top notch designers who can create high quality landing pages?
- joshjkim 9y ago
  you can check this out! https://www.launchaco.com/ https://www.launchaco.com/
- 4gotmyaccount10 9y ago
  I run a freelance web development company, if your interested i could shoot you a template of what your's could look like
  - oldspleen 9y ago
    I’d love to learn more about it! How can I reach you?
vivacaligula 9y ago
https://snerx.com/ https://snerx.com/ Minimal, in-line CSS, pre-formated HTML, etc.
manaskarekar 9y ago
https://dlang.org/ https://dlang.org/
- deathtrader666 9y ago
  Their forum is the fastest one I've ever seen!
rmorey 9y ago
ipfs.io ipld.io libp2p.io protocol.ai All rock
harshgupta 9y ago
Apple.com before any product launch is probably the gold standard here.
- pestaa 9y ago
  I actually dislike their use of whitespace and scrolling animations. Usually those landing pages are way overdone IMO.
khuknows 9y ago
For me, it’s all about the copy: https://sweep.cards https://sweep.cards https://basecamp.com https://basecamp.com
- wyclif 9y ago
  I'm a 'copy' guy too, and those are the first ones I thought of when thinking about 'great landing pages.'
- pimlottc 9y ago
  I have to disagree on Sweep. The copy is good but it’s rather long-winded; they should really get to the point and show me their tool sooner.
Folyd 9y ago
https://anyshortcut.com/ https://anyshortcut.com/ A great productivity Chrome/Firefox extension
bandrami 9y ago
Landing pages are awful. In 5 years we're going to be as embarrassed of them as we are now of the mid-oughts' "Skip Intro" buttons. Landing pages fail at the Big Red Fez[1], and will eventually disappear with all the other attempts at giving the user "an experience" rather than a hypertext document. 1: https://www.amazon.com/Big-Red-Fez-Make-Better/dp/0743227905 https://www.amazon.com/Big-Red-Fez-Make-Better/dp/0743227905
zpr 9y ago
Not a landing page but generally good advice here: https://goodui.org https://goodui.org
EdSchouten 9y ago
https://www.gov.uk/ https://www.gov.uk/
dragosbulugean 9y ago
Shamelessly plugging my product: https://archbee.io https://archbee.io
usaphp 9y ago
https://framer.com/ https://framer.com/ https://www.figma.com/ https://www.figma.com/ The first impressive landing page I saw with video/gif screencast was SublimeText: https://www.sublimetext.com/ https://www.sublimetext.com/
brandonmenc 9y ago
https://cushionapp.com https://cushionapp.com Everything about their product and design is great, but they also have an informative landing page. (Also, props to the Seinfeld references)
deltron3030 9y ago
This one is more focused on storytelling: https://www.heynishi.com https://www.heynishi.com
eurticket 9y ago
http://collectui.com/challenges/landing-page http://collectui.com/challenges/landing-page
- eurticket 9y ago
  https://medium.com/sketch-app-sources/improve-your-landing-page-by-learning-from-the-best-ddb431aa1c04 https://medium.com/sketch-app-sources/improve-your-landing-p...
Caratz 9y ago
Shameless self bump but I worked pretty hard on this. https://caratz.io https://caratz.io Also took me awhile to design the forum thread https://bitcointalk.org/index.php?topic=3220677 https://bitcointalk.org/index.php?topic=3220677
- tobilg 9y ago
  On iOS, it doesn’t scale correctly, and scrolling seems to be pretty broken
- zachrip 9y ago
  Not sure if it's because I'm viewing it on a 1440p display, but the node garden animation in the background is super laggy. When I shrink it down to mobile size it looks nice though. Edit: the scrolling is also janky, I think as a result of the node garden rendering/processing.
Mojah 9y ago
I like this one: https://ohdearapp.com/ https://ohdearapp.com/ At a glance, it looks like that horrible browser error message about insecure SSL certificates, which is an interesting choice given the tool focusses on _fixing_ SSL related errors. Simple, flashing red, it stands out imo.
deleted 9y ago
[deleted]
p0nce 9y ago
Personally I like landing pages that are pretty. It makes me confident that some care went into the product too.
- pc86 9y ago
  It should only make you confident that they either paid a designer to make something pretty, or that they have design skills. You can put a lot of care into a technical product and have no design skills or expendable income to make something "pretty." Likewise, if you spend 40 hours on the landing page and only 10 hours on the product you're selling...
mgav 9y ago
To supplement a landing page, consider an "About Us" page with this article's approach: https://kopywritingkourse.com/how-to-write-an-about-us-page/ https://kopywritingkourse.com/how-to-write-an-about-us-page/ (Not my blog and I have no affiliate relationship - just a reader)
MrGrillet 9y ago
I don't know if it has been mentioned already but I couldn't find it... I really like Notion... https://www.notion.so/ https://www.notion.so/
0xcafecafe 9y ago
google.com ? At least when it came out first. Simple, intuitive and efficient.
anddyyyy 9y ago
Arena. www.are.na
deleted 9y ago
[deleted]
ironbutterfly 9y ago
www.typeform.com how's this post-rebrand?
deleted 9y ago
[deleted]
araph2 9y ago
http://goodweb.design/ http://goodweb.design/ Here's a great resource I reference often. I prefer this rather than looking for inspiration on sites like Behance / Awwwards, which don't tend to tell design stories applicable to B2C / B2B audiences.
z3t4 9y ago
What do you guys think about having no landing page and taking the customer directly to the product !? If it's a web app.
markfer 9y ago
I imagine it's okay to share our own - we've gone through lots of iterations for ours at https://www.recapped.io https://www.recapped.io. There are a lot of improvements that can be made (as with most sites), but we're pretty happy and get a lot of compliments.
zy1t 8y ago
Shameless promo: I made a gallery that curates great landing pages, and sorts them according to section for easy reference. http://www.goodweb.design/ http://www.goodweb.design/ As a designer who sometimes works on landing pages, I’ve found it really helpful get a horizontal cross-section of what the best people are doing for a specific page section like pricing, feature overview, or hero. Hope you find this useful too.
vuzum 8y ago
Here's some good ones in crypto: https://www.streamr.com/ https://www.streamr.com/ https://melonport.com/ https://melonport.com/ https://0xproject.com/ https://0xproject.com/ https://keep.network/ https://keep.network/ https://republicprotocol.com/ https://republicprotocol.com/

566 points by iampaul 9y ago

[1] http://fairpixels.pro http://fairpixels.pro [2] http://stripe.com http://stripe.com [3] http://airbnb.com http://airbnb.com [4] http://dropbox.com http://dropbox.com

thr2178008 9y ago
I feel the Dropbox redesign was horrible. The look & feel just doesn't make sense.
- slx26 9y ago
  The colors, the fonts.. It's like they asked an eccentric fashion designer to make the webpage. Really, does anyone like it? o_o
chmod775 9y ago
IMHO only http://fairpixels.pro http://fairpixels.pro and http://airbnb.com http://airbnb.com are good. They both immediately tell me what they're selling and don't bombard me with visual information. Stripe's page has so much detailed graphics and distractions on their site that it took me a moment to even realize I was on stripe's page. They even display a bunch of other product logos on their page more prominently (and in color!) than their own - as if intentionally trying to mislead me further [1]. Dropbox's page seems to have an identity crisis but they get away with it because people know what they really are. They're selling me some abstract "workspace" - I have no idea what that means and it's probably not what most people use dropbox for. They immediately want to sign me up for it though? 1: https://i.imgur.com/IcpYiOR.png https://i.imgur.com/IcpYiOR.png

n0mad01 9y ago

https://www.awwwards.com/ https://www.awwwards.com/

progval 9y ago
I love the irony of them showing their best website of the day with marks set to "0.00", unless Javascript is enabled.

asadotzler 9y ago

I'm heavily biased but I think that Mozilla Firefox's landing page is pretty great. (I had nothing to do with designing it, but I do work for Mozilla.) https://www.mozilla.org/en-US/firefox/ https://www.mozilla.org/en-US/firefox/

ComputerGuru 9y ago
Actually, that's downright terrible. I've used "Firefox" since it was called "Phoenix," but I know a lot of people that would click that link and go "huh? What is Firefox?" The firefox homepage shouldn't be about advertising Quantum (which only applies to people already using Firefox and acutely aware of a new release (as it doesn't even introduce what Quantum is before diving in)), but rather about advertising Firefox itself.
rmorey 9y ago
Thanks for working for Mozilla! Important work

anandkulkarni 9y ago

I put together a browseable set of example high-quality landing pages here, ranging from startups to larger companies: https://design.crowdbotics.com https://design.crowdbotics.com These examples were originally selected by Kesler Tanner over at the Stanford Institute of Design. They represent what's going on as of mid-2017 in landing page design. The one shift that I've seen since this collection was last updated is the migration to bolder, more contrast-heavy color palettes that make use of more illustrations. Intercom and Dropbox's current sites are good examples here.

Teichopsia 9y ago
Nice page. Tough, I would make the whole picture clickable instead of just the eye icon. And, the "x" to dismiss is hidden unless I have the browser at full screen. Firefox dev 60.0b7
- anandkulkarni 9y ago
  Thanks! I'll get these updated.
stagbeetle 9y ago
YES, BUT WHOSE SITES ARE THESE? I had a tough time trying to find some of these websites, like "Scale." Which doesn't own scale.com or scale.io or any other derivative, but "scaleapp.com."
mproud 9y ago
All I see is an orange screen and “Crowdbotics”…
- stan_rogers 9y ago
  It's one of those silly damned things that could and should be a static page but is served as JS instructions for building it in the browser instead.
  - 9y ago

iamben 9y ago

I think it depends what you mean by landing page, and what you're hoping it'll achieve. Most of the pages listed in this thread so far are just good home pages. If you sent ad traffic to them, them will never convert as well as a page with no leaks other than the primary focus of your funnel.

Skunkleton 9y ago

My favorite was the New York Times from the early 2000's. Lots of information all concisely represented. https://web.archive.org/web/20010202075200/http://nyt.com:80/ https://web.archive.org/web/20010202075200/http://nyt.com:80...

thebenmiller 9y ago

Take a look at https://onepagelove.com/ https://onepagelove.com/ if you haven't seen it.

rifung 9y ago

https://www.canva.com/ https://www.canva.com/ is probably my favorite I've seen? It has very little information I admit but I like how a site made for designers has a very unique design itself. I am not a designer myself but I was impressed enough that I still remember seeing it.

Numberwang 9y ago
Looks OK but it does suffer from the same problem as a lot of other sites. It wants you to commit before telling you what you are committing to. Tell me what you offer and give me a rational as to why I should be interested. That's all I'm asking yet no one seems interested in answering those questions on a landing page.
spiralganglion 9y ago
I really like the mouse-following effect in the background. It's subtle enough to not be annoying, but playful. As an interaction designer, I love seeing these little hints of fun that sneak into otherwise "vanilla" projects.

Cyranix 9y ago

https://land-book.com/ https://land-book.com/

coinextend 9y ago

https://coinextend.com/ https://coinextend.com/ bitcoin exchange

Numberwang 9y ago

https://ninite.com/ https://ninite.com/ You get the explanation, the selector and the recommendations all in one page.

chasedehan 9y ago
I disagree, that page is way too crowded. I wanted to click off immediately. It still took me a minute to figure out what the offer was because of all the other stuff on the page. That is the beauty of airbnb's landing page, you get a sense right off the bat of exactly what it is they are selling.
- polyterative 9y ago
  Chocolatey is better anyway
  - Numberwang 9y ago
    I had a look and can’t really see why. Why would you want to type out the names of all the apps you want? With ninite you tick a box and that’s it.

deadcoder0904 9y ago

https://hyperpixel.io https://hyperpixel.io http://pages.xyz http://pages.xyz

rajeshpant 9y ago

I'm so impressed by the design of https://www.magicleap.com/ https://www.magicleap.com/ It is so amazing and beautiful. I wonder what technologies they use to build the front end.

corobo 9y ago
My god is that a laggy landing page if you haven't got a GPU behind your browser. Also I'm not sure what happened but just as I was closing the page I got a single note of what I believe to be electro(?) music It was also clearly designed with access to smooth scrolling, I'm assuming Mac. The scroll is just awful without and the animations don't really play nicely. I closed the page before I learned what Magic Leap is. Not the best for a landing page.
haylem 9y ago
Dang. I have an MBP with an i7 and 16GB of RAM, and a landing page lags?! Hells no. Also, I think it ate 1% of my battery in the blink of an eye. No thanks. Update: 8MB for a landing page. Wait, waaattt? I'll give you the first animation is somewhat cool, but a lot of visitors will definitely be turned off by the slow and sluggish experience, and I don't think it's the impression I want from a company (apparently) banking on Virtual Reality. I like my reality fairly instantaneous, thank you, so the goal would be to have my VR to behave in kind.
- IAmGraydon 9y ago
  That's strange. I'm on a 4 year old Dell with integrated graphics and unimpressive specs and it runs perfectly smooth.
  - manasn 9y ago
    Probably a 'safari' thing. I have an i3 with unimpressive specs and it runs perfectly smooth on chrome.
    - haylem 9y ago

deleted 9y ago

[deleted]

samcampbell 9y ago

For us less technical user, what do y'all recommend for creating great landing pages?

progval 9y ago
Focus on the content: - explain in a few words what your product is, so it can be understood by everyone - explain what your product does - how your product is different from everything else - pricing I know it sounds obvious, but I often have no idea what the product is after reading a landing page
- shadowwolf007 9y ago
  I've been working on this for a product launch we are trying to do and have had the problem you are talking about. The problem is that explaining that without ending up mired in detail is much harder than people give it credit. I've found it very useful to actually write out the list of what I am trying to convey and look at it constantly while doing design work. Also splitting out the work - the first forays have been what I realized was actually development work that I was hiding behind design. During design I put away the dev environment and just work with sketches.
davidivadavid 9y ago
If you're mentioning "less technical" I assume you're talking about tools? You can make good landing pages in Wordpress using a page builder like Elementor (just drag & drop). You might need a bit of HTML/CSS here and there to customize things, but you should be able to get by without it.
- samcampbell 9y ago
  Thanks! Yes, referencing tools.

ComputerGuru 9y ago

Presuming it's OK to share own site: after countless iterations and lots of suggestions and feedback from HN and others, we're pretty happy with ours: https://neosmart.net/EasyRE/ https://neosmart.net/EasyRE/ Tells you what it does, tells a story, and then takes you right to the action. And it converts well for the market it serves. Feel free to tell us what you think still sucks about it, constructive criticism > positive feedback.

laythea 9y ago
I like the landing page. Its got the right balance between text and whitespace/images etc. Its a shame though, that when you click the links, you navigate to pages that adopt a different theme entirely. It would be better if all the site were themed the same.
- ComputerGuru 9y ago
  Thanks for the reminder. We were seeing how the LP converted before updating the rest of the site.. several months ago :) That goes with the job when you're marking a non-web service - the website is quite distinct from the product and so doesn't see the same kind of attention or have the same kind of urgency.

bgdkbtv 9y ago

Here are a few resources for you to check out: https://hyperpixel.io https://hyperpixel.io https://verynicesites.com https://verynicesites.com https://onepagelove.com https://onepagelove.com And once you’ve finished design and build of your landing page, submit to https://roastmy.site https://roastmy.site to get feedback :)

r3bl 9y ago
Ah, the idea behind roastmy.site seems really cool, but the comments it gained so far seem really non-constructive. I didn't see any comment actually roasting the site, only compliments and one small suggestion (to add a comma somewhere). I really hope that the idea will catch on, and that it will gain traction (and actual roasts as a result).
- bgdkbtv 9y ago
  Hey, thanks for the feedback on Roast My Site! It's actually my hobby project and I put it together in a couple days time. Its still in early development stages, a lot of things are missing and some are not working. Also, since there was no official launch, there is no traffic or users to actually submit sites and/or roasts. But they are coming soon and I think its going to be fun :D
  - birdman3131 9y ago
    Has anybody ever submitted Roast My Site to itself?
    - shurcooL 9y ago
      Yes, I saw it on page 3. It had 0 comments.
    - bgdkbtv 9y ago
      I did! On page 2 or 3, no comments. Interestingly, to my surprise, not many people actually post. Lots simply browse. I should work more on engagement and commenting and make it easy

dyim 9y ago

If you're looking to build a great landing page, I found this resource suuuuper helpful when designing our landing page: https://www.julian.com/learn/growth/landing-pages https://www.julian.com/learn/growth/landing-pages "I want you to think of landing page optimization from the perspective of desire: Conversion = Desire (Increase this) - Labor (Decrease this) - Confusion (Decrease this) It's less work to reduce a visitor's labor and confusion than to increase desire." And here's our landing page: https://www.loopsupport.com/ https://www.loopsupport.com/

slx26 9y ago
Some criticism: I don't really like the buttons style, but more objectively, you should center text and take a look at their size, it made me super uncomfortable when I opened the page. Also, the "Try us for a week" at the bottom is shifting the page in the background to the left, leaving 20px of white space or so in the right side (Windows, Google Chrome). The "Start Trial" button that appears after clicking on "Try us for a week" looks much better.
- dyim 8y ago
  Thanks man! Really appreciate the feedback... sounds stupid, but we had trouble repro-ing that 20px whitespace bug.

davidivadavid 9y ago

Analyzing examples of great landing pages (in terms of marketing, not just design) is the subject of my blog, Your Landing Page Sucks! This article is quite popular: https://yourlandingpagesucks.com/startup-landing-page-teardown-yc/ https://yourlandingpagesucks.com/startup-landing-page-teardo... I also wrote a "Landing Page Cookbook" that got to the top of Product Hunt, and that contains a bunch of examples for every element you might want to put on your landing page. Don't hesitate to message me/email me if you've got specific questions about your landing page.

odammit 9y ago
Uh, your landing page kinda sucks on mobile. CSS is all a-wonk and you have a gigantic email collector right at the top
- deleted 9y ago
  [deleted]
- davidivadavid 8y ago
  That's odd, it's one of my best performing lead magnets. I'll look into it. Thanks!

codegeek 9y ago

There is this one site that lists a lot of great Landing Pages: https://land-book.com https://land-book.com

johnymontana 9y ago

https://muzzleapp.com/ https://muzzleapp.com/ Does a great job of demonstrating the value of the product.

andkon 9y ago
I just fully belly laughed my way through that. So good
djflutt3rshy 9y ago
Funny release notes too.
- roselan 9y ago
  CodeKit reviews stand their ground too.
benetzz 9y ago
ahaha, nice one!
eljimmy 9y ago
That truly is a great landing page. The fake notifications were so entertaining I shared it with some friends.
ricardobeat 9y ago
Note they are using real people's faces without permission (through randomuser.me / uifaces.com) for the avatars in those 'funny' sample notifications. https://twitter.com/ohhoe/status/970753038406373377 https://twitter.com/ohhoe/status/970753038406373377
- aaronbasssett 9y ago
  They do have permission though. The people used granted permission when they submitted their face to uifaces.com, in fact they even went so far as to submit their faces to the "authorised" section on uifaces > those awesome folks allow their faces to be used on live products They might not have ever imagined that their faces would be used in this manner, but they did give their permission.

broskoski 9y ago

https://are.na/toby-shorin/only-good-startup-landing-pages https://are.na/toby-shorin/only-good-startup-landing-pages

andkon 9y ago

I've been a senior product marketer at Heroku and Realm (AKA the person responsible for leading the creation of product landing pages), and I gotta counsel y'all: when you're looking at landing pages, what makes them great has a lot less to do with the visual design, and a lot more to do with the story and message they tell. They're fundamentally narrative media: a landing page proceeds serially from top to bottom. What you see first matters most; like every good story, it also needs to give you a reason to proceed down the page. It's great when they converge — where the visual design, structure of the page and the copy itself all come together in a beautiful statement of the brand's values and the product's value propositions. But none of that can happen without a story that resonates powerfully with the people who it should matter to. On a cursory examination of landing pages, it's easy to forget that they're speaking directly to a specific group, and miss the real magic simply because you aren't in that group. edit: apparently HN disagrees

newman8r 9y ago
What are your thoughts about showing pricing on the landing page?
- dbg31415 9y ago
  Be upfront with your price. Price is a data point a customer needs to make the decision. Give them all data points you can.
  - a13n 9y ago
    It's not that simple. Some businesses would lose a fortune if they started pricing this way. Particularly if you sell to enterprises. Many companies will make more money by sizing them up and giving them an optimal custom price.
    - Angostura 9y ago
      As long as your explicitly factor in the number of sales being lost in the calculation

hoodoof 9y ago

What is the definition of a landing page?

guessmyname 9y ago
> In online marketing, a landing page, sometimes known as a "lead capture page" or a "lander", or a "destination page", is a single web page that appears in response to clicking on a search engine optimized search result or an online advertisement. The landing page will usually display directed sales copy that is a logical extension of the advertisement, search result or link. Landing pages are used for lead generation. The actions that a visitor takes on a landing page is what determines an advertiser's conversion rate. > — https://en.wikipedia.org/wiki/Landing_page https://en.wikipedia.org/wiki/Landing_page

avip 9y ago

https://flypigeon.co/ https://flypigeon.co/

ghostbrainalpha 9y ago
Basically perfect. Any way to find out who this designer is?
- avip 9y ago
  Follow the comments in the OP https://news.ycombinator.com/item?id=10310265 https://news.ycombinator.com/item?id=10310265

deleted 9y ago

[deleted]

Distant_horizon 9y ago

For e-book sales, Superhi's page is effective. The market is saturated, but design is their USP. And they acquire your email for TOC... https://www.superhi.com/learn-to-code-now-book https://www.superhi.com/learn-to-code-now-book

ghostbrainalpha 9y ago

Concept for a New Zealand Surf Company. https://cdn.dribbble.com/users/688456/screenshots/4273785/attachments/975882/surf_fullsize.mp4 https://cdn.dribbble.com/users/688456/screenshots/4273785/at...

zeptomu 9y ago
Hm ... I like the design and it's cool maybe for a product video or commercial, but I don't think it's a good landing page - not much information and too many moving parts. People can also get disengaged by too much distraction I would guess (at least I do).

legohead 9y ago

Your landing page is going to depend highly on your target audience. I worked at a place whose demographic was women aged 35+. Our landing page looked god awful -- super long, giant graphics and text, testimonials, autoplaying video, etc. But no matter how modern we tried to make it, the shitty eye-bleaching one always won out in A/B tests.

komali2 9y ago
Anybody that's done a/b testing for a Japan audience can relate to this. I'll never pretend to sympathize with the nation's need for ten million characters of 8pt font spaghetti sprayed over every page, but I have long ago accepted it.
- bonellia 9y ago
  Could you give us some examples of those? Since I don't browse websites in Japanese, I have no clue what that looks like. Thanks in advance.
  - komali2 9y ago
    Hah, YES! This will be fun :) So, it's calmed down a bit, but here's the homepage for rakuten, the biggest ecommerce site in japan. Nothing too out line, except the very Japanese block-ads on the top of the page and running down the right side: https://www.rakuten.co.jp/ https://www.rakuten.co.jp/ See also the "superdeal" page (this may expire) https://event.rakuten.co.jp/superdeal/?l-id=top_normal_flashbnr_10_160&l-id=ppf_pc_s2_pc_web_t2_102783 https://event.rakuten.co.jp/superdeal/?l-id=top_normal_flash... Notice the quick scrolling banner, the word "DEAL" in english sprawled everywhere (with SUPAAAAA!!! in Japanese before it) lots of different color background blocks with white/black/red text over it. Very much the "assault the senses" style of Japanese advertisement. The watch ad, for example. "50% OFF!" "ONLY UNTIL 4/2 9:59!!!" "GET 20% POINTS BACK!" "SUPER DEAL!!!!" Here's the relatively more calm website for book-off, the largest retailer of books in Japan. I think reading is more popular in Japan as a hobby though I don't have empirical data as evidence, just my personal observation. Maybe I only think this way because the cities are more dense. Anyway: https://www.bookoff.co.jp/ https://www.bookoff.co.jp/ scrolling banners with many colored backgrounds and different font colors, lots of "ZERO YEN!" kind of stuff, lots of different font stylings, sizes, etc. Controlled Chaos. Notice also the prototypical "block style" ads all down the page. We probably think of them as "grids" or "cards" in the web dev world these days but they've been doing this on japanese internet since the 90s and it harkens to Japan print ads, magazines etc. Ah, here we go, I knew Don Quixote (or Quijote) wouldn't disappoint. Right down to the url: "donki.com" lol http://www.donki.com/ http://www.donki.com/ not https note GIANT banner ads scrolling at the top, as of now we've got a black and white one, sliced through with angled images. Simple model photo after that, another one but with a very blue background, then fourth one BOOM that classic Don Quixote eye assault, complex golden background with streamers, Japanese equivalent of comic sands with tilted font in all sorts of colors and sizes, the Don Quixote... penguin? screaming at you. Scroll down for more madness. Thanks for asking me to do this, I haven't taken a peek at Japanese ecommerce sites in a while. In-person ads have hardly changed in Japan (I was there last week for the sakura) but it's clear to me that the web design styling has calmed down remarkably. If you ever get a chance to pick up some Japanese classifieds, you can get an even better sense of what we used to deal with :)

student_9 9y ago

I personally love http://fairpixels.pro http://fairpixels.pro those guys seem to understand design

marclave 9y ago

shameless plug, I think you'll like it! https://www.launchaco.com/ https://www.launchaco.com/ Also I enjoy https://onroadmap.com/ https://onroadmap.com/

jodiew 9y ago
Love the iconography and simple animations of the Roadmap landing page! The on-boarding experience of launchaco is phenomenal though.

mmanfrin 9y ago

Nearly every release of a new Stripe product of feature has me amazed at what their frontend people can do.

chrissnell 9y ago

https://webflow.com/ecommerce https://webflow.com/ecommerce Our landing page for our new launch!

austinjp 9y ago
Some feedback for you: this is dreadful on mobile. Scrolling is broken, page took like 20 seconds to render what I assume was the main content (coloured blocks with text).
- chrissnell 9y ago
  Sincerely--thanks for that feedback. Lots of different posts getting downvoted here and so little useful feedback. That's what we're here for, after all. What mobile device and browser do you use? I'm on Safari on an iPhone 7 and it loads pretty quickly for me. We do have a CDN in front of it.

stef25 9y ago

This one's just beautiful https://sentry.io/welcome/ https://sentry.io/welcome/

baxtr 9y ago

I learned a lot about landing pages through Justin Jackson. See for example his videos on YouTube: https://www.youtube.com/watch?v=roMpTWmhD6k https://www.youtube.com/watch?v=roMpTWmhD6k

wiesson 9y ago

Have a look at http://lapa.ninja http://lapa.ninja

fl_dev 9y ago
Was about to suggest that, good source

vira28 9y ago

https://aprl.la/ https://aprl.la/ Simple, and conveys the meaning. Also provokes the curiosity.

r3bl 9y ago
It's simple alright, but their Twitter bio is more descriptive of their actual product than their entire web page.

dzonir 9y ago

Landing page of the month http://icelandingpagedesign.com/#blog http://icelandingpagedesign.com/#blog

calebm 9y ago

https://blog.klm.com/how-to-perform-a-good-landing/ https://blog.klm.com/how-to-perform-a-good-landing/

Teichopsia 9y ago

Quick question. Where do the designers / developers find assets? Or do they create them from scratch? One such 'assets' I've manage to find recently is https://mockuphone.com https://mockuphone.com (no affiliation), but apart from that there isn't much besides the usual. Fontawesome, pexels and the lot.

spiralganglion 9y ago
A bit of both. Lots of designers/devs will use existing assets to save time. They often pull materials from asset packs that other designers publish, as you mentioned (The Noun Project also comes to mind). On the other hand, a lot of designers make it a point of pride to make their own assets from scratch. I'm certainly in the later camp, though I have friends in the former. It's nice to be able to say "I made everything on the site", but there's a definite cost in time and effort and pain.
- Teichopsia 9y ago
  That's a nice project. I'll have to take a deeper look into it. Is there a central place where these types of projects pop up?
  - spiralganglion 9y ago
    Most of the things I'm aware of just came up on HN, reddit, twitter, or in podcasts. The best approach I've found is just to follow popular designers (on twitter, podcasts, etc). When they talk about something cool, dig in and learn who made it, and follow that person to see what cool things they talk about. Repeat. Maybe start with @brad_frost and @vlh.
    - Teichopsia 9y ago
      Added. Thanks.
icc97 9y ago
dribbble.com and behance.net. That's more idea generation than asset generation but you can then mashup the ideas to generate your own assets

donjoe 9y ago

dribbble.com comes with really lovely designs. You'll have to look for something fitting your product though...

thsowers 9y ago

I've always loved https://webflow.com/ https://webflow.com/ Simple, explains the product well, looks beautiful!

Exuma 9y ago

Here's ones I saved https://zeit.co/ https://zeit.co/ https://www.whatruns.com/ https://www.whatruns.com/ https://www.cointracker.io/ https://www.cointracker.io/

huphtur 9y ago

Good article on how to improve your landing page (with some great examples): https://medium.com/sketch-app-sources/improve-your-landing-page-by-learning-from-the-best-ddb431aa1c04 https://medium.com/sketch-app-sources/improve-your-landing-p...

hoodoof 9y ago

Look, here is my question: how is it that startups make such great websites? I try to make a website for my products, and they always look crap, even if I start with a template from themeforest, or use a single page site builder. Is it necessary to pay to get someone to design it to make something look good, or do I just have naturally really bad skills at making things look attractive and convey a clear message? What's the secret?

koboll 9y ago
>Is it necessary to pay to get someone to design it to make something look good, or do I just have naturally really bad skills at making things look attractive and convey a clear message? Both. The latter is the reason for the former.
zeroxfe 9y ago
Unless you decide to spend a ton of effort learning how to design, you're much better off hiring someone. (There's also the opportunity cost of not spending your time on your core competencies.)
rapfaria 9y ago
They probably have web designers.
aloukissas 9y ago
You can start with good defaults like on SquareSpace and Instapage.
spiralganglion 9y ago
It takes a lot of practice. The beautifully-designed work that surrounds us was largely created by people who have spent years and years honing their craft. When you start off, there will be a gap between what you want to do and what you're able to do. It's important to just keep pushing through that, and especially to keep iterating. Iterate on your websites — take a moment every now and then to clean up some part of it, and after a few months or a year it'll be worlds better. Iterate on your process — find sources of inspiration, learn new techniques, try different ideas. I have seen people who were terribly unskilled, who felt like they were artless or inept or without taste or untalented, grow over the years to the point where they could make great work. It hurts a bit when you see people who are "naturally" good, but at best, that only means they had an easier go of things. It doesn't mean you can't eventually get that good too.

c_t_montgomery 9y ago

https://www.instapaper.com/ https://www.instapaper.com/

paulie_a 9y ago

I don't have any specific examples but it really isn't all that difficult... anything you probably think is important...no one gives a shit about. Simply explain why I should want to contact you with a unique selling proposition. Why should your customer care about talking to you. That is a single sentence. What are you offering and why does it have immediate value?

oldspleen 9y ago

Where can I find top notch designers who can create high quality landing pages?

joshjkim 9y ago
you can check this out! https://www.launchaco.com/ https://www.launchaco.com/
4gotmyaccount10 9y ago
I run a freelance web development company, if your interested i could shoot you a template of what your's could look like
- oldspleen 9y ago
  I’d love to learn more about it! How can I reach you?

vivacaligula 9y ago

https://snerx.com/ https://snerx.com/ Minimal, in-line CSS, pre-formated HTML, etc.

manaskarekar 9y ago

https://dlang.org/ https://dlang.org/

deathtrader666 9y ago
Their forum is the fastest one I've ever seen!

rmorey 9y ago

ipfs.io ipld.io libp2p.io protocol.ai All rock

harshgupta 9y ago

Apple.com before any product launch is probably the gold standard here.

pestaa 9y ago
I actually dislike their use of whitespace and scrolling animations. Usually those landing pages are way overdone IMO.

khuknows 9y ago

For me, it’s all about the copy: https://sweep.cards https://sweep.cards https://basecamp.com https://basecamp.com

wyclif 9y ago
I'm a 'copy' guy too, and those are the first ones I thought of when thinking about 'great landing pages.'
pimlottc 9y ago
I have to disagree on Sweep. The copy is good but it’s rather long-winded; they should really get to the point and show me their tool sooner.

Folyd 9y ago

https://anyshortcut.com/ https://anyshortcut.com/ A great productivity Chrome/Firefox extension

bandrami 9y ago

Landing pages are awful. In 5 years we're going to be as embarrassed of them as we are now of the mid-oughts' "Skip Intro" buttons. Landing pages fail at the Big Red Fez[1], and will eventually disappear with all the other attempts at giving the user "an experience" rather than a hypertext document. 1: https://www.amazon.com/Big-Red-Fez-Make-Better/dp/0743227905 https://www.amazon.com/Big-Red-Fez-Make-Better/dp/0743227905

zpr 9y ago

Not a landing page but generally good advice here: https://goodui.org https://goodui.org

EdSchouten 9y ago

https://www.gov.uk/ https://www.gov.uk/

dragosbulugean 9y ago

Shamelessly plugging my product: https://archbee.io https://archbee.io

usaphp 9y ago

https://framer.com/ https://framer.com/ https://www.figma.com/ https://www.figma.com/ The first impressive landing page I saw with video/gif screencast was SublimeText: https://www.sublimetext.com/ https://www.sublimetext.com/

brandonmenc 9y ago

https://cushionapp.com https://cushionapp.com Everything about their product and design is great, but they also have an informative landing page. (Also, props to the Seinfeld references)

deltron3030 9y ago

This one is more focused on storytelling: https://www.heynishi.com https://www.heynishi.com

eurticket 9y ago

http://collectui.com/challenges/landing-page http://collectui.com/challenges/landing-page

eurticket 9y ago
https://medium.com/sketch-app-sources/improve-your-landing-page-by-learning-from-the-best-ddb431aa1c04 https://medium.com/sketch-app-sources/improve-your-landing-p...

Caratz 9y ago

Shameless self bump but I worked pretty hard on this. https://caratz.io https://caratz.io Also took me awhile to design the forum thread https://bitcointalk.org/index.php?topic=3220677 https://bitcointalk.org/index.php?topic=3220677

tobilg 9y ago
On iOS, it doesn’t scale correctly, and scrolling seems to be pretty broken
zachrip 9y ago
Not sure if it's because I'm viewing it on a 1440p display, but the node garden animation in the background is super laggy. When I shrink it down to mobile size it looks nice though. Edit: the scrolling is also janky, I think as a result of the node garden rendering/processing.

Mojah 9y ago

I like this one: https://ohdearapp.com/ https://ohdearapp.com/ At a glance, it looks like that horrible browser error message about insecure SSL certificates, which is an interesting choice given the tool focusses on _fixing_ SSL related errors. Simple, flashing red, it stands out imo.

deleted 9y ago

[deleted]

p0nce 9y ago

Personally I like landing pages that are pretty. It makes me confident that some care went into the product too.

pc86 9y ago
It should only make you confident that they either paid a designer to make something pretty, or that they have design skills. You can put a lot of care into a technical product and have no design skills or expendable income to make something "pretty." Likewise, if you spend 40 hours on the landing page and only 10 hours on the product you're selling...

mgav 9y ago

To supplement a landing page, consider an "About Us" page with this article's approach: https://kopywritingkourse.com/how-to-write-an-about-us-page/ https://kopywritingkourse.com/how-to-write-an-about-us-page/ (Not my blog and I have no affiliate relationship - just a reader)

MrGrillet 9y ago

I don't know if it has been mentioned already but I couldn't find it... I really like Notion... https://www.notion.so/ https://www.notion.so/

0xcafecafe 9y ago

google.com ? At least when it came out first. Simple, intuitive and efficient.

anddyyyy 9y ago

Arena. www.are.na

deleted 9y ago

[deleted]

ironbutterfly 9y ago

www.typeform.com how's this post-rebrand?

deleted 9y ago

[deleted]

araph2 9y ago

http://goodweb.design/ http://goodweb.design/ Here's a great resource I reference often. I prefer this rather than looking for inspiration on sites like Behance / Awwwards, which don't tend to tell design stories applicable to B2C / B2B audiences.

z3t4 9y ago

What do you guys think about having no landing page and taking the customer directly to the product !? If it's a web app.

markfer 9y ago

I imagine it's okay to share our own - we've gone through lots of iterations for ours at https://www.recapped.io https://www.recapped.io. There are a lot of improvements that can be made (as with most sites), but we're pretty happy and get a lot of compliments.

zy1t 8y ago

Shameless promo: I made a gallery that curates great landing pages, and sorts them according to section for easy reference. http://www.goodweb.design/ http://www.goodweb.design/ As a designer who sometimes works on landing pages, I’ve found it really helpful get a horizontal cross-section of what the best people are doing for a specific page section like pricing, feature overview, or hero. Hope you find this useful too.

vuzum 8y ago

Here's some good ones in crypto: https://www.streamr.com/ https://www.streamr.com/ https://melonport.com/ https://melonport.com/ https://0xproject.com/ https://0xproject.com/ https://keep.network/ https://keep.network/ https://republicprotocol.com/ https://republicprotocol.com/