I like it. Not everything has to be minimal with circular or proxima. It's a bit gaudy but still, its fun and nicely made.
Appreciate the comment, Todd! I too would agree it's a bit gaudy ;) Cheers.
Yeah but it is very obviously intentional. It's a nice break from a thousand websites that all look the same.
Well, I appreciate your kind words, Todd!
I love everything about this ❤️
Dan, thanks buddy! You're a stellar designer so that compliment sinks in just a bit deeper. Thanks bro.
Such Rogie. So Colorful. Much Wow. Epic Designery.
WoW that meme still lives! You are the DOGE whisperer. Thanks for the words.
I love it! It's a more unique layout and style than many portfolios I've seen. Between Neon Mob and Super Team Deluxe, I've been a fan of your style for awhile now so it's awesome to see a portfolio built around your aesthetic.
In particular, I love the following:
- the animations: subtle rolling, nice use of animation for transitions
- the colors: I've always been jealous of the gorgeous gradients in your work
- your work speaks for itself
Here are a few minor suggestions:
- Performance! The page is almost 4mb. Some of the optimization would be easy - switching at least some (maybe all) of the images from PNG to JPG would allow you to preserve quality and compress a great deal. (You could probably also size them down a bit.)
- The nav layer overlaps a good portion of the top of the screen (less as you scroll down). Because it's positioned absolutely, it hangs above the content making it hard to interact with some things (see the "Neonmob" link in the first part of the portfolio).
- Having your logo scale down as you scroll and then stick is a nice touch, but (particularly in the first part of the portfolio) it overlaps a lot of the content as it's scaling down. The sticky logo is a bit more distracting with the blurred drop shadow than the "Talk to me" button is.
- I'm not sure if it's an artifact of CSS transformations or something else, but the text for portfolio entries felt blurry compared to everywhere else. (This was in Chrome on Mac.)
- Looking at the mobile app section on my phone, I couldn't see much of the descriptive text unless I scrolled down low enough that the sticky logo/button overlapped a good portion of the portfolio image.
Glad to see designers have such a great attention to detail and issues! This is definitely one of those...push early and you know its a bit busted, but I need the kick in the ass to finish it sort of moments.
That being said, all your critiques are hitting all the right notes, which tells me you actually gave it some serious thought. Will be addressing ALL of these issues.
I figured this was still very early so hopefully my suggestions didn't come across as major issues. None of them are dealbreakers and your portfolio is already worlds better than most I've seen.
As someone who is constantly tinkering with and attempting to improve my own site(s), I completely understand. There's no such thing as done with web design. ;) Feel free to poke me on twitter or my own website (stegrainer.com) for follow-up anytime.
Hey Ste, your site does not open at the moment. Any issues?
+1 to all this, and one more thing – I didn't get right away that the sections are clickable, it's not obvious that it's slider. Maybe it's just me...
Maybe I'm a slow learner, but it took me some time to understand that you could fetch some more stuff from each project by the thingie that came from the right. Maybe some indicators could help out?
Apart from that, I like it! Feels like it has a lot of personality :)
Whoa, I didn't realize you could see more info about the projects at all. That could definitely be improved.
+1 I had no idea until I saw this comment
Solid critique, my man! Thank you.
Seemed obvious enough to me, and if a user doesn't hit all of the projects its still a stellar presentation
I like the visual approach, its super bubbly, which is very nice to see, as nowadays everyone tries to look basically like the next designer. I like the animation, though you have hardware acceleration issues on chrome; the footer blinks when you interact with the icons below, that happens because they are not on their own rendering layer. Try working with will-change and the contain property, to solve this.
then you have this selector:
.view>*.current, which is super weird, as it is exactly the same as writing
.view > .current, as both select any direct child from .view with the class .current. Did you write the css yourself?
Very helpful, Thomas. Appreciate all that effort and thoughtfulness from you.
.view >*.currentas a result of scss nesting (UGH). Star selectors are like...not the best, I know. I'll alter it. Thanks also so much for your tips on
Also, appreciate the hat tip on the thinks you did like! It was absolutely aiming at being visual, bubbly and fun!
I am in your site and I am having fun
For this, I am stoked.
Well, it crashed my browser. I enjoyed the two seconds I saw before that though.
This doesn't feel like it's got his usual quality and attention to detail - don't know if it's just the particular size I'm looking at it on but it's swathes of space and awkward alignment.
It's a leak...still working on it, but appreciate your belief in me, James!
Your site, your timeline :)
As for your work, that's always been something I've enjoyed.
I'm a big fan of this. There just aren't enough organic shapes on the internet these days.
If I'm being super picky, I'd say you could do with a little more help for users to know that clicking on the partial to the right hand side will advance through the project.
Also, I just wanted to compliment this so much I finally signed up for an account for DN so hi everyone!
Alex, great point regarding advancing through projects! I really was hoping to be more of a UI-less experience. Less button-y buttons and icons and more intuitive...but it may prove that just putting a button, pagination dots, or arrow will just be clearer. Cheers!
Super fun, super unique. I really enjoy seeing a designer's personality come through in their portfolio. :)
That said, it makes my 2015 MacBook Pro sound like a jet engine.
I'm sorry, this was definitely a get this thing out the door, Weston! I'll be addressing your new helicopter's torched engines soon.
Really fun, Rogie! Though I wished it worked as well in FF as it does in Chrome.
Ryan, really appreciate it. As I've mentioned in prior comments, this is one of those just push the thing out the airplane because we've got to skydive sort of moments. Will be finessing and addressing key UX issues throughout the week!
ah! sorry then for the redundant comment, good sir! I feel like you gave a lot of us permission to make websites silly and experimental again
Thats a bigger compliment than perhaps you think, Ryan. It pains me to look out and see so many designers thinking they have to design like X or fit into X. I'd love to see us all get a little looser and express more wildly!
Love this! Feels a tiny bit crowded between sections, but it's gorgeous nonetheless.
Appreciate that critique, Daniel. It's a bit in flux — decided to leak it a bit naked just to expose some of these flaws early. Thanks.
Mind if I ask how you did the header/footer animations?
It's more bleeding edge, but in CSS, you can set a transition/animation and then change the SVG path via
d: path(...)and the path will tween!
It degrades nicely as well. No animation in FF but it looks good anyway.
Love it Rogie, nice colour palette and really neat use of transitions.
Loving this one! I like how it uses some popular elements and trends that are being really popular lately but it sill adds a fun twist to them.
Digging it! How do I pronounce your name? Row-jee? Row-gee? Ro-gi? something else?
Raw-gee (as in gee whiz) or think of it like Roger, but cuter. My dad's name is Roger.
Got it Rogie
Nice site! You spelled "triumph" incorrectly in the HTML comment. I enjoyed reading it, though! :P
Ha! I see you found that easter egg. Thanks for the heads up!
I really dig the morphing oval "Talk to me" button. Down with rectangular buttons!
Thanks for the compliment, Jason!
One true Unicorn
_______\)%%%%%%%%._ `''''-'-; % % % % %'-._ :b) \ '-. : :__)' .' .' :.::/ '.' .' o_i/ : ; : .' ''`
Definitely refreshing to see something different! Although, I would agree with the previous (helpful) critiques. But you mentioned so far it's a leak.. and everything you touch turns to gold so I am sure it'll end up perfect!
I notice the similarities to Super Team Deluxe, nice work on both!