Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. 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. 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’.

Creative User Interfaces in Modern Web Design

The whole may be more than the sum of its parts, but without the parts, there is no whole. Lest that sound like some weird philosophical meandering to you, take comfort in observing the finer aspects of creative and appealing user interface design.

OkayDave by you.

The following list bucks tradition by not being tied to one particular theme; although, as you’ll see, there are subtle threads running through them. While excellent, none of these designs are perfect, and I’ve pointed out room for improvement we can learn from.

Give it a go. Grab a coffee and take time to explore further. As you would a quality timepiece made of thousands of parts, analyze and enjoy how intricate parts come together to create a cohesive experience. Look closely and see what makes each website design tick.

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


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.

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.


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.

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.


Showcase Of e-Commerce Fall Sales Designs

The Web is changing along with the weather outside the window, adopting bright autumn-inspired makeovers for seasonal fall sales and special offers. The autumn (or fall) season is primarily associated with harvest (most cultures celebrate one of various harvest festivals this season), bright, hot colors (ranging from yellow to red) reflecting autumn leaf colors, falling leaves, etc.

Gap Fall Design

Websites are adapting to these associations. Most e-commerce websites are running seasonal promotions stylized with distinctive fall designs. Most widely used colors are red and yellow. Most widely used decorative elements are yellow and red (falling) leaves.


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.

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!


Game Sites Design Survey: Examples and Current Practices

Game websites are a little bit of a mystery. You won’t find them in the popular CSS-showcases since they are seldom fully CSS-based; however, they also rarely show up in sites that collect best Flash sites. The FWA, for example, has added only a few game sites this year. This is odd, because there are usually roughly hundred quality titles released each month, each with their own website.

During the research I've found out that there are a lot of creative game designs. This makes it extra strange that amongst all the showcases and studies we see on blogs and in magazines there is rarely one focused on game industry. High time we take a depth look into this area of web-design.

Wrath of the Lich king

This article is the first of a two-part-series where Smashing Magazine takes a critical look at web design in the video game industry. The first part is an in-depth review of the game-related sites out there. What design elements keep returning? What factors influence these design elements? Are the sites mainly CSS- or Flash-based? The article ends with a showcase of some beautiful examples of game site designs.


50 Beautiful Feminine Illustrations and Artworks

Beauty is in the eye of the beholder, and so is the quality of femininity. Exploring this for many artists takes on a diversity of themes. From exploring the pleasures of being a girl to a simple childhood memory, each artist embodies this message in its own unique way and choice of medium.

Showcase of Feminine Illustrations - Carambatack

The collection of renderings selected in this episode of the Monday Inspiration series, 50 beautiful and creative feminine illustrations is sure to please your feminine side. And if your feminine side is non existent — beautiful women have always been and remain an excellent inspiration.

Please notice: this showcase is supposed to present unusual styles, ideas and approaches to the illustration of a woman — not just some beautiful illustrations. Some examples are very funny, the other ones are very sad. Hopefully, everybody will find something new and interesting for himself / herself. At the bottom of the article you'll find further sources to explore feminine illustrations on the Web and find artists that exude girly. [Content Care Oct/19/2016]


Pop Art Is Alive: Classics and Modern Artworks

As a visual art movement that emerged in the mid 1950s, pop art aims to emphasize the nature of things popular in our daily routine. In pop art, most artists use mechanical means of rendering techniques that downplay the expressive hand of the artist. Being an art movement, it has some expressive attributes other styles do not possess. [Content Care Oct/17/2016]

In pop art, a vivid manifestation of pop culture reflects in vibrant colors and busy, sometimes hardly recognizable artistic approaches. Street culture, trash, collage, comic books, grunge, graffiti and photo montage are typical design elements that were widely used by designers and artists a few decades ago. And since grunge found its way back and became popular again, it makes perfect sense to analyze the design elements of pop art which are similar to this artistic style.

Pop Art Showcase

This post presents 75 outstanding examples of classic and modern pop art. Hopefully, everybody will find some inspiration for future works or at least smile when scanning the images presented below. Please notice: pop art can be quite vibrant and not necessarily pretty — in fact, some examples show that it doesn’t have to be pretty at all.

Please take a look at the following similar and related posts:


Textures and Patterns Design Showcase

Textures and patterns are used more often than one may think. The reason why we don't see them is because they usually remain in the background, supporting the overall design, replacing a standard background color and creating a more inviting atmosphere. But they almost never stand out. Used primarily for background images, they need to fit to the overall design making the content easier to perceive. In fact, wood textures seem to have become so popular that designers suggest that wood is the new glossy style and wood is the new white.

Well, we don't think that wood is a new revolutionary trend — after all, it was used and explored for years. However, since wood isn't used everywhere — in correct and wrong contexts — experimenting with it makes perfectly sense. Still, there are a number of options beyond wood: e.g. fabric patterns, tiles, ground, stone, walls, bricks, stiches, cardboard, ceramics, decay, rust, old tapes, illustrations, plastic and glass.

Texture Background Screenshot

In this post we present a showcase of sites using textures and patterns— we want to focus designer's attention on design options available beyond wood. Reason: we strongly believe that vibrant, realistic background images are becoming a new trend. If it sounds familiar to you, you are absolutely right: we've seen the same trend 8-10 years ago. The sources for the background images are usually either photos (e.g. you can download free textures in the Smashing Texture Library) or illustrations created with Photoshop, Illustration etc.

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


↑ Back to top