5 ms·

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 canv

by Unai 3y ago

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.

hidelooktropic 3y ago
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.
awb 3y ago
Here are some I like: https://pixelfika.com/pixels https://pixelfika.com/pixels https://cssline.com/ https://cssline.com/ https://www.siteinspire.com/ https://www.siteinspire.com/
- Gualdrapo 3y ago
  Also https://minimal.gallery/ https://minimal.gallery/ (I learned about this here on HN If I recall correctly)
  - ChrisMarshallNY 3y ago
    [flagged]
  - hbcondo714 3y ago
    Yup, discussed here 5 months ago: https://news.ycombinator.com/item?id=35225097 https://news.ycombinator.com/item?id=35225097
  - arvinsim 3y ago
    Thanks! As a developer, these are the kind of sites that I want to develop for myself.
- 3abiton 3y ago
  What makes them unique?
  - awb 3y ago
    I just happen to like their curated aesthetic, and with respect to OC, the designs also seem reasonable to implement and use.
- Al0neStar 3y ago
  Also: https://admiretheweb.com https://admiretheweb.com
- Ajnasz 3y ago
  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.
r00dY 3y ago
In e-commerce space you might take a look at: https://theheadlessclub.com/ 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.
- gffrd 3y ago
  Help: what are “headless e-commerce stores?” Is that like having an eComm shop built atop Shopify?
  - r00dY 3y ago
    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 https://www.shopify.com/enterprise/headless-commerce
    - reaperducer 3y ago
      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.
      - super256 3y ago
        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.
reaperducer 3y ago
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.
mattygee 3y ago
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-cheating-at-design-40c736799886 https://medium.com/refactoring-ui/7-practical-tips-for-cheat...
austinwade 3y ago
Hacker News’s simple and utilitarian focus is my favorite inspiration.
Jipazgqmnm 3y ago
RFCs! https://www.ietf.org/rfc/rfc793.txt https://www.ietf.org/rfc/rfc793.txt
HungSu 3y ago
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/ https://mobbin.com/

by Unai 3y ago

hidelooktropic 3y ago

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.

awb 3y ago

Here are some I like: https://pixelfika.com/pixels https://pixelfika.com/pixels https://cssline.com/ https://cssline.com/ https://www.siteinspire.com/ https://www.siteinspire.com/

Gualdrapo 3y ago
Also https://minimal.gallery/ https://minimal.gallery/ (I learned about this here on HN If I recall correctly)
- ChrisMarshallNY 3y ago
  [flagged]
- hbcondo714 3y ago
  Yup, discussed here 5 months ago: https://news.ycombinator.com/item?id=35225097 https://news.ycombinator.com/item?id=35225097
- arvinsim 3y ago
  Thanks! As a developer, these are the kind of sites that I want to develop for myself.
3abiton 3y ago
What makes them unique?
- awb 3y ago
  I just happen to like their curated aesthetic, and with respect to OC, the designs also seem reasonable to implement and use.
Al0neStar 3y ago
Also: https://admiretheweb.com https://admiretheweb.com
Ajnasz 3y ago
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.

r00dY 3y ago

In e-commerce space you might take a look at: https://theheadlessclub.com/ 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.

gffrd 3y ago
Help: what are “headless e-commerce stores?” Is that like having an eComm shop built atop Shopify?
- r00dY 3y ago
  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 https://www.shopify.com/enterprise/headless-commerce
  - reaperducer 3y ago
    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.
    - super256 3y ago
      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.

reaperducer 3y ago

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.

mattygee 3y ago

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-cheating-at-design-40c736799886 https://medium.com/refactoring-ui/7-practical-tips-for-cheat...

austinwade 3y ago

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

Jipazgqmnm 3y ago

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

HungSu 3y ago

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/ https://mobbin.com/