4 ms·
These days when I build a website, I design them with the mindset that I want to subtlety troll the web design zeitgeist. As such, most of my designs these days
by bradgessler 4y ago
These days when I build a website, I design them with the mindset that I want to subtlety troll the web design zeitgeist. As such, most of my designs these days are inspired by resources like https://motherfuckingwebsite.com/ https://motherfuckingwebsite.com/ and http://modalzmodalzmodalz.com/ http://modalzmodalzmodalz.com/
Let’s look at how I applied those towards my sites:
https://legiblenews.com/ https://legiblenews.com/ is just a mother fucking website, with dark mode. It’s responsive, accessible, and fast. So fast that it’s unofficially the fastest news website on the planet https://legiblenews.com/speed https://legiblenews.com/speed
https://www.thingybase.com/ https://www.thingybase.com/ is full of childish sketches that I made on my iPad Pro. Each sketch took maybe 30 minutes. It’s fun. It’s whimsical. It’s a website that’s not taking design too seriously, but it works, is fast, and is usable. It’s also modal free, with the exception of the Rails deletion confirmation dialogs that I’ll be replacing with an undo.
And finally my absolute worst designed website is https://www.imageomatic.com/ https://www.imageomatic.com/, which is alpha at v0.1, is a super lame sketch with a handwritten tagline.
I am trying to prove a point that people overthink design. What matters is if the product is useful, usable, and if the design looks authentic to the people and company behind it.
Inauthentic design is when small companies throw gobs of money at their sites or applications trying to make their websites look like a billion dollar company, like Stripe.
Authentic design is when a small company, like mine listed above, don’t try to pretend they have a huge design budgets. Inevitably when small companies pretend they have a big design budget, they end up with something that starts looking janky over time because the funds and people needed to maintain it aren’t there.
- NomadicDev 4y agoI like your philosophy. In fact, I think it helps in more than one way. When I'm comparing multiple projects, and they all have the same bland "MicroGoogFace" looking style, I feel like I've wondered into OpenAI's secret bot farm pumping out generic copy & paste versions of the same thing. When I see a page deciding to be unique with their design, I'm more drawn into giving them a deeper look. By the way, I like your news site, never heard of it before, thanks! And for your thingybase, have you looked into adding something like PaperCSS [0] to try the whole "sketchy" look together? Although you may be opposed to adding any css libraries lol I don't know. [0] https://www.getpapercss.com/ https://www.getpapercss.com/
- bradgessler 4y agoYeah, I looked at that but don't want to go full-on pencil & sketch for the design of the thing. I'm actually planning on switching the CSS framework from Bulma to Tailwind because its much easier to deal with.