This little “greeting card” website made by Soleil Noir combines exceptionally smooth animations with geometrically stunning illustration.
A fresh, shiny example of footer design with vibrant, intensely hued baloons and bubbles to add emphasis to texts and titles.
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.
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.
Cocollective website’s texts create repeatedly a pun that recalls the agency’s name, creating an element of surprise and memorability.
Frank Chimero has explored the typographic and expressive possibilities of Web Open Font Format, creating this beautiful scrolling page.
We’ve already showcased a few examples of one-page website design but what makes this one memorable is the little rectangular hole “cut” in the upper left corner, exposing the scrolling background and working as breadcrumb trail:
when you click on the menu, the page scrolls vertically and when it stops, the title section can be seen through this tiny window .
The scribbled-like baloon and its white background, constrasting the surrounding subtle gradients, draw user’s attention to this simple contact form.
Contrary to the actual webdesign trend of overbearing footers, crammed with links and sometimes not very pertinent references, Fridgework shows us the beauty of a simple five words ending (and a strategically set back-to-top button) .
Mutant Labs logo follows the ever growing vogue of animal inspired logos, though we think that this cyclop-squid really brings a breath of fresh air to a well-established logo design trend.
Atomic Cartoons is a content developer and full service producer located in Vancouver, Canada.
Each section of their one-page portfolio displays a matching cartoon illustration, emerging from the dark background with a dramatic, movie-like effect.
Mobily’s website oddly mixes main navigation (home, about me, contact) with portfolio’s pagination (previous/next).
That’s kind a strange and incorrect from a stricly functionalistic standpoint, but, being this website an one-page website, rather easy to navigate, I don’t think it’s a big deal if the designer wanted to shuffle things a little . Aside form that, the ajax horizontal sliding it’s quite enjoyable (if you don’t click too fast, otherwise it will make you feel dizzy).
Evanto‘s guys are super cool designer with a taste for clean and well-organized pages, with tight leading and big body texts.
When I first saw these extra sleek folded tabs hanging on the left, I instantly loved them: they’re not only a pleasant graphic element but they also really help you scanning through the page.
In fact, the layout is cut into horizontal stripes, each one containing the description of one of many Evanto’s websites. For each stripe you see a tab, bent to 90° that carries the icon logo of the corresponding website: so the vertical and steady sequence of tabs, balancing the basically horizontal layout setting, draws users attention pushing us into following the path and scrolling the entire page.
A nice idea to present projects in one’s portfolio: designing them as pin /buttons.
The footer in Fred Maya’s portfolio
The navigation in Claire Baxter portfolio is disposed in an apparently random and untidy way form that indeed anticipates the faux shabby style by which the entire web site is organized.
The contact form on the web site of the Russian designer Alexey Abramov, aka Alexarts, has all the fields and buttons nicely rounded.
Changing the text in the menu with a photo is a nice idea.
A quick loading in Ajax appears the first time you load an image to prevent unpleasant effects of vacuum.
Searchinsidevideo is a platform that allows you to make video contents searchable.
The icons illustrating product workflow are not only decorative, but truly explanatory.
Unfortunately, the contest is over and he was not selected among the finalists.
Fortunately, the site of Josh Willis and his illustrations are still online.
Cheery illustrations on Think Orange website, a Portuguese design studio.
The contact form becomes a graphic element perfectly fitted in context, with a high vsibility and a dark background. Is also of interest the alligator background leaning on the footer and being used , e.g in the company Twitter, as a logo.
I like very much vector illustrations, even when they are very geometrical such as this.