Tag Archives: agency

Mocapoke scrolling panels

Gradually revealing your website’s content is one of the most important trick to learn because helps your readers to easily focus on a few, relevant, informations and helps you keeping the design clean and uncluttered. One of the most common trend in grouping and progressive revealing content is making them slide using transitional effects (in this case, a quick, smooth vertical movement).

Muccadesign’s about page grid

Can you judge a book by its cover? And a creative agency by its about page?

I really think so: here you are a creative “about us” page form the award winning agency Muccadesign, that consists on a list of pics arranged on a simple squared grid. Faces follow your mouse movement with a nice script effect and you can read each person’s bio on a baloon that occupies exactly 4 modules.

Gleam and sheen on Thoughtbot website menu

thoughtbot-sleek-tech-inspiring-navigation-menu

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.

A not so stupid grid

stupid-3-columns-grid-inspirational

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.

Crowleywebb and its absolutely typographic flash website

crowleywebb-typographic-flash-website

Crowleywebb is an AD agency located in Buffalo with a quite surprisingly unconventional flash website.  I think it’s a bold move for an agency to put aside any graphic treatments, relying only on typography and copy. As you will see, the splash page is brilliant, the text treatment is simple yet effective and the transitions are smooth and neat (though I don’t love very much the blurred menu on the left bottom corner – not displayed in the screenshot).

Tip: if you have 10” left, take a look at the BORING video, which in fact is anything but boring (you can find the link in the website’s homepage).

Oh joy’s floreal menu

ohjoy-vectorial-floreal-menu

Since I’m big for vectorial shapes I couldn’t help mentioning oh joy’s floreal menu. Flowers and herbs silhouettes are quite realistic drawn without any excessive flourish, keeping the website’s greenery imaginary far from beeing redundant or excessively ornamental.

For further inspirational suggestions, I recommend that you have a look at Oh Joy’s Shop and Blog: you can find more samples of beautiful patterns, identity case studies and a vast collection of notebooks stunningly decorated.

Fudge Photoshop-like layout

Fudge agency layout and ajax controls

We love so much Fudge Studios’ layout that we wonder whether we have to be happy for or just loathe the fact a new website is coming up.

This website simulates a photoshop (or generally a graphic editor) workspace soooo well that becomes difficult, if not impossible, writing what we’ve liked most.

The favicon shaped as a precise picker cursor? The cyan guides? The transparency grid used as a background or the cursor’s blinking in the fake text-area?

I know it sounds quite naive but I do love the way images scroll down when you roll the mouse wheel: ok it’s a quite obvious ajax effect, but, nonetheless, in this context, looks like a very smart choice.

Identity Works search form

il form di ricerca nel sito di Identity Work

Swedish studio Identity Works has several things of interest: one of them is the search form that, instead of appering in its usual place (usually upper left or center) is at the bottom page, just above browser status bar. A few years ago, this area of the screen would  generally been regarded as a point where the user’s attention won’t never focus and no one would ever have designed a functional component so secluded: what has changed in our cognitive habits?

Maybe the massive success of Facebook and its toolbar has changed our habits and thereby freed designers from composition patterns too restrictive?

Colectiva rating

Il sistema di rating nel blog di Colectiva, una agenzia creativa sudamericana

The peculiarity of the rating system in Colectiva’s blog, a creative agency based in Guatemala, is that as you move the mouse over the heart icons to vote, they read FRESH. It’s a simple idea that diversifies the design of a component otherwise pretty similar to others.

Pampaneo footer

Il footer del portofolio di Pampaneo, studio creativo spagnolo

Pampaneo’s footer  (on the top) closes the story of two young designers, who venture on a secret mission to discover “new world of images”: the metaphor of space exploration starts from the home page and develops consistently in the web site (eg. on the header of internal pages, on the bottom).