Menu Search
Jump to the content X X
Smashing Conf San Francisco

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

Posts Tagged ‘Showcases’.

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

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

Creative Print Typography Layouts

In print design, typography is one of the more crucial aspects. Typography is essential the practice of organizing, arranging, and modifying type. The typography techniques uesed in print has a direct impact on how the reader is able to receive the image. In print, typography doesn't have to be plain and boring. It can be beautiful, creative, and colorful. There are a number of ways to liven up typography, such as creative and original layouts, using color variations, use of fancy fonts, and much more.

Screenshot

This showcase will focus mostly on the layout and organization schemes. Below are about 40 different typographic layouts used in different fields of print such as brochure design, editorial design, and poster design.

You may be interested in the following related posts:

Read more...

↑ Back to top