Hacker News Reader

Comment by Unai | Hacker News Reader

Does anyone have a web design inspiration site that's focused on sites that just look good and have a good UI & UX instead of collecting the most out there canvas animation thingies? Those might look good, but I can't get inspired by something that I can't replicate without a team of multidisciplinary people doing 3D design, WebGL, etc.

I used to have a number of good ones added to my RSS reader, but they have slowly cease to update. I could google for inspiration sites like that, but I know google will only give me listicle SEO spam.

View on HN

Here are some I like:

https://pixelfika.com/pixels

https://cssline.com/

https://www.siteinspire.com/

Also

https://minimal.gallery/

(I learned about this here on HN If I recall correctly)

Yup, discussed here 5 months ago:

https://news.ycombinator.com/item?id=35225097

Thanks! As a developer, these are the kind of sites that I want to develop for myself.

What makes them unique?

I just happen to like their curated aesthetic, and with respect to OC, the designs also seem reasonable to implement and use.

Also: https://admiretheweb.com

What happened with the "above the fold" rule, that we put important info where the user don't need to scroll. I clicked through some of them and I only see huge titles with parallax.

In e-commerce space you might take a look at: https://theheadlessclub.com/. It's exactly what you're looking for. Quote from about page:

"Most directories tend to put emphasis on shiny and showy hyper-animated web experiments. Unfortunately, many of these projects fail when criteria like performance, mobile, usability, and accessibility are considered. It’s hard to find one single resource on the internet that would combine both the technological excellence and highly polished design in ecommerce space. The Headless Club started as an internal agency tool to foster ecommerce best-practices across our development team. Now we’re sharing our findings with you."

Disclaimer: I'm the co-author (with folks from commerce-ui.com agency). We'll soon make it not specific to headless but to all e-commerce stores.

Help: what are “headless e-commerce stores?”

Is that like having an eComm shop built atop Shopify?

Headless means that you're using e-commerce platform only via API and build your front-end in whatever tech you want (next, nuxt, Remix, etc). It's different from a traditional approach when e-commerce platform handles front-end (HTML templates rendering). In Shopify can do both.

https://www.shopify.com/enterprise/headless-commerce

Funny that headless is now considered "traditional," when that was considered standard for a decade and a half. Relying on the platform was considered amateur.

Well, those who now use shopify used to use prestashop, magento or shopworn before. Not sure if all of those stores were run by amateurs.

"Traditional" is just another way to say "what was once the norm", so your comment is a bit pleonastic. Is relying on the platform no longer considered amateur? If yes, call me old fashioned, because I've never liked those platforms...

Thank you!

Those might look good, but I can't get inspired by something that I can't replicate without a team of multidisciplinary people doing 3D design, WebGL, etc.

I'm with you. 98% of these lists are worthless for inspiration because they're mostly at student portfolio pieces or mock ups.

Show me some good accessible, fast, commercial designs that I can be inspired by and learn from, not some design agency's 3D spinning radishes blocking the text.

Bonus points if they manage to work in display advertising in a tasteful way.

Hacker News’s simple and utilitarian focus is my favorite inspiration.

I have a similar gripe that many of these design inspiration websites that I'm trying to use to inform all kinds of design objectives. They seem to be singularly focused on landing pages, but there are great ideas and implementations out there to full applications design. I wish we could find more inspiration for Interactions, user flows, how to show a lot of information in one viewport without overwhelming the user, and so on.

While not exactly what you asked for and instead a single article containing a collection of advice, albeit concretely illustrated in an arguably useful fashion, I can attest at least that I've found this one useful:

https://medium.com/refactoring-ui/7-practical-tips-for-cheat...

You asked for "web design inspiration" but you sound like you're asking for UI design, which is a different skill. For that I recommend Mobbin:

https://mobbin.com/

RFCs! https://www.ietf.org/rfc/rfc793.txt

Reply on news.ycombinator.com