For this Hacking UI Site of the Week we spoke with Kévin Lagier about his brand new portfolio .
Hey Kevin, tell us a little bit about yourself?
Hey guys, I come from Annecy, in south-eastern France, and I’m currently living in Paris. I study at Hetic, a school specialized in web professions.
What were you trying to achieve with the new portfolio?
The purpose of my website is to expose my different projects. I chose to describe the conception and the utility of my projects rather than the different tasks I handled on each of them. I also created this website to get contacts and find an internship, hence my choice to put all the necessary information to contact me on the homepage.
Did you do the entire site yourself?
Did you guys use any tools for collaboration?
We used Github and Trello.
Did you execute any UI processes before designing?
I usually start a conception phase through wireframing before starting to design. It is an essential step when you work within a team or for a client to come to an agreement on the process and the different point of views you may have. But, for the achievement of my portfolio, there was no conception phase because it was my own idea. I totally knew what I wanted so I was free to do it my way.
What tools did you use for design?
To create this site, I used Photoshop to design the fixed images and Illustrator for the vector images. A lot of the images on my site are SVG, which I think is the best format for the web.
Did you conduct any user testing?
I tested the site on different computers of my classmates and checked the rendering on many different devices. They also gave me feedback on the site. The way they browsed it and their feelings about the UX and the UI. I know my site lacks in ergonomics but I think the audience I have is used to this kind of browsing.
Where did you get the inspiration for your work?
I browse the Internet every day and check many design blogs like AWWWARDS, FWA, Behance, and Dribbble. I keep myself updated on new technologies and new tools. I also get inspiration from big agencies’ creations. Two websites truly inspired me for my portfolio: Blacknegative and Fantasy Interactive. I totally love the way they present their creations.
What was the biggest challenge you faced with the site?
I wanted that for the presentation of each project the user could immerse himself in the atmosphere of the project, hence my choice to adapt the universe for each page.
What are you most proud of about the finished product?
I’m pretty proud of the homepage of the project which was been done with 100% pure CSS. It took a really long time to animate all the planets and to code all the key frames, but I’m really satisfied with the result.
Is there anything else you’d like to share with the readers about your site?
During my first internship at Felix Creation, a designer suggested to me to design the parts of the site one after the other, and as long as the page I’m working on isn’t perfect, I shouldn’t start the next one. This is now how I work and this is a piece of advice I give to design beginners.
Thanks a lot Kevin!
Check out the site, and let us know what you think. If you have any more questions for Kevin you can post them in the comments below.
More UX & Frontend goodness
- Results & Analysis of The 2017 Tech Education Survey - September 28, 2017
- Introducing: The Hacking UI Master Class Series - January 17, 2017
- Influencing an industry and building a personal brand with Khoi Vinh (Principal Designer, Adobe) - December 22, 2016
- How to grow a blog and remain true to your audience – Chris Coyier (CSS-Tricks & CodePen) - November 24, 2016
- The ups and downs of dominating a niche – Harry Roberts (CSS Wizardry) - November 10, 2016
- The best decision we ever made - October 31, 2016
- The teacher who never stopped learning – Kelsey Ruger (SPA alum) - October 25, 2016
- The musician who turned a side project into a multi-million dollar company – David Okuniev (Typeform) - October 20, 2016
- The freelance designer that stopped selling his time – Peter Nowell (Sketch Master) - October 11, 2016
- A complete step-by-step guide to set up HTTPS on your website - October 10, 2016