Web design inspiration catalog

https://www.curated.design/

by warthog • 2 years ago

193 53 2 years ago

If anyone has additional recommendations of exceptionally well designed e-commerce sites, please share them. I’m looking to build a collection focused on the segment.

chacho• 2 years ago

As a designer, these are always top of mind for ecommerce design

https://www.on-running.com/ https://www.mammut.com/uk/en https://www.patagonia.com/home/

felipemesquita3• 2 years ago

Thanks! That’s exact what I was looking for: great design and usability. And also cool that on-running is a Solidus store, which is the framework I’m working with.

TehShrike• 2 years ago

I don't find on-running very usable. I'm trying to filter the list of hiking shoes, and

1. I'm not even presented with filters until after I click a "show filters" button – they default to hiding useful elements just so that the page looks more minimal when initially displayed 2. every time I add a new filter, the page reloads and the filters scroll back up to the top, and I have to scroll down the iframey-type interface on the left to get down to where I was in the list of filters

Mammut doesn't put its filter UI inside of a separate tiny scrolling box at least, though it does annoyingly scroll to the top every time I add another filter. Also, after browsing shoes for a minute, it interrupts me by greying out the screen and popping up some advertisement.

yakshaving_jgt• 2 years ago

I like this one.

https://www.lingscars.com/

felipemesquita3• 2 years ago

Impeccable

kroltan• 2 years ago

https://www.mcmaster.com/

Loads ultra fast, comprehensive filtering and specification for every class of product, excellently categorised.

It's a website so good I wish I worked in metalworking and lived in North America, just so I could have a use for it.

nuz• 2 years ago

So many scroll hijacking ones...

kome• 2 years ago

bad trend and practice. also, ugly.

kossTKR• 2 years ago

Sorry but this seems like yet another poster like splash page inspiration sites like Dribble, Awwwards, Behance, Httpster, Gsap, Godly.

I've yet to find any sites with actual real world UX examples; actual content, actual text, not miles of scrolling and enormous whitespace, 1 picture and a size 200 font - that's a poster, cool but irrelevant.

If you are doing work for a company you need to put lots actual content on the screen while maintaining elegance, that is the hard part.

patrulo• 2 years ago

baymard.com is what you're looking for.

mattgreenrocks2• 2 years ago

This is great. I presume the e-commerce focus it takes is irrelevant if I’m looking to improve UX skills?

mattgreenrocks2• 2 years ago

Been learning frontend and this is a big issue. The free component libraries still seem very low level, and there’s almost no guidance on going from zero knowledge to something passable.

I suppose this is the TailwindUI value proposition.

maremmano• 2 years ago

I often visit www.awwwards.com for inspiration.

In the past there was plenty of these websites i.e. Design is Kinky, etc.

I also remember the early css reboots. But I'm going into nostalgia now. :)

lucideer2• 2 years ago

This (unlike the op) is actually great. Truly surprised to find something like this in 2024. Thanks for the link!

huhtenberg3• 2 years ago

You can buy your way into Awwwards. That's literally their business model.

cityzen• 2 years ago

This is a blast from the past! Right when I read Design is Kinky I was taken back to the days of Chank Fonts, Groove Salad, etc. Thanks for the memories of the good ol' days!

throwaway346434• 2 years ago

God no. https://www.reddit.com/r/fuckalegriaart/

afavour2• 2 years ago

every time I see this image I want to throw a brick at something

I get the art style is overused but wow, that community is blowing my mind. I can’t imagine being offended by something so innocuous.

esafak• 2 years ago

If you are a designer and think about this all day, you might have reason to take offense. Here's a humorous look from the designer's side: https://www.youtube.com/watch?v=jVhlJNJopOQ

huhtenberg3• 2 years ago

It is an obnoxious and overused style, granted, but there's literally one entry of this type on the front page of the linked site.

6DM• 2 years ago

Hm, I never even thought about this style of art, I had to look it up: https://en.wikipedia.org/wiki/Corporate_Memphis

nottorp2• 2 years ago

I scrolled a bit and 90% of the thumbnails at least were content free 10 words per screen "sites".

Who has time to browse those?

samsolomon3• 2 years ago

You mean marketing landing pages? FWIW, I think it's helpful when the value prop is front and center.

nabla9• 2 years ago

Show me a web site of design like in the examples with the value prop is front and center.

nottorp2• 2 years ago

What value prop? A 10 word phrase that's coming out an automatic bullshit generator* and that doesn't tell me anything about what they're selling?

* automatic bullshit generators were available online even before the current "AI" religion.

addandsubtract• 2 years ago

I _CREATE_ MEANINGFUL DeSiGnS for _HUMANS_

lucideer2• 2 years ago

This is indeed an impressive resource if you're compiling a set of examples for a slidedeck on the vacuousness of "design" in corporatised digital marketing.

Bookmarked.

afavour2• 2 years ago

I can only assume this was posted to HN as ragebait. I think a bunch of these pages look great. I wish my brain could intuitively match typefaces, colours and illustrations in the way some of these pages do, but no, engineer brain go bleep bloop.

But let’s be real: they’re way too marketing-y for the HN crowd. Don’t they know we like 10px text and as few margins as possible? Information density, people!

conductr• 2 years ago

It’s completely marketing, every page I saw was a landing/home page. A lot were just brochure websites for an agency. Maybe I missed it, but would be interesting to see this similar inspiration focus on application UI/UX design. There’s a handful of apps that I just like using / doing work in / interacting with the service. Eg. notion, airtable, figma, and while not a front end guy I’ve spent a lot if time in FE over the years and some of these apps leave me wondering how they managed to get html/css/js to look and behave this way. It’s gone beyond the web2.0 origin which gmail still feels like. Some of these web apps feel like full blown applications and introduce a lot of rather unique/bespoke functionality

ecommerceguy• 2 years ago

It took me at least 5 minutes to figure out culture amp is a survey company.

CuriouslyC• 2 years ago

10pt font is just bad because there are too many combinations of device/person where it's nearly illegible. It's fine for fine print and redundant captions but you shouldn't go below 11 for paragraphs in most cases.

Also, even if you're an information density nerd you need tactical whitespace that helps you quickly jump to the right text box.

zerkten• 2 years ago

I think it would be improved by focusing on specific elements or patterns. These look pretty but there are deficient elements in some of the designs. With more guidance (the job of the site, but it's too minimalist right now) you can spot the elements which do stand out.

I struggled with what you describe and art/design more generally. I started photography as a tech person and naturally gravitated to being a gear head. Now I still shoot with my ancient Canon EOS 7d and it's much more relaxing. I only got there by doing everything by making hard break from looking at the technical aspects, avoiding certain forums, finding photo walks without gearheads, etc.

With time I started to appreciate other elements of design and be able to put things together without the feelings that existed before. I'm not sure if there is a particular psychological description of this. There is definitely an element of my anxiety at play though.

The 10px and margins get to me too. I'm probably better at articulating my views now with designers that results in productive outcomes. If designers only have the ear of the CEO though it's a lost cause.

Hendrikto• 2 years ago

I think most of them look extremely generic and boring. They are beautiful, sure, but very standard at the same time.

qingcharles• 2 years ago

I used to tell myself the same, but after years of doing it you slowly build up a set of rules and intuition in your head. Practice, practice, practice.

chiefalchemist2• 2 years ago

Why are the featured screenshoots still desktop-only?

FFS it's 2024, we're supposed to be thinking mobile-first, and focusing on experiences for the majority of visitors (i.e., mobile), and yet "inspiration" remains "look at these desktop designs"?

When does such irresponsibility become negligence?

/rant

samsolomon3• 2 years ago

I don't think that's fair. We should be going wherever our customers or users are.

If it's mobile—and for most consumer businesses it will be—then design mobile-first. We're an enterprise SaaS company. I tell our designers that we should design responsively, but to design desktop-first, because 90% of our users are using a desktop.

chiefalchemist2• 2 years ago

Fair? I don't make the internet. But to answer you directly: then the site should be promoted as *desktop* inspiration.

But it's not just this site, is it? FE developers and FE engineers think mobile-first, and yet the designers' default is still desktop (when it's often the minority, and fading). What could go wrong?

vi2837• 2 years ago

Yeah, full website design screenshots would look better, and easier to find the best, like here https://www.pickedweb.com

huhtenberg3• 2 years ago

Anyone remember a thing called PatternTap?

Used to be the place for web design inspiration. The granddaddy of all web galleries with a focus on design and styling elements. Really well curated, but picky and exclusive as heck. Then came Dribbble, derived directly from it. Followed by the flood of web galleries, design awards and what not. All stemmed from the Tap.

[1] https://web.archive.org/web/20080725032756/patterntap.com

[2] https://web.archive.org/web/20130328040241/patterntap.com

warpech• 2 years ago

I have kind memories of Styleboost, TheFWA, K10K... I wish I also know PatternTap back then.

fowkswe• 2 years ago

Linkedup, Design is Kinky, News Today. I miss those days of the web.

hoc• 2 years ago

Kudos for the excellent business model!

Already found a few products/topics of interest while browsing web designs :)

karaterobot• 2 years ago

This is nice, but is it all just home pages? Home pages are showpieces, but they're a small part of what I think of when I think of web design. I'd love to see some of the actual UX.

technojunkie• 2 years ago

There's not a lot of examples provided, but the ones there are interesting. Also, why the tracking with Yandex? They might be legit, but it's suspect.

This reminds me of many other gallery sites, but one of the best right now is https://httpster.net/. Lots of inspiring, minimalist, but beautiful websites.

hellohihello135• 2 years ago

Does anyone know any resources that show a beautiful website and explain how to recreate it?

keiferski• 2 years ago

I think most of these are a bit boring. Not terrible by any means, but I think I prefer Godly if you're looking for some inspiration: https://godly.website

Capricorn2481• 2 years ago

While these godly sites are cool, I find them very annoying to read. I think that's just because of my expectations of what a website will look like, and not anything inherently wrong with cool animations

dazh• 2 years ago

Anyone have any good resources for SaaS UI design inspiration?

cenan• 2 years ago

Cool site! While browsing the site, I wondered, how did you take so many clean screenshots without cookie popups? Which screenshot api are you using?

Web design inspiration catalog

Related Stories