Thanks Elliot, fixed the text-align thing. Will take a look at the safari rendering issue :) Thanks for your time!
Plus I would add an option to move between slides by using keyboard (← & →)
Just launced my portfolio, would be grateful for feedback and comments.
If you really like it, I'd appreciate if you shared it :)
Really nice portfolio! It's well designed and high quality so I was willing to look through all of your projects (which I hardly do on portfolio sites).
I never knew about Norwegian milk but now I really want to try that Mountain Milk! It looks so good!
Looks great, Anders. Clean and simple, but definitely not boring.
I really like the layout for the individual case studies. It's compact, but it never feels crowded, which makes it super easy to feel out and understand the projects quickly. Everything seems to work together really well — the portfolio as a whole supports your style in the work on display.
Also, it's totally jank-free and pretty much 60fps everywhere, and I appreciate that.
Thank you so much, means a lot Ben :)
Hi, I like your site design --
One thing though, you should hook up the arrow keys to pan across the view, for people who don't like scrolling that far :-)
Good job Anders! Added to Nice Portfolio: http://niceportfol.io/post/96693983924
I've got to say, I love this. Awesome. Really easy to see everything you'd want to see from a portfolio and nothing that you wouldn't.
I would say that if you were looking to be hired etc, maybe a slightly more noticeable cta might be useful.
Do you use any kind of content management for your projects or is it all done hard coded?
Thanks Sam. The site is built on Craft and developed by my friend André Elvan.
Not looking to be hired as of now, so that's why there is no really good cta :)
On [esc] key close the current panel for: - Information - Project
On [left] or [right] key, back or forward in terms of project browsing.
Question: What stack have you used to build this website and how did you come up with the animations?
It's developed by a friend of mine, but it's all html/css/js with Craft as a CMS.
Love the loading animation for the web page and the pictures. Really cool. Also tons of great project. Like the businesscards for "HIS MAJESTY KINGS GUARDS".
While I'm not big fan of horizontal scrolling I appreciate your approach. But in my eyes vertical always wins over horizontal, because it's familiar, and you shouldn't break conventions (at least if you have no good reason).
What I also find confusing is that the projects start all over again after you have crossed a certain point. It's confusing at first because you think "Oh, I already know that picture, why is it there again". So you probably should include some kind of a "break point" so that you know that you have reached the end (and that everything repeats from now on).
I'd also appreciate for words for the case studies. Pictures are great, but I want to learn even more about the process, how you did the things you did.
But in general I really like your portfolio, minimalistic (like that) and well done.
Really loving your portfolio. I've always wanted to do a horizontal scrolling site, but just never have. Seems this might convince me to do it. However, I'd think about hooking up some keyboard shortcuts for those too lazy to scroll right.
Thanks Andrew, means much coming from someone like you! Will hook it up to keyboard as soon as possible :)
Thanks for your time, – a
That scrolling is major UX hiccup, otherwise good stuff.
Could you please ellaborate on what you find hiccupy?
It looks great ! The only thing I would add, is a bit of text at the bottom of each thumbnail. I just like to know what I'm actually clicking on. Btw, how did you make the site to scroll right when scrolling down with a mouse ? I know is done by JS, but do you have any tut on that ?
I've actually thought of that, and I have some sketches on is so hopefully I'll be able to make it happen.
You can tweet @aelvan and ask. He's the developer :)
Damn this is on point!
One thing I found was when I click on a portfolio item, it says "back", when I hit that I think its going to back to the full view of portfolio items, but it goes to the previous item. I then realized I had to hit the "x" at the top right of the page.
Yes, I was originally going for "previous" but the only thing that looks good with next is back, so I had to go for that, hehe!
Thanks for the input though :)
I really like the simplicity. Your work is presented in a delicious way, and the navigation feels intuitive. And of course, it's always nice to see good work for His Majesty The King's Guard, where I worked as a graphic designer myself a few years back.
Bra jobba! :)
Thanks for the feedback Morten! I really appreciate it :)
Nice and clean, looks good!
1: The "Anders Drage" footer background stays grey instead of turning black when resizing from desktop to 320px.
2: Does clicking on the logo up top take you to the "Anders Drage" footer when resizing from tablet(768px) to mobile?
Nice! Generally don't like anything that changes default scrolling behavior but it's really well done here. Not sure if it was something you had to specifically work on, but keeping the scroll momentum as the page loops is great. Love it.
Btw, it's also up on dribbble if any of you are there...
Thanks for all the love today!
Nice work the content presentation is great!
Some feedback: I'd add some constraints to the carousel so it doesn't awkwardly end with the gap between the first and last project. I suggest adding some resistance so that you cannot scroll past a certain point to the left or the right.
The loading animation is a nice touch as well but I'd suggest slowing it down a bit it seems too fast.
Above all else, your portfolio sings with simplicity. Bookmarking and sharing with some friends & coworkers.
A small critique/issue: The arrows in the bottom right that animate to show that content is scrollable — if the user clicks the arrows, a scroll is started. The problem: after that first click on the arrows, clicking to scroll no longer works. It's a bit of a usability & expectations issue.
Also, check the "edges" of your Information section on a wider monitor (or by zooming the page out a few times). The box shadow on the sides — not flush with left and right edges — doesn't look intentional.
That said, the scrolling is wonderfully smooth and the aesthetic is clean and content-driven. Excellent work to you, Anders, and also to your developer!
This is really, really nice! No useful thoughts here; just very impressed.