Good job overall Saransh!
The site is a clean and pleasant experience. You go into significant depth while explaining the case studies showing different iterations and all.
I'll have to agree with the hover over for displaying images of the work in the portfolio. Besides that two little things:
The graphic with the circles being repeated at the start seems very out of place for me. It gets centre stage and really stands out because it's not being repeated anywhere else either. Maybe there's some intention behind it but it isn't apparent.
The copy reads way too generic and I go out of the site without any idea of who the person truly behind it is. Maybe make that aspect more personal?
Btw we have wayyy too many mutual connects on LinkedIn :D Seems like we share TEDx and Blackbox network to a certain extent. All the best!
Hey Asad! Thanks for going through my portfolio in such depth. I totally agree on both your points. I intended for the circle graphic to be a placeholder until I could figure out what I actually wanted to put there. I still need to work on that. And about the second point, I was acutely aware of the lack of personality in my copy. I hope to improve on this with time. I have referred to quite a lot of portfolios and case studies as reference (Teehan+Lax's Medium case study, Kyle Decker's Catnap) and the one thing that stands out among these is the personality that shines through the graphics and technicalities of the project. Do you have any pointers on how I can improve my copy writing?
And yes it must be the TedX common connections from when I was doing my BTech.
Thanks again for the detailed feedback!
Aloha Saransh! I haven't had a chance to deep-dive the site, but some initial thoughts:
I'm not a fan of having to scroll over the boxes to see screenshots of the work. At first I thought images didn't load. It's not clear enough to me as a visitor, what I should be doing.
I feel you also are over-compressing your images. It's a portfolio site, so I'd say it's OK to have larger file sizes if it means sharper/clearer representations of your work.
Hello Benjamin! Thanks a bunch for checking out my portfolio.
I see what you're getting at with 1. I've had mixed reviews on this hover effect from some the people I had showed this before so I had been doubtful about putting it in the final version. There's also the issue of these images not being visible on mobile devices (hover state and all). I'll have to rethink this.
I have to agree with point number 2 as well. I spent quite a long time trying to optimize the images (Losslessly wherever possible, but not everywhere). In retrospect, not the best idea for a design portfolio. I'll add this to my TO-DO's.
Thanks for taking the time to go through the site. If you don't mind me asking, what did you think of the case study's and other project pages?
Good job! Looks and feels nice and I really liked your presentation of the case studies. :-)
Did you use any other frameworks / tools apart from foundation?
I'm currently rebuilding my own portfolio and looking for an easy way to create a template I can re-use for each case study, got any advice?
Thanks a lot Thomas, the case study's took many a sleepless nights to flesh out.
So, the full list of things I've used is pretty long but the I'm not using any framework for the CSS apart from Foundation. Pretty much everything you see was designed in sketch and then hand coded using as little code as possible. Most of what you see, layout wise, is Foundation. The bulk of the SASS I've written is for typography, the angled backgrounds and transitions. If you go through my case studies again, you'll notice that there aren't many custom design elements apart from the before/after slider for Readr for reddit and the mobile screenshot slider for Ami - the food recommendation app.
But all hope is not lost, there are things you can do to make life easier. Reusable things like browser frames (for webpage screenshots) can be templatized. I would also recommend using utility classes wherever appropriate to style similar blocks of code on different pages. Using the right kind of plugins for stuff like image sliders is also a life saver in terms of code maintenance and customization. To that effect, I highly recommend swiper.js.
Good luck with your portfolio Thomas! I would love to check it out when it's ready.
Nice, thanks for the very thorough answer! I will let you know when I've got it upp and running! :-)
No problemo :D
Edit : And lest I forget, I would also like to highly recommend using codepen for your front end development. My portfolio has been written exclusively on codepen. Cannot recommend it enough.
Hey DN! This has been a while in the making. I started working on this sometime in September of last year and just completed the development earlier today. Hard critique welcomed.
The typefaces used are Garamond Premier Pro by Adobe & Soleil by TypeTogether. I also used a custom build of Foundation as the CSS framework.