No more hijicking after all. The criminals responsible for this have been arrested.
I missed the fracas around scrolljacking. The way it works right now is great. Lovely looking and useful story-telling portfolio, I'd interview you.
after my first attempt to scroll down the homepage, nothing happened. then my immediate thoughts were "wtf only one project and no nav?" if you're going to scrolljack to this extent, the dots need to be more prominent.
case studies are great tho. detailed and engaging.
I immediately exited the site once I saw the scrolljack, absolutely unusable.
That's quite the exaggeration. There's a difference between absolutely unusable and mildly annoying... Great case studies and process posts here.
I disagree; it's not an exaggeration at all.
Imagine if Toyota decided to double the relationship between the steering wheel and the tires, so that a half turn on the steering wheel does a full 90 degree turn of the tires.
Maybe not the greatest analogy, but users have adjusted their mouse and scroll movements to their liking and have become accustomed to and expect that feedback across all interfaces. Do. Not. Hijack. Scrolling.
Do, not, mess, with, user, input.
Unless it's art or game.
When you lose control of your scrolling, that is unusable. It's like turning left while driving a car and the car turns right instead.
Thanks for the honest feedback. I'm pretty sure the experience looks worse than it should because I've done the front-end myself and I'm not an expert. I will definitely revisit this home page tonight. :)
If you really want to keep the full-page view (which I think is misguided), don't hijack scrolling in its entirety, try instead letting the user scroll but rubber band back to the location you want.
You keep using that word. I don't think it means what you think it means.
I totally agree with the scrolling comment! I went to scroll and it felt like the page was locked and there was only one case study.
However, once I found the case studies they were great! Clean, crisp and plenty of white space.
I also clicked the M logo at the top to go back to the home screen but this doesn't do anything. Maybe you should consider making this a link to the home page as well.
Great work :)
Definitely! Thanks for the feedback! :)
The scrolling threw me off as well. I didn't even notice the dots until I read this comment.
Case studies are very nicely done however.
7360 x 4912 8.4mb
You haven't bothered to resize or optimise the image and that just leaves a sour taste in my mouth before I've even started browsing the site.
I'm guessing performance wasn't a consideration for you at all but that is inexcusable in 2015, especially given the recent spotlight on performance.
Jesus, how did that happen? Probably slipped on one of those long nights working on this. But thank you sir, you helped me fix not only that, but a slowness on the navigation that was driving me crazy!! <3
As others noted, the homepage scrolling is quick clunky but i love the detailed breakdown and layout of the case studies and designs. Good job! I would recommend spending more time designing the homepage to introduce your case studies etc.
At first I thought this was a site for a specific product. I think the reason for that is because of the phrasing used for each section, more specifically the word "your."
Also not a fan on the scrolling. Good content though.
That's a very good insight.. I will work harder to make it look more... personal, maybe. definitely rethinking the copy.
That's very helpful feedback. Thanks for taking the time.
Really beautiful layout and case studies. Something I'd love to do with my folio in the future!
You do a fantastic job justifying your decisions and the language you've used is definitely conclusive and engaging.
I did see some issues in terms of responsiveness (on desktop, at least) - this page has the text covering your images at points in the mobile first section. Weird bug!
I will concur with the scrolljacking though, it always feels restrictive. I'm sure you can come up with a better way to approach this interaction in the context of your design.
Regardless - it's a really great promotion tool and the content is brilliantly written and explained. Nice work!
You have a good eye, sir! The fact is that I started out being very rigorous about the responsiveness, and as the time passed, I started to let some things go in order to get it done! Now that V1 is out, I will start to fix those details. Thanks very much!
No worries at all. I know how hard it is to get responsiveness right on all these custom-laid-out pages, so its completely understandable! Will look great when it's fixed.
Hey guys, I just finished my new product design portfolio and would love to get some feedback from the community.
There are some tweaks I plan to make already, like fixing the jankiness on the homepage navigation.
I'm also considering some kind of "about me" page, even though the idea of this portfolio is be very straighforward and showcase the projects I've worked on recently.
I vote yes on adding an "about me" page. I searched for one when perusing the site.
I like the look and feel but it's a little confusing as it feels like an app landing page rather than a portfolio.
I did want to comment on some of the frankly ridiculous statements about the scrolljacking though.
What are you people on?!
It's a minor thing that when you scroll acts in a roughly expected manner and scrolls the page down. The design might not be perfect for the indicators but it's really not the same as making a car steering wheel turn 90 degrees or "completely unusable".
How the hell do people who find things like this so "unusable" manage to get through their daily life?!
Well, people seem to love their freedom to scroll, I will give you that. I wanted a SOFT highjacking so it gave you the sense of a keynote presentation, but I messed it up with the code and it's now very clunky. But I'm working on that.
But I appreciated that you've seen past that and commented that if feels like an app landing page. Are you talking about the home page? Can you be more clear?
It's been awesome to gather so many good critiques. thanks!
That scroll ...
Looks great. Ignore all the people who have a chip on their shoulder about "scroll jacking". But I would put a prominent arrow at the bottom of the page to encourage scrolling.
I like the look and content, but it needs some development love. Only sort of works in Chrome. I don't think I have as big of an issue with scroll hijacking as the rest of the community, but that is when it actually works. It's extremely annoying when it doesn't.
I really liked it! I'm not sure if you fixed the scrolljacking, but it feels great to me. I'm just not a huge fan of the "scroll and fade" thing inside the case study - sometimes it works really well, but when you have a dark image/container the fading doesn't look as nice.
I like it, but I think you could try doing some feathering [on the text section] when scrolling, because it looks a bit odd otherwise.
Maybe I missed the scroll jacking thing :) Fantastic work, I love reading the thoughts behind the design!