HACKER Q&A
📣 EspressoGPT

What are some well-designed websites?


What are some well-designed websites in term of design, look & feel, and usability? The Apple website might be an example.


  👤 fenfe1 Accepted Answer ✓
I've always found https://gov.uk generally well put together.

👤 Y_Y
https://www.mcmaster.com/ is a hardware retailer. Their website is a joy to use.

👤 afavour
I suspect you're not going to find much consensus on HN. Being a more developer-heavy community I suspect many people will tell you that Craigslist is the height of design and anything containing a gradient is a wasteful mess.

"well-designed" is a very subjective term.


👤 Apreche
If you are looking for web sites that look fancy like apple.com

https://godly.website/

But people here, and myself, are going to tell you that those are not well designed sites. Well designed sites are mostly text, good typography, follow all accessibility guidelines, etc.


👤 v8xi
I think https://lichess.org is wonderful and always bring it up as an example of a great UI

👤 imadj
For me Stripe is the peak for a product/company website:

https://stripe.com/

I heard some people admire https://linear.app/ but I don't see the appeal myself

Majority of websites often fall into one of two categories:

1. Traditional off the shelf template

2. Look cool but fail when it comes to usability and robustness (those featured on awwwards)



👤 jstx1
The lichess.org UI is snappy af especially in comparison to the chess.com one. No idea how anyone manages to play low time controls on chess.com.

👤 xnx
Craigslist, Wikipedia, Hacker News. The best designs are fast and functional.

👤 agarden
lichess.org

👤 syndicatedjelly
Craigslist worked well 15 years ago and still works well today.

- There's no "user" persona - Craigslist doesn't develop their site to be addicting.

- There are no ads

- The buttons for doing basic actions have not moved

- You don't need to reveal any personal information to use the service

- It does two things, and only two things well - helps buyer buy shit and helps sellers sell shit


👤 gmiller123456
It depends. A well designed site for Apple isn't a well designed site for Lichess.

I would recommend browsing through some of the critques on the DesignCourse channel. On some videos people submit their site for critique, and he often live edits them to make them better. https://m.youtube.com/@DesignCourse


👤 resonance1994
I'll throw https://www.gov.uk/ into the ring here. Heard it's one of the best designed websites for disabled accessibility.

👤 vladstudio
Aah, that's always a controversial question, on one hand, some universal rules of usability do exist, but on the other hand, everyone's habits, taste and use cases are very different.

The most neutral definition of a "well designed" website, without any further context, could be "created in a way that helps users achieve intended goals efficiently, while keeping max number of users happy about its look".

Again, different audiences will have very different answers. Here at HN, sites like https://www.mcmaster.com/ and https://www.craigslist.org win – because HN users appreciate old look and how efficient these sites are.

https://www.apple.com/ is an industry standard of a marketing site for consumer tech. It's not universally "well designed".

Other examples of well done marketing pages: https://www.sketch.com/ ; https://statamic.com/ ; https://linear.app/ got its share of hype recently.

Other times, a website is well designed because its content is awesome and is easy to consume. See https://ciechanow.ski/ and https://www.joshwcomeau.com/

Is https://github.com/ well designed? As an amateur developers, I'd say yes.

Is https://htmx.org/ well designed? Hmm, at a glance, there's no design at all. Is no design also design? That's a rabbit hole.

P.S. I often hear my website is well-designed :-)


👤 keiferski
I really love the website of Brutus, a popular men's culture/fashion magazine in Japan. It manages to be both busy and minimalist at the same time. Plus it just looks so different from most of what you see on similar sites.

https://brutus.jp

https://en.wikipedia.org/wiki/Brutus_(magazine)


👤 lapcat
> The Apple website might be an example.

Ironically, apple.com doesn't even support dark mode!

Also, the hover menus are a usability nightmare: https://underpassapp.com/news/2023-2-9.html


👤 rsync
I, also, was going to say mcmaster but since that’s already been mentioned…

I really do think lesswrong is a beautifully done site. Minimal, light design without gimmicks and a very functional comment threading system.

I don’t read much content there but it’s always a pleasure when I do.


👤 shmde
https://steamdb.info/

I love this website so so much.



👤 PyWoody

👤 gsuuon
https://www.awwwards.com/ showcases some pretty websites

👤 magnio
Let's plot websites onto a plane where "look & feel" is the x-axis and "usability" is the y-axis.

I suspect most of the websites suggested here will lie in the top left corner. This is exemplified by websites of tech / SaaS companies, with the universal header, a centered display-sized black-weighted heading in Inter, the various screenshots, testimonials, all responsively arranged and come with dark mode, and (possibly falling out of vogue) squishy-squashy Memphis corporates. These are the playgrounds of Tailwind, Vercel, Linear.app, Shopify, PlanetScale, Supabase, etc. Modern at first sight, but quickly dull the senses. Passable for their supreme usability (the Vercel dashboard works better on mobile than many websites on desktop).

On the bottom right corners are the grandiloquent, the pompous, the extravagant. See them on Awwwards. Somehow, I feel a sizeable of Web3 websites fall into this, though I have only superficial exposure to them, with their overuse of transitions and animations.

It's hard to find the exemplary websites, the residents of the top right corner. Some suggest the apple.com website, which I feel is certainly worthy of consideration but whose style I don't really grok. I shall leave here some suggestions, whose merits I hope is clear upon the first visit:

- https://build.mmm.page

- https://excalidraw.com

- https://laracon.net

- https://krasjet.com/rnd.wlk/julia

- https://wise.com

- https://cal.com

- https://freefaces.gallery


👤 ykonstant
Personally, I love the Stacks Project webpage (https://stacks.math.columbia.edu/); they way it is laid out, the font, the seamless integration of LaTeX in the test (https://stacks.math.columbia.edu/tag/0A2U) has made me rethink mathematical text for the web.

👤 balaji1
Chipotle and Starbucks apps work great. If you have go-to items you want to order and pickup.

👤 Leftium
I've been shopping around for banking services and settled on https://wise.com. Best usability of the banks I've tried. So I decided to use Wise as my primary service to pay bills, receive payments, transfer money, and keep savings.

Honorable mentions go to:

- https://www.capitalone.com

- https://www.sofi.com


👤 jacknews