News for hackers. Stuff that matters.
Re:Web Design Inspiration by maremmano on Thursday February 08, 2024 @08:16AM (#39301571)
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. :)

Re:Web Design Inspiration by lucideer on Thursday February 08, 2024 @08:54AM (#39301921)
This (unlike the op) is actually great. Truly surprised to find something like this in 2024. Thanks for the link!
Re:Web Design Inspiration by huhtenberg on Thursday February 08, 2024 @09:35AM (#39302362)
You can buy your way into Awwwards. That's literally their business model.
Re:Web Design Inspiration by cityzen on Thursday February 08, 2024 @02:56PM (#39306812)
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!
Re:Web Design Inspiration by felipemesquita on Thursday February 08, 2024 @07:54AM (#39301377)
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.
Re:Web Design Inspiration by chacho on Thursday February 08, 2024 @08:29AM (#39301668)
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/

Re:Web Design Inspiration by felipemesquita on Thursday February 08, 2024 @09:32AM (#39302327)
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.
Re:Web Design Inspiration by TehShrike on Thursday February 08, 2024 @03:52PM (#39307530)
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.

Re:Web Design Inspiration by yakshaving_jgt on Thursday February 08, 2024 @09:26AM (#39302230)
Re:Web Design Inspiration by felipemesquita on Thursday February 08, 2024 @09:37AM (#39302383)
Impeccable
Re:Web Design Inspiration by kroltan on Thursday February 08, 2024 @03:04PM (#39306921)
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.

Re:Web Design Inspiration by nuz on Thursday February 08, 2024 @07:57AM (#39301405)
So many scroll hijacking ones...
Re:Web Design Inspiration by kome on Thursday February 08, 2024 @08:18AM (#39301598)
bad trend and practice. also, ugly.
Re:Web Design Inspiration by kossTKR on Thursday February 08, 2024 @08:06AM (#39301480)
Sorry but this seems like yet another _splash page that communicates nothing_ inspiration site like Dribble, Awwwards, Behance, Httpster, Gsap, Godly etc.

I've yet to find any sites with actual real world UX examples, sites with actual content, actual text, without miles and miles of scroll, enormous whitespace or huge font with one single word.

Examples that don't show how to elegantly present at least 5+ elements, or communicate clearly a product in one single viewport without scrolling is useless for actual business, or even just for presenting a few things in a portfolio.

If you are doing work for a company you need to put lots actual content on the screen while following art direction, and that is the hard part all of these examples skip.

Re:Web Design Inspiration by mattgreenrocks on Thursday February 08, 2024 @08:37AM (#39301735)
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.

Re:Web Design Inspiration by patrulo on Thursday February 08, 2024 @08:11AM (#39301526)
baymard.com is what you're looking for.
Re:Web Design Inspiration by mattgreenrocks on Thursday February 08, 2024 @08:39AM (#39301760)
This is great. I presume the e-commerce focus it takes is irrelevant if I’m looking to improve UX skills?
Re:Web Design Inspiration by throwaway346434 on Thursday February 08, 2024 @08:28AM (#39301660)
Re:Web Design Inspiration by 6DM on Thursday February 08, 2024 @10:40AM (#39303203)
Hm, I never even thought about this style of art, I had to look it up: https://en.wikipedia.org/wiki/Corporate_Memphis
Re:Web Design Inspiration by afavour on Thursday February 08, 2024 @09:21AM (#39302203)
> 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.

Re:Web Design Inspiration by esafak on Thursday February 08, 2024 @04:05PM (#39307685)
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
Re:Web Design Inspiration by huhtenberg on Thursday February 08, 2024 @09:34AM (#39302346)
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.
Re:Web Design Inspiration by nottorp on Thursday February 08, 2024 @08:48AM (#39301858)
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?

Re:Web Design Inspiration by samsolomon on Thursday February 08, 2024 @08:50AM (#39301881)
You mean marketing landing pages? FWIW, I think it's helpful when the value prop is front and center.
Re:Web Design Inspiration by nabla9 on Thursday February 08, 2024 @09:05AM (#39302032)
Show me a web site of design like in the examples with the value prop is front and center.
Re:Web Design Inspiration by samsolomon on Thursday February 08, 2024 @09:16AM (#39302149)
In 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?

Re:Web Design Inspiration by calderknight on Thursday February 08, 2024 @10:38AM (#39303170)
I 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.

Re:Web Design Inspiration by nottorp on Thursday February 08, 2024 @09:09AM (#39302065)
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.

Re:Web Design Inspiration by addandsubtract on Thursday February 08, 2024 @02:55PM (#39306792)
I _CREATE_ MEANINGFUL DeSiGnS for _HUMANS_
Re:Web Design Inspiration by lucideer on Thursday February 08, 2024 @08:52AM (#39301895)
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.

Re:Web Design Inspiration by afavour on Thursday February 08, 2024 @09:17AM (#39302157)
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!

Re:Web Design Inspiration by conductr on Thursday February 08, 2024 @09:43AM (#39302474)
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
Re:Web Design Inspiration by ecommerceguy on Thursday February 08, 2024 @09:48AM (#39302529)
It took me at least 5 minutes to figure out culture amp is a survey company.
Re:Web Design Inspiration by whstl on Thursday February 08, 2024 @10:14AM (#39302834)
That'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.

Re:Web Design Inspiration by zerkten on Thursday February 08, 2024 @09:50AM (#39302554)
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.

Re:Web Design Inspiration by CuriouslyC on Thursday February 08, 2024 @09:50AM (#39302552)
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.

Re:Web Design Inspiration by qingcharles on Thursday February 08, 2024 @11:34AM (#39304012)
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.
Re:Web Design Inspiration by Hendrikto on Thursday February 08, 2024 @09:59AM (#39302668)
I think most of them look extremely generic and boring. They are beautiful, sure, but very standard at the same time.
Re:Web Design Inspiration by chiefalchemist on Thursday February 08, 2024 @09:20AM (#39302182)
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

Re:Web Design Inspiration by samsolomon on Thursday February 08, 2024 @09:39AM (#39302417)
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.

Re:Web Design Inspiration by chiefalchemist on Thursday February 08, 2024 @09:48AM (#39302527)
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?

Re:Web Design Inspiration by vi2837 on Thursday February 08, 2024 @12:51PM (#39305097)
Yeah, full website design screenshots would look better, and easier to find the best, like here https://www.pickedweb.com
Re:Web Design Inspiration by huhtenberg on Thursday February 08, 2024 @09:31AM (#39302299)
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

Re:Web Design Inspiration by warpech on Thursday February 08, 2024 @10:00AM (#39302679)
I have kind memories of Styleboost, TheFWA, K10K... I wish I also know PatternTap back then.
Re:Web Design Inspiration by fowkswe on Thursday February 08, 2024 @10:14AM (#39302845)
Linkedup, Design is Kinky, News Today. I miss those days of the web.
Re:Web Design Inspiration by hoc on Thursday February 08, 2024 @09:46AM (#39302492)
Kudos for the excellent business model!

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

Re:Web Design Inspiration by karaterobot on Thursday February 08, 2024 @10:22AM (#39302945)
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.
Re:Web Design Inspiration by technojunkie on Thursday February 08, 2024 @10:26AM (#39302994)
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.

Re:Web Design Inspiration by hellohihello135 on Thursday February 08, 2024 @10:46AM (#39303278)
Does anyone know any resources that show a beautiful website and explain how to recreate it?
Re:Web Design Inspiration by keiferski on Thursday February 08, 2024 @11:20AM (#39303781)
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
Re:Web Design Inspiration by Capricorn2481 on Thursday February 08, 2024 @11:47AM (#39304211)
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
Re:Web Design Inspiration by dazh on Thursday February 08, 2024 @12:11PM (#39304541)
Anyone have any good resources for SaaS UI design inspiration?
Re:Web Design Inspiration by cenan on Friday February 09, 2024 @04:51PM (#39320938)
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?