Slightly transparent play button from Tapbots

tapbot-inspiring-transparent-play-button

Here you are a slighlty transparent play button that nicely fits in the overtly hi-tech layout of Pastebot’swebsite. For the ones interested in Iphone apps, we can add that Pastebot is the last creation released by Tapbots factory,

a powerful clipboard manager that stores text & images copied from your iPhone/iPod Touch. Organize, apply filters to, and copy clippings to be pasted or sent to other apps.

Using a story to introduce your work

inspiring-copywirting-introducing-webdesign-studio

An effective, minimal and charming way to introduce your studio, your work or the philosopy underlying your materspieces could be writing it in a short introduction (or simply summarizing it with a witty quote). Even if you’re a vector virtuoso or a photoshop goddess, a nicely written text may be the way to distinguish yourself (your firm, your business, your personal recreational webpage) from many others and to make your website memorable.

Muji Japan online store

muji-japanese-ecommerce-website

Even if language is unfathomable for us and online translators are of any help, we do love this clean, minimal red and white product page from Muji Japan online store. Every block is squared, lines are perpendicular and every details is finely designed in an accurate, minimalist way: for example the beige and red callout box, with its thick red horizontal lines, really pops out in contrast with the dominating white and so does the red box on the top right.

Besides, we think that the little icons on the left side (e.g. the blue dress) showing the shop categories, are really cute.

Funny search form for a kid search engine

inspiring-kid-search-form

A funny, nice search form for Kidsearch, a search engine that let children search and navigate safely through a directory of over 2000 sites in 3 languages (Italian, English and French) that have been visited and approved by the editorial staff . We love the “I’m feeling a lucky kid” button even though we think that a little bigger typography and maybe a pillowy treatment would have make the layout more kid friendly.

Fubiz inspiring gallery pagination

fubiz-inspiring-gallery-pagination

Fubiz is an inexhaustible source of inspiration for all of us and, even if sometimes the prev/next option is a slightly off-putting tool for browsing big galleries (yes we brave internet-moles who always want to go quickly through things), we loved the unparralled simplicity of this layout.

By the way take a look at this gallery which is a series of posters minimalists designed by Albert Exergian, representing by simple symbols the most popular series TV. Amazing stuff!

Light, minimal, simple HTML menu

inspiring-minimal-html-menu

Minimalist web design it’s one of our (many) recurrent thoughts when reviewing websites. It’s really tough to come to inventive, not bare-looking solutions when you strip a website of every graphics assests and you’re not allowed to play any of the usual webdesign tricks. So we really loved this simple HTML menu, a nested list actually, with only a red dot left to grab user’s attention and to mark main navigation categories.

Pedemontana’s website inspiring typography

pedemontata-leftloft-inspiring-typographic-website

Pedemontana it’s the name of a new big highway system that will connect Milan to other cities of northern Italy. This website’s art direction is from Leftloft, a big communication and identity studio based in Milan: the use of many different typographic weights and styles loosens up the grid stiffness while revealing an editorial, newspaper-like, communication style.

Blue Pixel’s strong typographic treatment

bluepixel-inspiring-typography-for-the-web

If it’s not a rule, it’s an established trend that big typograhic treatments requires few text, big spaces and consistent page structures.

As in this case, a huge heading with a 3 columns grid it’s a common but effective layout pattern that has the pros of enganging readers attention and making texts easy readable.

Uannabe inspiring logo

uannabe-inspirational-logo-design

Uannabe (that’s an italianish spelling for the English Wanna Be) it’s basically an italian job board/community that displays in every detail a real high quality design.

We really enjoyed the prince-frog logo (frogs lately became quite a trend in logo design, don’t you agree?): the execution is impeccable and the concept rocks.

Hitchcock: a Saul Bass inspired free font

hitchcock-saul-bass-inspired-free-font

Hitchcock is a great free font inspired by Saul Bass titles (though the lettering artist that did the lettering for the Saul Bass was Art Goodman) and we are extremely grateful to Matt Terich for having recreated all these beautiful glyphs.

If you want to see a good application of this typeface to an existing layout, you can check this Tumblr theme, we’ve recently reviewed.

Yahoo Developer Network breadcrumb navigation

yahoo-inspiring-breadcrumbs-design-pattern

When it comes to user interface patterns (or in short, design patterns) Yahoo Design Pattern Library is certainly a reference.

But it’s a good example of applied web desing patterns too: the page in fact displays a breadcrumb trail which is a  nice variation of the classic slash-kind, with the wow factor added by using a graphic element instead of an ASCI character.

10 Great Ecommerce Websites for your Christmas gifts

Christmas time is coming and since Santa last year has been quite generous with us, we think this time we could help giving him some tips.

So we’ve collected ten great online shop, with inspiring layouts too, where you may find some ideas for your gifts and some snips of beautiful web design interfaces too.

1.The Cold Feet Friend

hunter-inspiring-ecommerce-website-cart
Don’t let your friends get cold feet this year and give a look at Hunter Boots website. You will also find a nice product page with an useful magnification system.

2. Make a Designer Happy

keep-cal-gallery-inspiring-ecommerce-website-cart
Buy him/her something at Keep Calm Gallery (not necessarily a Keep Calm gadget, mugs are gorgeous too). The product grid is great with different available views.

3. For the Restless ones

lonelyplanet-gallery-inspiring-ecommerce-website-cart
For your restless friends, who keep on wandering all across the planet and seem never to stop, you should buy a Lonely Planet guide. It’s a good augury too. We loved as well the whole navigation system of Lonely Planet’s website: check for example the destination map page.

4. For the best Friend

threadless-gallery-inspiring-ecommerce-website-cart
At least, you have to buy two t-shirts for your best friend because Threadless tees are so cool that one is not enough. Every website’s page is quite interesting but we mostly appreciate the clearness of the checkout page.

5. A customized pair of shoes

nike-inspiring-ecommerce-website-cart
On Nike store you can customize, with a flash tool called NikeId, colors and material of any pair of shoes and make your presents unique. That’s brilliant.

6. For the Geek ones

dada-gallery-inspiring-ecommerce-website-cart
We know for sure there are plenty of geeks among us and obviously we are design freaks too. So we fell immediately in love with Dadadastudio‘s ecommerce website where you can buy bread shoes or pangrams bags with your favorite font on it. But hurry up cause some items are already sold out.

7. Women Only

urban-originals-gallery-inspiring-ecommerce-website-cart
Unfortunately. Because we think Urban Originals is a great ecommerce website with a classy palette, nice graphics, smooth Flash transitions, clean typography. Not to mention the bargains you can make there.

8. Some Friends may already have everything…

madsen-gallery-inspiring-ecommerce-website-cart
So, we’re sure they need a cargo bike to move all their stuff around. You can buy one at Madsen online shop, which, by the way, displays beautifully styled buttons.

9. Some Apple Magic won’t hurt

apple-inspiring-ecommerce-website-cart
Could Apple Magic mouse add something to the magic of Christmas? We don’t know yet but we’re willing to give it a try. Otherwise we’ll simply enjoy the clean, light freshness of Apple Store products sheet.

10. If you still haven’t got any clue

etsy-inspiring-ecommerce-website-cart
In the end, if you didn’t get so far any clue about your Christmas presents you should give a glance at Etsy. You’ll find a ton of superb ideas browsing the vast range of this website’s categories. The navigations is basic, but clear and intuitive.

So here it ends our round-up about ecommerce websites: we really hope you’ve enjoyed our post and, whether you celebrate Christmas or not, may you all have a beautiful, peaceful, inspiring time!

A creative vertical menu by Ommwriter

ommwriter-creative-cirular-menu-mouseover

Ommwriter is

a simple text processor that firmly believes in making writing a pleasure once again, vindicating the close relationship between writer and paper. The more intimate the relation, the smoother the flow of inspiration.

We loved the simplicity of its vertical menu made with rounded items overlapping and the nice simple icons that are displayed on mouse over.

PS: Though Ommwriter is currently in beta (for Mac users, at least), it’s really worth trying: writing on computer we’ll be a whole new experience for everyone.

Inspirational comments listing in Designsnack

designsnack-blog-comment-design-listing

Though comments listing are an essential asset in blog webdesign, we feel they’ve been slightly neglected here in W&P. So here you are an inspirational comments listing from Design snack, a beautiful socially-powered design gallery recently redesigned.

In this case we loved very much the bubble that comes from the avatar without disrupting the listing cohesion of the comments thread.

A creative ecommerce website selling Champagne

plusdebulles-creative-ecommerce-website

Let’s have a toast for our newborn inspirational category: Ecommerce websites. From now on we’re going to collect everything related to ecommerce and online shopping: buttons, carts, listing, copywriting…

For a start, here you are Plus de bulles websites, where you can find  a nice crate-like cart (on the top left), a slideshow that displays the new entries or the sommelier’s suggestions and a poll-like wizard that will help you to choose the champagne brand that will suit you better.

Have a fizzy time!

Psdtemplate ratings and comments listing

psdtemplate-ratings-and-inspirational-blog-comments

Psdtemplate is a really handy blog, full of resources for webdesigners and rich in tutorials and tips (and obviously it’s in our favs list).

We loved the rather fully equipped rating system displayed in the comments listing, by which you can add/remove score to a comment and even submitting it to admin’s attention (exclamation mark).

Subnormality subversive menu and pagination

subnormality-inspiring-website-menu-and-pagination

In the so-called normal web world a navigation menu is always supposed to precede pagination, but what normally rules in webdesign, doesn’t minimally affect Subnormality strip website.

Hope you’ll enjoy these comics with too many words and a subversive menu in it: have an inspirational reading!