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’.

60 Rare and Unusual Vintage Signs

In the U.S., most outdoor signs made between 1890 and and 1950 were constructed of a base of heavy rolled iron, which was die cut into the desired shape, then coated with layers of colored powdered glass and fired in a kiln. This process made them durable and weather-resistant. Signs made this way were known as porcelain enamel signs or simply enamel signs. [Links checked February/10/2017]

Whistle Soda

Porcelain enamel signs originated in Germany and were imported into the U.S. They quickly became a staple of outdoor advertising across the country. Around 1900, designers experimented with bold colors and graphics on the signs and they were used to advertise everything from cigarettes and beer to farm equipment and tires. Early designs were stenciled, but American designers switched to silkscreens and started using a steel base instead of iron. Later, when porcelain enamel became too costly, tin bases were used instead of steel.

Read more...

Effective Website Maintenance: Examples and Best Practices

Every website has to perform maintenance at some point or another. Whether it's just to upgrade a portion of the site or because of some problem with the site, it's an inevitable fact of website ownership. And in many cases, maintenance requires taking your site offline for at least a few minutes. [Content Care Dec/20/2016]

Maintenance Page Screenshot

So what should you do if your site is going to be down for maintenance? You don't want users coming to a 404 or other error page. And hopefully you'd like to encourage them to come back to your site sooner rather than later, right? If that's the case, you'll need to build a custom maintenance page. Below we present a list of best practices to building effective maintenance pages that will help keep your visitors, whether new or returning, happy.

Read more...

Retro Futurism At Its Best: Designs and Tutorials

Concepts of the future for the way we live our lives have been expressed in forms of art, design, movies, comics, and even cartoons. For many decades before man even landed on the Moon, people have been fascinated with space and the endless possibilities it could bring. The future is not only about being in space, though it has a major influence, it lies within your innovative minds and skills as the designer and artist. So, whether you go back into the past or here in the present, the future is all that we envision.

Screenshot

It wasn't too many years ago when amazing tools such as 3ds Max, Adobe Illustrator, Photoshop, or even Corel Draw weren't around. Illustrations were drawn by hand using chalks, colored pencils, paints, and pens. With typography, you could find artists/ designers also using fountain pens or calligraphy pens with a large variety of nibs, along with bottles of colored ink. Even today, you will still find designers and architects who use tools such as the t-square, triangular scales, triangle, french curve, and of course, your basic compass.

Times do change and so do the concepts of what to expect in the future. We would like to share with you a collection of retro futuristic designs and tutorials that will inspire you for your future creations. If you like the designs, please take the time to visit the sites of the artist/ designer by clicking on the illustration or title.

Read more...

50 Beautiful Flash Websites

Flash enabled designers and developers to deliver rich content over the browsers, creating motion, interactivity and an impressive visual experience. Good Flash-sites do not require too much bandwidth, load fast and allow for a smooth interaction; besides, beautiful Flash-based sites are Photoshop masterpieces, transporting some kind of reality and fantasy to the Flash movie.

Hewlett-Packard - Wake up your feelings with the power of touch

In the showcase below we present 50 colorful, creative, interactive and beautiful Flash-based web-sites. Hopefully they will serve you as an inspiration for your future works or just entertain you on a lousy, boring Sunday.

Read more...

Modal Windows In Modern Web Design

Web design is essentially the organization of information into a readable, usable, functional and accessible format. Good organization of content is crucial, and you need a strong layout that you can build a website upon. You can use numerous interface elements and structures to organize content, such as jQuery-based content sliders and modal windows, which are basically windows that float above the page.

Screenshot

The modal window has many advantages. For example, when a modal window contains a smaller element, the user doesn't need to load an entirely new page just to access it (another way to achieve the same effect is e.g. by using AJAX-based tabs). By providing modal windows, you improve the usability of your website. Having to load pages over and over will annoy most users, so avoiding that is definitely a good thing. Modal windows also allow you to save space by getting rid of large elements that don't need to be on the main page. For example, rather than putting a full video on a page, you can just provide a link, thumbnail or button of some sort.

In this article, we'll go over best practices and trends for working with and building modal windows. We'll also provide numerous examples of well-constructed modal windows and a few scripts to get you started with building them.

Read more...

Business Card Design: Better Than A Plain Ol’ Business Card

Going to web conferences is a great opportunity to make new contacts and exchange business cards. Unfortunately, we have an industry filled with creative people who have no creative marketing for themselves. Sure, many have business cards, but one in a hundred have something really cool. These unique treasures, cards, items etc. get kept, talked about and usually photographed and shared. This post is an inspiration for all you creatives to step up your game, either by getting things made or by making them yourselves.

A note of warning though: interesting promotional materials almost always cost more per unit than a white business card or require a lot of prep work, so you're often going to have a limited quantity. Pick the people you give these treasures to wisely. Those people will feel more important for getting a limited edition, and you don't run the risk of spending an absolute fortune (in time or money) producing mass quantities!

Read more...

Non Profit Website Design: Examples and Best Practices

Non profit websites share many of the same best practices as any website. They need to be user friendly, easily navigable, and use appropriate fonts, colors, and other design elements. But often a non profit website needs to offer more than your typical corporate site.

Screenshot

A non profit's website needs to make it easy to find out more about their cause, to donate money, and to become more involved. It needs to make it easy for media contacts to find the information they need and the contact information of key personnel. And it needs to do all this in a way that's inviting to the organization's targeted donors and/or volunteers.

Below are a list of best practices for designing non profit websites followed by some examples of non profit websites that are getting things right.

Read more...

35 Examples Of Masterful Lighting Effects In Web Design

Using a light source the right way can add dimension and beauty to a website design. Strong light sources create a stark contrast between light areas and shadows in a design, making the elements look more realistic and dimensional and less flat. Some websites opt instead for a dim light source to create a soft glow around particular areas of the website, to attract the eye more subtly.

campcreativegroup.com

Lighting can also create a mood for a website. Some websites use bright swirls of light to show energy, while others use a dim glow to create a peaceful mood. In the examples below, you will see a wide range of lighting effects used, from subtle lighting effects to bold rays of light streaking across the page.

You can learn how to better use light and shadow to polish your page designs and make them stand out on the screen in our recent article 5 Simple Tricks To Bring Light and Shadow Into Your Designs.

Read more...

Captivating Winery Websites For Your Inspiration

From the Napa Wineries in California to the vineyards of Australia and France, the beautiful designs of these wine maker's websites embody the spirit of the vine. Trends for winery websites have been leaning towards a dynamic Flash introduction, animation and beautiful graphics, which would give the best representation of the products for the target market.

Captivating Winery Websites For Your Inspiration

Unfortunately, winery sites strongly focus on the visual design, while best usability practices are often ignored. For instance, some web-sites do not offer a search functionality and use hardly readable content (and the size of the text can not be increased, because the text is embedded into a Flash-animation). Besides, since many sites are Flash-based, it's also impossible to bookmark a specific page, although (in general) it can be achieved in Flash).

Read more...

20 Talented and Impressive Illustrators

A lot of what is seen on TV commercials, catalogues flyers, posters, banners and internet advertisments are made by someone in the world of design or commissioned by someone in the world of art. As time passes, the distinction between artist and designer has been blurred beyond recognition.

Now, in times of instant press and release, inspiration from great artistic measures and processes are the influence and is just as important as functionality. When we see companies like Apple and RIM, we see a collaboration between art and design where the practicality is the designated, artistic measure and process, so what looks good, feels good and works well.

deco_2

Below is done in the same sight, literally where the eyes are encouraged to explore, stimulating inspiration and aspirational ambition. Below we present 40 talented and impressive illustrators – their work is inspiring, creative, original and beautiful and as such perfect for a lousy saturday evening.

Read more...

30 Beautiful Real Estate Websites

Real estate is a valuable and often expensive purchase. Copious research is done by home buyers before venturing out to acquire real estate. In this day and age, gathering information about a property is typically done online, and an effective and captivating website design can make or break a home sale.

BATICO

In this showcase, we'll explore some great designs of real estate websites. We'll also discuss some commonalities between them to tease out current trends in real estate websites.

Property realtors want to convey the message that they're reliable and well-established. They want home buyers to feel that they will be purchasing property from a company that's dependable, steadfast and time-tested. That's why most of them opt for a classic and sophisticated theme for their websites, rather than a sleek, modern theme.

Read more...

How To Use Help Elements To Improve Your Designs

When designing a website, the most important thing is to make it as usable and convenient as possible. On a website on which users could possibly get confused, it is best to include help elements. Help elements come in all different shapes and sizes: an entire page, a suggestion box or a quick tip. But they all have one thing in common: besides doing the obvious (i.e. helping the user), help elements provide an extra convenience that brings the website closer to that sought-after usability.

Screenshot

Screenshot

With the number of forms, search functions and other navigational elements on websites these days, using them can occasionally become confusing for some users. Providing help elements in as many places as possible can be a great way to make the user's experience more pleasurable. The better the experience of the user, the more likely the user will buy your product, come back to the website and fulfill the goal that the website was built to achieve.

Below is a compilation of best practices for help elements, an explanation of when to use them and a showcase of excellent help elements.

You may also be interested in the following related posts:

Read more...

↑ Back to top