This little “greeting card” website made by Soleil Noir combines exceptionally smooth animations with geometrically stunning illustration.
A minimal grid meets a horizontal scrolling in this interesting, minimal, website about design and typography.
The first thing you’ll need to do, when meeting an unknown audience, is obviously to introduce yourself.
You’ll have to do it also in your website. In this case, illustrator and webdesigner Jacob Souva is introducing himself using an old photo of himself as a kid, framed by concentric circles, conveying a warm and friendly feeling.
The top big black horizontal scrollbar provides a useful navigation throughout Pentagram‘s website and portfolio.
If your web monsters won’t make you sleep at night, you can just call this amazingly creative web agency.
The vertical expansion of this beautiful portfolio and its geometrical construction match perfectly the architectural content displayed.
The layout grid become visibles thanks to the background pattern so you can see how every thing falls neatly in the right place.
These cool hotdog illustrations, splashed over a mustard background, reminded me that lunch break is only in 3 hours.
Fun comes in really unexpected ways: sometimes is just a label on a form button.
Interview Magazine‘s home page is nicely split into three columns: one is for the main content, one for extra features or links and one contains a big black box with the section title.
When you scroll, the latter is fixed while the others two move down until a new section starts: when it happens, the three columns stop and align simultaneously to the bottom, creating a pleasant visual effect and suggesting the beginning of a new content area.
This is absolutely one of the best example of scrolling navigation that I’ve seen in a long time: the movement is fast but smooth and the nice ruler-shaped menu on the left keeps the user aware of the “depth” reached.