I like your design style a lot Eliot! The falling shapes are fun, its like a self-working game of tetris. I'm curious about the thinking behind not having visuals for your portfolio items. I have seen this every so often where there aren't any thumbnails, just titles and mini-descriptions. Did you have lots of thought behind this, or did it sort of just happen? While I like the idea the design isn't just visual, I also like being able to see your work right away without needing to click on any external links.
Just saw that you're a cardistry/cards junkie on your Dribbble. Me too! Been flourishing since ~2007.
Oh man another cardist designer! Cool!
Not having visuals just sort of happened for a few reasons.
1- the visuals weren't always the most interesting thing about the project. For example ScoreHorse isn't aesthetically that impressive, what's impressive is that I self taught and built it. The kanye west chatbot doesn't actually have that many visuals- it's a chatbot.
2 - matching all the visuals against each other was tricky. The header had such a huge range of colours and motion, it was lush as - to then scroll down into even more visuals, all kinda counteracting each other was a bit weird. I did try it, but I gave up on it.
I do agree its not perfect, it's something i'd like to try solve in version 5 :)
Sweet, I appreciate the insights. I respect the thought that the visuals aren't always the most important detail. I do think that selecting/producing a nice visual is an effective way of enticing someone to click on the item. You have arguably accomplished this with the simple title/description grid, although my guess is that some people just might no click on any of them. I have no data to back this up of course so take it with a grain of salt. ;)
Really unique and fun! Playing with the shapes made me smile.
The section linking to your work frustrated me, though. The clickable areas are a bit too large. I accidentally selected the "Kanye Chatbot" title and tried to deselect by clicking off, but kept getting taken to a different project instead.
Hmm yeah, I was unsure how to go about it. I originally had it so the titles were the only links, but when I showed it to some friends they couldn't recognise that they were the links - particularly because the 'tags' look like buttons as well?
Thanks for your feedback, will think about it :)
I'm not a fan of the way some of the shapes are the same colour as typography so the text disappears when they're on top of one another.
Other than that, very awesome. Clean design. Muchos love.
I did that on purpose haha, I thought it added a sense of 3d layers. But still, good feedback
That's a pretty good design man. I am going to feature you in my weekly design coolness series. Congrats!
Simple. Clean. Effective. +1
Well done Eliot :)
Grab a triangle and try to stop them from hitting the bottom!
Shit design. Didn't get past the header. WILL IT EVER FILL UP!!?!?11
Here's a pro tip just for you. Open the site, then swap to another tab - wait for a few minutes. Swap back to my site, enjoy the onslaught of shapes.
I actually found out about this accidentally by writing that comment and swapping back to the site to look at the header some more. :)
Done that twice since!
Oh, and I DID check out the rest of your work ;) Very well made portfolio and some nice work there. Enjoyed it!
.edit: also, isn't canvas fun? I ran into a similar "issue" as yours a few days ago with a side project I was working on, lightbulbs flickering to the beat. But when I swapped away and reloaded the page, it caught up to all the missed beats at a rate of requestAnimationFrame()! For my project however, it wasn't something I turned into a feature ;)
Haha yeah canvas does some weird shit. Originaly you'd swap back, it'd spawn 1k boxes, and your browser would promptly crash. But once I had object cleanup the crash stopped, but I left it in as a feature haha.
Funny how we had a similar process! For my animation I ended up skipping the frames it hadn't rendered, even though a friend noted it "looked quite funny seeing it animate at 10x speed" :)
You definitely say a lot more about what you can do by saying less! I really enjoyed checking this out!
Too much shapes! :P But I like it!