Menu Search
Jump to the content X X
Smashing Conf Barcelona

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 Barcelona, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Showcases’.

We are pleased to present below all posts tagged with ‘Showcases’.

Movie Website Designs: Examples And Current Practices

It can be an interesting experience looking around at websites in particular industries to identify trends and see how they differ from those in other industries. In this article, we'll take a look at the websites of major motion pictures to see what types of websites are being created. Movies are a big part of the entertainment industry, and in recent years their websites have become increasingly critical to their overall success. [Content Care Dec/01/2016]

Paul Blart Splash Page

The purpose of movie websites. Before getting into the details of specific movie websites and discussing current trends, it's important first to consider the primary purpose of movie websites. Obviously, in order for a movie to be financially successful, it needs to do well at the box office, and today many moviegoers use the Internet to find movies to see and to buy tickets. Having things like trailers and other video clips helps to engage visitors and encourages them to find show times and buy tickets online.

Read more...

The Web Design Navigation Menu – Articles And A Beautiful Showcase

Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and good design thrown in.

Screenshot

This overview features a hand-picked and organized selection of the most useful and popular Smashing Magazine's articles related to Web Design navigation and published here over all the years. [Content Care Nov/28/2016]

Read more...

404 Error Pages, One More Time

The design of 404 error pages is often overlooked and underestimated. However, designed carefully, these pages can make a random visitor stay on your website, take a look around and eventually find the information he or she was looking for in the first place. Effective 404 error pages communicate why a particular page couldn't be displayed and what users can do next. A search box and list of useful resources (possibly related to the missing page) could be helpful in this case.

Screenshot

We've already covered the design of 404 error pages in previous posts. In them, we also covered some interesting and useful ideas for designing 404 pages. Now, it's time for a fresh dose of 404-error inspiration. This article presents 50 more examples of beautiful and original 404 error designs. Some of them are beautiful but not user-friendly, others are user-friendly but not really beautiful. Please use these examples as a source of inspiration; hopefully, this showcase has something for everybody.

Also note that some examples used in this post were suggested by our Twitter followers: please follow us on Twitter to vote on which article gets published next, discuss new ideas, get fresh updates and suggest great ideas for our next posts. Thank you.

Read more...

Textures In Modern Web Design

If you look around at well-designed websites in CSS galleries or any other source of design inspiration, you'll see that texture is extremely common in modern Web design. One of the reasons it's so popular is because of its versatility. Textures can be used in countless different ways and in a wide variety of design styles. As you look around, you'll see how textures can be used in so many different ways by Web designers. [Content Care Nov/30/2016]

Jobs on the Wall

Textures in Web design can be very subtle, so that the visitor hardly notices, or they can be a focal point of the design. In some cases, textures are used to emphasize certain parts of the design. Because of the versatility of textures, they can be used in combination with many other design elements, such as typography, lighting and colors.

When examining exemplary Web designs that employ textures, you'll notice that textures are used in background images, headers, footers, sidebars, content areas and even fonts. Although texture is sometimes associated with a grunge style of design, its reach extends far beyond just grungy websites. Texture adds dimension to virtually any style of design, if applied properly. In this post, we'll look at 50 examples of websites that use textures in different ways.

Read more...

Designing The Holy Search Box: Examples And Best Practices

On content-heavy websites, the search box is often the most frequently used design element. From a usability point of view, irritated users use the search function as a last option when looking for specific information on a website. If a website's content is not organized properly, an efficient search engine is not only helpful but crucial, even for basic website navigation. In fact, search is the user's lifeline to mastering complex websites. The best designs offer a simple search box on the home page and play down advanced search and scoping. [Content Care Nov/04/2016]

Search box

Search box

In practice, websites tend to grow over time, adding new content and, more importantly for us, adding new navigation options, such as additional content sections. However, these new content islands do not necessarily fit the whole information architecture that was well-designed and thoroughly structured when the website was initially designed. The consequence is a poor navigation scheme that is more irritating than helpful, because the content appears to be scattered all over the place instead of contained in separate, very distinct folders (in fact, this is a problem we encountered here at Smashing Magazine recently).

Read more...

50 Beautiful And Creative Portfolio Designs

Design portfolios come in various forms. Traditionally they have been print-based and something you would carry to a client pitch or meeting to showcase what you've done and how you do it. Today, many designers take advantage of the nature of the internet to publish and showcase their work via their online portfolios. Having your work displayed online removes the geographical restraints that traditional portfolios impose on you. [Content Care Dec/17/2016]

Rob Young screen shot.

In this showcase, you'll find a variety of beautiful, unique, and highly-creative portfolio designs. The aim here is to stimulate your creativity and to inspire you to create your own portfolio or re-think your existing one. You'll get to see portfolios from a wide range of fields including web design, product design, illustration, photography, and even animation. Without further ado, we present to you 50 beautiful and creative portfolio designs.

You may also want to take a look at the following related articles:

  • Creating A Successful Online Portfolio
    In this article we’ll review 5 pitfalls that commonly plague portfolio design. Then we’ll cover Portfolio Tips that if carefully considered and well executed will deliver quality results for your portfolio.
Read more...

40 Exquisite Independent Film Posters

An independent film, traditionally speaking, is generally referred to as a movie created entirely outside the traditional Hollywood system. It is usually the kind of production where the actors double up as camera men, friends and family provide the bankroll and the director's mom is in charge of craft services.

Screenshot

Over the last few years, however, the "indie" film has taken on a whole new face. Large productions houses have formed specialty divisions that focus exclusively on "limited run" titles. These are movies that may not have the broad appeal of a summer blockbuster, but still enough demand worth releasing in a limited capacity - often to critical acclaim.

It is in tribute to these wonderful works of art that Smashing Magazine has collected 40 Exquisite Independent Film Posters for your enjoyment. We hope they are as inspiring to you as they are to us. [Content Care Nov/08/2016]

Read more...

Newspaper Website Design: Trends And Examples

News websites can be intriguing to examine from a design perspective. Regardless of what type of news they cover, they all face the challenge of displaying a huge amount of content on the home page, which creates plenty of layout, usability and navigational challenges for the designer. The lessons that can be learned from examining how news websites address these challenges can be valuable for designers who work with other types of websites, including ones with blog theme designs. [Content Care Nov/10/2016]

NY Times

Monetization is also a major factor for news websites, and it’s interesting to see how they integrate advertisements in the design. In some cases, the ads are somewhat intrusive or excessive, but most news websites are able to use ads without turning readers away, in part because of the content that’s available.

For the purposes of this article, the term “newspaper website” refers to any news-related website that has the editorial focus of an online periodical. Many of the websites mentioned here are the online versions of major newspapers, but others are standard news websites and some blur the line between news website and blog.

Read more...

Image Caption Design: Techniques and Trends

Image captions are an often-overlooked element of Web design. They’re often thought of more in terms of function than form. As long as they include the proper photo credits or identifying information about the image subject, not much more thought is given to them.

But image captions are a great place to add a bit more style to your website or to give some unique insight into the subject of the image. Whether the captions are for photos on a news website or design samples in a portfolio, they present an opportunity for reinforcing the overall look of the website. When done properly, they can even add more visual interest and become a distinguishing trademark of a particular brand or website.

Screenshot

There are two basic kinds of photo captions. There is the simple, minimalist, down-to-business style. These usually have a simple sans-serif font in white, black or shades of gray. They are usually positioned either to the side or below an image, though sometimes they overlay or are above it. This type is commonly found on news websites but is also seen in portfolios and other websites.

The other major style is more graphic. This often include effects, such as the caption only appearing on a mouse-over or a “Details” button displayed that leads to the full caption. While fonts are still generally sans-serif, much more color is used, and the captions are often overlaid on the actual image. These types of image captions are generally seen on portfolio websites of designers and ad agencies. Of course, there are websites that use a crossover-type image caption, displaying elements of both styles.

Read more...

Pricing Tables: Examples And Best Practices

Pricing tables play an important role for every company that offers products or services. They are a challenge from both a design and usability standpoint. They must be simple but at the same time clearly differentiate between features and prices of different products and services.

ConceptShare Price Table

A pricing table should help users pick the most appropriate plan for them. A company should carefully examine its product portfolio and pick the most important features to present in its pricing plans. Visitors should be given only the information they would be interested in: available features, options and costs. The rule of thumb is: every unnecessary cell in your pricing table increases the probability of losing potential customers, because you make it more difficult for them to compare various plans and select the best one. [Content Care Oct/27/2016]

Once you have identified the most important features, go ahead and create a more detailed list of features for users who are interested in a particular plan. Users must know what kind of a product they are spending their money on and all of the features associated with it.

Read more...

Retro and Vintage In Modern Web Design

Retro and vintage are becoming a new trend. Once rarely used in this robust, dynamic medium, early, retro and vintage elements are now becoming more and more popular in a variety of design contexts. Online shops, corporate designs, portfolios and blogs incorporate both styles on a small and large scale. When applying "old-style" elements to their works, designers produce creative and appealing designs that make their websites stand out and look really different. As a matter of fact, if executed carefully, such designs almost never look boring, although one might intuitively think that the opposite would be the case. [Content Care Nov/10/2016]

Retro and Vintage Designs - CSS Tinderbox

Retro and vintage designs exhibit graphic solutions that are strongly influenced by the time period that they are supposed to represent. While retro focuses on the style of the 1910s to 1930s, vintage recalls the time period between the 1950s and 1980s. In both cases, design elements reflect some old-fashioned motifs, trends, personalities and objects that had been an essential part of our lives in the past.

Read more...

40 Creative Design Layouts: Getting Out Of The Box

Over the last months we have seen a strong trend towards more individual web designs. These designs often use realistic motifs from our regular life as visuals. However, apart from visual design elements one can also get creative with the layout of the site – its structure and the way the information is presented and communicated. To provide you with some ideas of how exactly it can be done, we have collected examples of creative design layouts. [Content Care Dec/19/2016]

Showcase of Unusual Layouts - Oh, Snap @ Jason Santa Maria

In the showcase below we present 40 creative out-of-the-box layouts that break the boring 2- and 3-columned, boxed layouts. We have collected pure CSS -designs, CSS+JavaScript -layouts as well as Flash -designs. Most designs presented below risk their site structure and content presentation with unusual approaches. That's what makes them different. Hopefully you will find some creative ideas that you can develop further in your future projects.

We strongly encourage designers to break out of the usual boxed layout conventions, experiment with new approaches and risk crazy ideas. Show what you are capable of!

Read more...

↑ Back to top