Comment listings are looking more and more like little forum appendix, hanging at the end of articles and posts: here you are a multinested, multifunctional comment listing from The Huffington Post, the revolutionary newspaper project from Arianna Huffington.
If you still didn’t get the message, your page is not found!
An aggressive, but funny visual treatment taken from The Brand Surgery, a young English branding agency.
Is Sucram logo’s grinning or grinding? Love the way the stereotype of the smiling clown is turned upside down by this very talented designer.
A commendable environmental project, Live : Earth, inspired Customize.org to create a visual customization kit for Mac and Windows: here you are Gaia and its flawless, delicate logo.
With a smooth, nice transition, thin layout guides drop into place while fancy typographic headlines fill columns blank spaces: Balsamstudio‘s portfolio provides an outstanding layout, simple and elegant, while showcasing a lot of interesiting identity projects.
If you’ve ever happened to be on vacation in Italy, you’ve probably have seen people selling coconut chunks along the shores, strolling back and forth while screaming “Coccobello” which means beautiful coconut.
So, inspired by the incoming hot time, I’ve decided to draw a small icon set of exotic/summer fruit, proceeding with the inspiration of Fruttabuona: abstract geometrical fruit icons, based on a strong circular shape and a 3/4 cross section.
The icons are available in 2 different sizes (48px, 128px) and come as transparent PNG files. You can freely use these icons for personal and non-commercial purpose.
I really hope you enjoy them!
If you think that ecommerce web sites aim is to convert browsers into buyers, crafting simple, functional and friendly fact sheet pages is a key factor to your business success.
So, I really liked this layout from Orlebar Brown online shop, where a few options are neatly separated by big red bullets and a numbered list suggests a required order of customization.
Does your background match your website’s mood?
I was thinking about this issue, when I run into Quoteskine, a tumblr project where Lee Crutchley, a brilliant graphic designer and illustrator, showcases hand-lettered thoughts and quotes written in the space of a moleskine page.
For sketches lovers only.
A more than essential ecommerce layout from Berg & Berg, a website selling basically accessories for men and women. We loved the use of a monospaced font for highlighting the navigation link in the product fact sheet and the fancy shopping bag in the top left corner.
A nice example of minimalist cascading menu from Kemado Records, an indipendent American record label based in New York City.
A nice and quite unique perspective form taken from Breezi’s splash page, an ongoing web application developed by Freshout: it’s funny that, when you click on the sign up button, you almost smash it to the picture plane.
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) .
Have you ever thought about displaying your resume as statistical data, shaped as nice infographics?
Well, Oli Gosling, web developer based in Bristol, did it with beautiful and memorable results.
This comments listing, taken from Jon Tan‘s website, is an excellent specimen of good type treatment (the text is consistently set on the same baseline across the two columns), minimalistic use of horizontal rules to divide content (single and double) and just a gray/black scheme for the text treatment.
Simplicity is not that simple, is it?
A nice callout box that made me click, though it perfectly melts into the overall graphic context (no blinking, no huge types, no graphic contrast).
3 good qualities converge in it:
- nice, not overbearing illustration;
- good typography (big but not loose lineheight; use of different font weight to stress out the most important words)
- a good copy: alluding to my competitors, makes me immediately envious and curious about it.
I really can’t remember why (serendipity, I’d suppose) but recently I’ve stumbled into the Gates’ notes, the website that spreads probably worldwide most famous mogul’s thoughts about the matters such as philanthropy, climats, development…
Apart from the fact that the whole thing is written in the third person, which really gives me the creeps, I’ve found interesting the curved and tortuous menu that reflects the complex and multilayered site’s structure.
Despite a slight dislike due to the visual treatment (one for of all, typography is really too small), I’ve found myself clicking on it several time, wondering how come an interface could work notwithstanding its lack of appeal: so I’ve realized that what I was really appreciating, was the metaphor it embodies; the nested graphics that appear/disappear when you click, make the menu exapanding and unravelling in parallel with your travel through Bill’s thoughts progresses, drawing kind of a map of your steps.
So what I really wanted to say is that if you find a good metaphor you can somehow visually express, it could turn out to be a really powerful trick to keep your audience hooked no matter if they like your style or not.
Overlapping vector illustrations entwine to create a powerful pink footer.
Granted that teehan+lax website portfolio is one of those sites that cannot fail to be in your favorites, we found this “launch site” button symbolizing an external link an agreeable change from the expected arrow icon.
Propeller is a social news portal made of submitted links and stories from the web, where you can obviously vote stories up & down via the prop it/drop it function.
We are proud to introduce you this funny, vintage cartoon illustration from its 404 error page.
A nice call-out box and its mouse over effect (on the left) from Stanley Solutions’ website, which is a copywriting and editing company based in India. We liked the read on tab stiking out at the bottom.
We love the extreme simplicity and elegance of this comments listing from Cultured Code forums: simple but great typography and a fading call-out box gently receding into the background.
Here you are a nice design snip I’ve found on Guinness website: a sleek black tab menu with many filter options clearly organized into two rows.
Though we’re not big fans of overtly tech webdesign and we prefer warmer, more organic solutions, we loved the cleanliness and the powerful, warm glow that this website’s menu radiates.
Another nice design snippet we found on Thoughbot’s website is the brownish, rounded contact us button which really stands out, partly for its effective color contrast and partly for its unusual position.
It might be redundant but we love the mouse over effect on Simplebits: though linking the home page from your website’s logo is probably the most common standard in web design, we like the way Simplebits’ tap gently peels revealing a little home icon underneath.
Art in My Coffee is a Tumblr blog and community which catalogs funny latte pics from all around the world. We love the delicatly shaped mug and the general warm, caffeinated color scheme: besides we couldn’t expect less since it’s been designed by Meagan Fisher, the mastermind behind Owltastic.
The ampersand was originally a ligature of the letters E and T, invented to write swiflty the latin conjunction ET, which means “and”.
Maybe because of its tensile form and its fluid swooshes the ampersand is nowadays one of the most en vogue character and quite an obsession for typophiles: so if you too are a fan, here you are 300&65 ampersand , a nice Tumblr project that displays a brand new ampersand every day.
Stupid Studio is a creative motion design and online agency based in Denmark which is specialised in motion graphics and, contrary to its name, delivers very brilliant stuff.
This website is quite a living example of how a simple three colums grid, evenly repeated in each sections, can effectivly improve your website’s consistency, abating the navigation stress: in fact not having to mentally reassess the navigation and graphic structure on every single page speeds up user’s navigation and increase his/her satisfaction.
Sometimes the previous/next alternative may oversimplify navigation but if Ux Hero choose it for his own blog who I am to disagree? Moreover, I’m quite fed up with infinite numerical pagination.
A nice error page, clearly shaped as a navigation flow chart, from Konigi‘s, a reference website for what concerns user experience and interface design.