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 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 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 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 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.
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 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 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?
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 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.
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 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
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. :)
https://www.on-running.com/ https://www.mammut.com/uk/en https://www.patagonia.com/home/
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.
https://www.lingscars.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.
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.
I suppose this is the TailwindUI value proposition.
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.
Who has time to browse those?
* 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?
You're the x I've been waiting for? Great, why?
You're x made simple? Great, how?
etc.
* automatic bullshit generators were available online even before the current "AI" religion.
Bookmarked.
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!
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.
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.
Also, even if you're an information density nerd you need tactical whitespace that helps you quickly jump to the right text box.
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
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.
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?
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
Already found a few products/topics of interest while browsing web designs :)
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.