Alexander Engzell Portfolio
Alexander Engzell Portfolio was honored to receive Favorite Fox on May 5, 2015
Tell by Alexander Engzell
My original inspiration when setting out to build my new portfolio was the guillotine, you see it clearly throughout the website.
The angle portfolio thumbnails are cut, the bezier curve animation, hover effects for buttons and lazy loading effect for content.
My other inspiration came from 80's movie posters for the custom typography on all portfolio titles - which are own developed slogans that represents the work in a few words.
The animations for the titles are was first made in After Effects and then exported to sprites and animated with Javascript.
The site is responsive and won over 10 Site of The Day awards in the first 2 weeks.
Logo
I wanted something minimal and clean done with as few lines as possible. Readable at smaller sizes and complement the website design and overall branding. The 'E' plays on the Sigma symbol In mathematical terms, Sigma means addition to get results.
Alexander Engzell > add it to get a result > Good Design.
Logotype sketches
Two logo concepts
Typography
I wanted a modern and clean font to make a bold statement, Bebas Neue is an excellent font and does just that. After some experimenting I choose Voyager for paragraph text as it has a very unique feel to it even though a sans serif, especially like the capital A and numbers.
Color Scheme
Custom Icons
Do not distract from the main design and to add clean and simple value all icons are made with a 5pt stroke and uses no rounding but the same angle. The proportions are also based on the golden ratio.
Lettering
Over a decade in the game. Sketch
Over a decade in the game. Final
Alexander Engzell. Sketch
Alexander Engzell. Final
Long tradition. Sketch
Long tradition. Final
Website
Front Page
Info Page
Portfolio Detail
Thank you Alexander,
This is fantastic work! Definitely favorite! We wish you all the best in your creative work.
YaGyDi
Comments 10
Think of me as Mr. Wolf; who ask the difficult questions, that strengthen your teams enthusiasm, that get results that makes a true impact and respect for all creative disciplines.
Hi Kiril. The way I did the animations is the following: sketch the lettering, vectorize the lettering, animate the lettering in After Effects, export the animation to a .png sequence, animate and optimise it in JS.
I just love this work, I love when simplicity meets great talent... when simple inspiration meets genius :)
Dear Alexander. I hope that the following message will find you. First of all congratulations! I was just wondering if you could tell me a little bit more about how you did the animation image? I now that you wrote it up, but can you please write me more specific details about the process? I will appreciate it very much! Thanks you and looking forward:)
Think of me as Mr. Wolf; who ask the difficult questions, that strengthen your teams enthusiasm, that get results that makes a true impact and respect for all creative disciplines.
Thanks for all of the positive comments and for featuring me :)
For over a decade, I have been designing things. Focusing on UX/UI for mobile and custom software application development, Brand Identity/Vision and Front-End.
Team lead and a successful product maniac. Self motivated detail hunter. Flexible. Communicative. During my career I have crafted mobile and desktop applicati...
repeat myself "Only real talent can take guillotine and turn it to a beautiful flower".
Comments 1
Maxim Aginsky
For over a decade, I have been designing things. Focusing on UX/UI for mobile and custom software application development, Brand Identity/Vision and Front-End.
Team lead and a successful product maniac. Self motivated detail hunter. Flexible. Communicative. During my career I have crafted mobile and desktop applicati...
Maxim Aginsky
Only real talent can take guillotine and turn it to a beautiful flower