Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Category: Inspiration

This category is supposed to help you break your creativity block by exploring galleries of art, design and photography. It also features showcases of web designs (blogs, portfolios and online-shops) and design elements (navigation menus, search boxes). Different from Showcases, here you will more general and abstract ideas. The section covers galleries of beautiful photography, articles about influential artists and their styles as well as showcases of art and digital art.

Popular tags in this category:

Call to Action Buttons: Examples and Best Practices

Call to action in web design — and in user experience (UX) in particular — is a term used for elements in a web page that solicit an action from the user. The most popular manifestation of call to action in web interfaces comes in the form of clickable buttons that when clicked, perform an action (e.g. "Buy this now!") or lead to a web page with additional information (e.g. "Learn more...") that asks the user to take action.

OH! Media

How can we create effective call to action buttons that grab the user's attention and entice them to click? We'll try to answer this question in this post by sharing some effective design techniques and exploring some examples.

Read more...

Search Results Design: Best Practices and Design Patterns

If you've been assigned to design or provide the architecture for a large e-commerce project or other information-heavy website whose success depends on content findability, it is vital that the design and layout of the search functionality for that website is considered carefully.

The search results page is the prime focus of the search experience, and can make or break a site's conversion rates. Therefore, bridging the gap between a user and the content or products they seek is a crucial factor in the success of any large website. The responsibility to design an effective search results page is best considered after a thorough examination of some of the features and functions found on search results pages from a number of popular niches.

Walmart In-Store & Online

In this article, we'll look at a number of trends and practices incorporated on a variety of websites. From this examination, we'll conclude with a summary of the best practices learned from the examples those sites have set.

Read more...

Showcase of Case Studies in Design Portfolios

Portfolio websites are critical for designers who want to get exposure for their work and attract new clients. While all portfolio sites will showcase the work of the designer, some have chosen to provide additional information about the project through case studies.

In this post we will be featuring more than 30 portfolio sites to show how they are using case studies from their own design projects to communicate with potential clients. Not all of them are referred to as "case studies" on the site, but all provide much more information than just giving a screenshot with the client's name.

Keystone Design Union

If you are considering ways to make your existing work more relevant or appealing to visitors who may be potential clients, providing case studies is one option. Take a look at the sites featured here and you may come up with some ideas of how they could be used on your own site.

Read more...

Showcase Of Music Night Clubs Web Designs

The time has come for the first showcase of music night club websites here on Smashing Magazine. We've scanned the Web up and down to find the most original and interesting online club identities. As usual, we have Flash websites and CSS eye candy. Please notice that the aim of the post was to showcase current web designs of music night clubs, so the gallery doesn't necessarily showcase most usable or most beautiful night club web designs out there.

Anzu

As we observed in the early Showcase of Fresh and Well-Designed Online Shops, the most obvious trend is the use of big bold pictures, either as backgrounds, headers or just side graphic elements thrown in the design mix. Most of them start playing music automatically (which is extremely annoying from the usability point of view), but in this case it's not weird or off-putting because they are music club websites after all.

Another trend is the use of bright, vivid colors and intense color schemes, borrowed from the clubs themselves. Also, Flash clearly dominates in such web-sites, presenting some very unconventional navigation menus and very distinctive layouts that aren't intuitive at all at the first glance.

Read more...

Horizontal Navigation Menus: Trends, Patterns And Best Practices

The horizontal navigation menu has become a mainstay in Web design. It is safe to say that nowadays most websites use some form of horizontal navigation to facilitate content browsing. The dominance of horizontal navigation over vertical (i.e. down a sidebar) is obviously due to the design and content limitations of the latter. Notably, CNN discovered those limitations before switching from vertical to horizontal a few years back.

There are, however, many styles of horizontal navigation in modern Web design. Some offer usability advantages for certain types of websites, while others are aesthetically better. In this article, we will focus on a variety of techniques and best practices to improve the usability of horizontal navigation bars, and we will note less effective styles. We'll also look at several trends that developers can choose from when working on the navigation design for their next project.

Read more...

How To Be A Samurai Designer

In this article we'll take a look at designing websites from a quite different perspective. We'll discuss some pearls of samurai wisdom from the book “Hagakure” by Yamamoto Tsunetomo and we'll learn to apply them to our Web-based, computer-bound Western life to become true samurai designers. We'll also get to know impressive examples of artworks that exhibit the samurai approach.

“Hagakure” (In the shadow of the leaves) is a collection of writings compiling the narrations of the samurai Yamamoto Tsunetomo (1659-1719), who in his late years retired from his occupation and, as a hermit, recounted the wisdom of his warrior caste. Largely unknown for centuries, Hagakure became prominent in the 1930s and is considered today one of the most authoritative sources on the ethics of the samurai.

Read more...

Showcase of Fresh and Well-Designed Online Shops

E-Commerce websites are often thought of as typically being unattractive or poorly designed. In this post we will feature 35 appealing designs of online shops. Those featured in this post include examples from a variety of different industries and showcase several different styles of design.

Madsen Cycles

Throughout this showcase the most noticeable trend of well-designed e-commerce sites is the use of high-quality photos. Many of the sites use large images on the homepage, and product and model photography is always important for creating interest from visitors.

You may also be interested in these other posts from Smashing Magazine:

Read more...

TV Show Web Designs: Trends and Examples

Looking at websites from major industries that involve various forms of media can be interesting practice. In the past we have showcased websites from movies and from musicians on the Billboard charts, and today we'll feature the websites of more than 50 TV shows.

The websites of TV shows are intended to generate interest in the show to improve ratings, and to provide information about the show (and sometimes past episodes) for those people who are already fans of the show. To accomplish this they attempt to create an attractive, interactive website that appeals to visitors.

Californication

As you browse through the sites that are featured in this showcase, here are some of the trends that you may notice. Many, but not all, websites of TV shows are located on the networks domain. This helps to unify the websites of the various shows on the network and can even help visitors of the site to remember what network a particular show is on.

Read more...

If Famous Graphic Artists Were Web Designers…

Styles in design are described and classified in many ways. Sometimes they are given a moniker, like "Web 2.0," other times they are referred to by their appearance: grungy, minimalist, retro, big type. The people (and brands) to which modern design styles are attributed are as numerous as the styles themselves. Many designers look to a brand such as Apple as an example of great modern design because a designer's sensibility is infused into everything it does.

Even though many current styles and trends can be connected to recent design pieces, they do not originate there. So much modern design originated before computers and the Web were even a glimmer in the eye of their creators.

Article Cover

Looking back and drawing inspiration from very early graphic and print design is a current trend nowadays, but that is not the beginning of the story. As you go further back, you'll find groundbreaking design decades, even a century, ago. In this article we’ll explore inspirational paintings and artists who have influenced modern design. In reading this article, you will see some true evolution in design.

Read more...

↑ Back to top