10 ms·
Web design inspiration catalog
- felipemesquita 3y agoIf 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 3y agoAs a designer, these are always top of mind for ecommerce design https://www.on-running.com/ https://www.on-running.com/ https://www.mammut.com/uk/en https://www.mammut.com/uk/en https://www.patagonia.com/home/ https://www.patagonia.com/home/
- felipemesquita 3y agoThanks! 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 3y agoI 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 3y agoI like this one. https://www.lingscars.com/ https://www.lingscars.com/
- felipemesquita 3y agoImpeccable
- kroltan 3y agohttps://www.mcmaster.com/ 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 3y agoSo many scroll hijacking ones...
- kome 3y agobad trend and practice. also, ugly.
- kossTKR 3y agoSorry 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 3y agobaymard.com is what you're looking for.
- mattgreenrocks 3y agoThis is great. I presume the e-commerce focus it takes is irrelevant if I’m looking to improve UX skills?
- mattgreenrocks 3y agoBeen 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 3y agoI 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. :)
- lucideer 3y agoThis (unlike the op) is actually great. Truly surprised to find something like this in 2024. Thanks for the link!
- huhtenberg 3y agoYou can buy your way into Awwwards. That's literally their business model.
- cityzen 3y agoThis 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 3y agoGod no. https://www.reddit.com/r/fuckalegriaart/ https://www.reddit.com/r/fuckalegriaart/
- afavour 3y 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 3y agoIf 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 https://www.youtube.com/watch?v=jVhlJNJopOQ
- huhtenberg 3y agoIt 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 3y agoHm, I never even thought about this style of art, I had to look it up: https://en.wikipedia.org/wiki/Corporate_Memphis https://en.wikipedia.org/wiki/Corporate_Memphis
- nottorp 3y agoI scrolled a bit and 90% of the thumbnails at least were content free 10 words per screen "sites". Who has time to browse those?
- samsolomon 3y agoYou mean marketing landing pages? FWIW, I think it's helpful when the value prop is front and center.
- nabla9 3y agoShow me a web site of design like in the examples with the value prop is front and center.
- samsolomon 3y agoIn the first few rows, I see— * Auditional: Powerful Audition Tracking Made Simple * piefi: One App to Run Your Money * Peerlist: The Professional Network You've Been Waiting for * Arrows: Collaborative Customer Onboarding Plans for Teams Using Hubspot Some of these could use some work, but they are front and center?
- calderknight 3y agoI don't get interested when something says "I'm a really useful x". I get interested when it says "I'm a really useful x because y". You're the x I've been waiting for? Great, why? You're x made simple? Great, how? etc.
- nottorp 3y agoWhat 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 3y ago
- lucideer 3y agoThis 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.
- afavour 3y agoI 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 3y agoIt’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 3y agoIt took me at least 5 minutes to figure out culture amp is a survey company.
- whstl 3y agoThat's a bit reductionist. It is clearly a company doesn't want to be lumped together with Typeform, Surveymonkey or Google Forms, so it's positioning itself as a "employee engagement, performance and development tools". They want to sell tooling that is specific to HRs and other people that might have the desire for those specific tools. I get the desire for boxing things in 10 or 20 neat categories, but companies (and especially those that have a sales team) are often looking to differentiate themselves. Whether they are able to execute this well remains to be seen, naturally.
- CuriouslyC 3y ago
- chiefalchemist 3y agoWhy 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
- samsolomon 3y agoI 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.
- chiefalchemist 3y agoFair? 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 3y agoYeah, full website design screenshots would look better, and easier to find the best, like here https://www.pickedweb.com https://www.pickedweb.com
- huhtenberg 3y agoAnyone 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 https://web.archive.org/web/20080725032756/patterntap.com [2] https://web.archive.org/web/20130328040241/patterntap.com https://web.archive.org/web/20130328040241/patterntap.com
- hoc 3y agoKudos for the excellent business model! Already found a few products/topics of interest while browsing web designs :)
- karaterobot 3y agoThis 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 3y agoThere'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/ https://httpster.net/. Lots of inspiring, minimalist, but beautiful websites.
- hellohihello135 3y agoDoes anyone know any resources that show a beautiful website and explain how to recreate it?
- keiferski 3y agoI 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 https://godly.website
- Capricorn2481 3y agoWhile 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 3y agoAnyone have any good resources for SaaS UI design inspiration?
- cenan 3y agoCool site! While browsing the site, I wondered, how did you take so many clean screenshots without cookie popups? Which screenshot api are you using?