Well done Samuel,
Your case studies are really hot and well detailed. I love the typography and colors, it's simple but terribly effective and very readable. You look really serious nearly scary on the about page. Waiting to see more projects ;)
Totally agree with this comment. Only thing I would change is the photo on the about page, it is quite serious and not as welcoming as it could be.
Everything else is amazing, the custom project pages are brilliant. Everything is presented without complexity but still showing time and effort in showing your work. If someone asked me how a personal portfolio should look I'd point them to this.
Thank you very much .
I do agree with you and Romain. This photo is clearly not welcoming. I don't have many photos of me (even more in high def) but I really wanted to show my face on the about page. It make sens to have a picture here. Not having it would be strange. I'll need to ask a friend for a new shooting :D
really nice! The only thing i would criticize is, that it's not always clear, if a button our slider is interactive or not, i tried some that are not and was a little irritated. But all together looks very fine to me! Did you use a template or did u handcraft it yourself?
Hi, thanks for the feedback. I see what you mean. Interactive parts are not pointed out as is. So readers/users don't know which part they can play with. I'll try to do something clean, discret but visible about this (such as a small pointer icon next to interactive components or something like this).
Otherwise, it's not a template. The code is not as clean as I want it to be, but it is unique ;). Everything is handcrafted.
the pointer icon is a good idea!
Hey @Sam, just want to balance out the opinions here. As somebody who worked with French people before—can tell you that I find your photo perfectly fine. Much better than the fake smile overly-positive faces people usually put on. But well, depends on your target audience, right...?
Great portfolio btw! Thumbs up!
Thanks a lot. You're right. There are some clear differences depending on the audience. I think I have to strike the right balance. Some friend told me I look like a killer... haha. But, indeed, I don't want to fall into the fake smile you're talking about.
I suggest adding this nice one line of CSS to make your typography look better on webkit browsers -webkit-font-smoothing: antialiased;
I'll do for sure. Thanks for the advice ;)
Use wisely though, it's not suitable for all cases when dealing with web type http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/
Amazing stuff Samuel. You should be proud of this!
Thanks a lot @Anton. I'm really pleased by all these nice comments, feedbacks and advices :)
Beautiful and well-explained case studies. Great work.
Really love the site, the case studies are great and you've shown that you simply can't get away with a few static screenshots on a iPhone or cinema display! I'm interested in how long it took you to create the site and also how long it would take to create a case study?
That's a great point. It took me approximatly 3 months (statistically nearly 1 month per case). The first case was the longest because I've been iterating a lot on the structure. I knew I wanted detail case studies but I wasn't sure about what to include exactly. All I knew is that I wanted something really special for each case.
Now I have a small workflow. I start by writing down what I want to say in a Google Doc. In other words, I start with a plain texte article. Then I create the visual assets that match / illustrates my words. When I think it is interesting / funny I try to find an interactive way to illustrate my point. And then I "design" in the browser. I export my assets, test in the browser, re work on the assets (different format etc.) until I find something I like.
Next case studies won't take me as much time as the first ones did. But, I love working on this format, even if it takes time :D
Awesome job, quite inspiring. One note, on your paragraphs (.case .row p) it seems that you have just one font in the font-family.
You're right. Not that good if the web font is not loading. I'll add some fallback (georgia or something else). Thanks
Stack 'em high, bra.
I am impressed. Especially since this is your first portfolio.
Each case study page is done well. I am fond of the call to action in the footer to view the next piece of work. Awesome job.
Like a few others already said I would just change the photo. I might place it in a diff location as well. It's hanging out by the headline for me, but that could be an issue with the css.
Again, awesome work.
Thanks. You might be right. I'll try different location, when I'll have a more friendly picture :D
Hey Samuel, just wanted to say that your portfolio is fantastic, super clear and the case studies are really easy to read and follow, I love the subtle custom animations to just bring them to life, even if just slightly. Also love that it's only a couple of studies, 3-4 is more than enough to show an immense depth in what you do, both in terms of just visual skills but also process (I know you've probably put a ton of effort into designing and writing each individual case study)
One change I would love is to re-write this very standardised way of presenting yourself "I design useful and enjoyable experiences for the web..." is almost a stereotype for describing one self as a designer, add something a bit more unique, something that's specifically related to you as a designer would be great, given that the studies are so personal.
Other than that, just wanted to say - great work!
I completely agree with you. I wanted to have a short presentation, but the way I did it too common. It has to be more dynamic and personal. Thanks for pointing this out.
Wow, looks like you've put so much work into this, nice one!
Great job, really love that Send project; so many nice details and the case study does an excellent job at highlighting all the subtle, designed interactions.
The only critique I'd have is on your menu header, when I scroll up it very gradually appears or stops prematurely (only seems to fully display when I scroll really far; on a macbook pro w/ chrome v45). Take a look at headroom http://wicky.nillia.ms/headroom.js/, its a nice lightweight version of that sticky header with smooth, natural transitions.
Thanks for the script @Alex. I've also noticed the animation is not working properly. I will update the script. Thanks again.
OMG that long domain name.... why not make it short so that its easy to remember?
Haha. It has been a difficult decision. I wanted something shorter exactly for the reason you pointed out. But I thought that people will never know my real name, which I'm really proud of (it means "little bear" in urkainian). Beside that, I thought it will be more interesting in term of SEO.
Do you think it's a mistake ?
If that listed on Google first, then its not a problem, Because nobody will type this URL :) 10 out of 10 times there'd be a type error :P
Buy a smaller domain, and have it redirect. something like sam-medv.com (which is $2.00 btw).
that way people can type sam-medv.com but it redirects to the full domain
The site is fantastic, some of the most engaging case-studies I've come across!
One small thing I noticed, on the About page... in the headline "25 years old designer" should probably be changed to "25 year-old designer" ..It's a tiny point but hard for a native English-speaker not to notice (especially as it's big and bold and at the top :)
Congrats again on the site though.. Really, really great work.
Edit: Just realised someone else already pointed this out, so nothing but good to say now!
Love the in depth case studies.
Minor detail: The "more about me" link on the font page doesn't look very clickable. I would add a color, an underline, or both :)
Incroyable, il est une inspiration ton travail. I think I see a few of your tricks ;)
Something a little odd for me in the top bar's behavior though:
It feels too abrupt, I think a slide or a fade is needed here. I took a cursory look, and you are animating
top, but I’m not sure the effect is rendering properly.
Beautiful work Samuel
Thank you very much. I also noticed that behavior. This is not the intended animation. It should be smoother. I'll investigate :)
Really impressive. It's clear you've spent a lot of time thinking through each of these projects and I like the amount of detail you've put into the case studies.
My one major critique is that I would recommend you find someone who is fluent in English and experienced at copywriting to help you edit/improve your text. There are quite a few grammatical errors, mon ami. :)
Did you do all the coding and photography as well?
Hey, thank you. Yes I did everything (coding, photo, etc.) I understand what you mean by "improve your text". Beside grammatical erros, some paragraphs lack of rythm. This is something I have to work on :D
Amazing case studies, nice work!
Wow. I am definitely going to be following your work! Great website.
Awesome work, these are the things I would change on desktop:
User experience and interaction designer based in Paris
User experience & interaction designer based in Paris.
It just fixes that typography orphan, not sure if you tried that before.
Lovely case study design! As many others have mentioned, very clear imagery & sequence.
Tiny copy edit—I believe "I'm a 25 years old french UX & Interaction designer" should say "I'm a 25 year old french UX & Interaction designer."
My only qualm on the "Send" page is that I wish the icons on the edge of the page (chrome, PDF, gdrive) we're slightly smaller. They seem to hug the main content a smidge too much.
Other than that, well done sir!
Thanks a lot.
Juste to know, what is you're screen size ? Because they might be too big on a 13' but fine on a 27', no ?
I should probably reduce their size according to the screen width. Good idea ;)
True, on my 13' they're a bit tight, but on my iMac they're fine.
Further, "25 year old" should have hyphens between each word: "25-year-old."
A hamburger icon for 2 menu items?
Hey, you're probably talking about the mobile navigation. It also allow people to access profile on social networks. But you're right their are only two main items. .
I'm assuming you suggest it is useless ?
I wanted to minimise the importance of the menu, as the main navigation relies on case studies (passing from one to the other). It allows to have a cleaner and simplier header.
I like it personally. without the social links it would be pointless but i think it looks great!
So why not stuff them into a hamburger icon for bigger screens as well?
On a big screen there is more space. The navigation is aligned on the right. It also balance the logo which is on the left. On mobile, items would have been really closed to each others. Their readability would have been decreased as well as their accessibility (tap the wrong item with your finger). Don't you think it makes sens ?