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 ‘Web Design’.

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

Web Design Questionnaires, Project Sheets and Work Sheets

It's nearly impossible to provide an accurate quote to a prospective web design client without first gathering information about what that particular client needs. Some designers do this in either a face-to-face meeting or over the phone, but more often, they have a questionnaire that prospective clients fill out. This is preferable for a couple of reasons, but the most important is probably that this document then becomes an integral part of the design process and is available to refer back to along the way.


So the question is whether you should put that questionnaire up on your website, or only send it to prospective clients once they've contacted you. There are a couple of reasons you may want to make it available online, but the obvious one is that clients are often eager to get started with their projects and so by providing the questionnaire online, this eliminates a step in the pre-contract part of the process.

Here, we've collected questionnaires and worksheets used by actual web design companies, including some of the leaders in the industry. There are both online and downloadable forms included, as well as the pros and cons for each format.


Designing Memorable Websites: Showcase of Creative Designs

One of the main goals of having a website, whether it be a portfolio website or a business website, is to declare your presence on the Web. There are thousands upon thousands of websites out there; it's pretty well established that you are competing for your audience's interest and attention. To this end, it’s important to make those few seconds count when making a first impression.


There are many things happening in web design today. One of the interesting developments is the emergence of responsive web design, in which fluid grids, flexible images, and CSS media queries are used to create more adaptive layouts and hence more elegant user experiences. These designs can adapt to the browser's viewport, completely changing the layout or the overall design of the page altogether, to fit the available space.

We also see a rising popularity of soft :hover and :active/:focus-effects, where buttons, navigation items and links feel more responsive and engaging as well. The transitions are smooth, and often subtly or vividly animated. Another important development is of course the rich web typography, made possible with the emergence of font embedding services. We have much more freedom for our typographic decisions which is an opportunity to create more diverse, unique and therefore memorable designs.


Billboard Web Design: How To Win Your Audience’s Attention

Let's say you're driving down the freeway at 65mph and you see the roadside plastered with advertising posters on both sides. Some small, some large, all meant in some measure to cause you to remember a brand or identity, to keep that company name in your mind. The more saturated the roadside becomes with advertisements, the more the brand has to be distinctively creative, unique and memorable.


Generally, the eye-catching ads are mostly the ones with witty taglines that are easy and fun to remember. As much as the colors of the images and fonts being used are important to make it easy on the eyes, the idea actually has to be unique and simple enough to be separated from other commercials.


When A Thousand Words Is Worth A Picture

Good design speaks for itself, right? Unfortunately, that is rarely the case. Most of us don’t have the privilege of designing for ourselves; we design for clients, clients who have their own taste and ideas, clients who ultimately need to be persuaded on why we’ve made certain decisions. Good design doesn’t speak for itself; it needs an advocate.

Just a few "minor" changes

This article examines both why design requires justification and how you can go about providing it in a way that is clear and understandable. While we'll focus on visual design, the principles described here are applicable to any creative process or endeavor. Indeed, we learned most of these lessons while presenting Web interfaces and prototypes to clients, which took place after the visual designs had been agreed on.


Fashion Websites: Trends, Showcase, Interviews

Fashion is a cultural phenomenon. It’s so often transient, but at the same time one of the most polished mirrors of our time. Unlike other art forms and creative media, fashion is a mode of self-expression for all players involved: the designer makes clothes to express their personality, and the consumer wears them for the same purpose. Fashion also accommodates a number of other creative professions, such as photography, make-up and hair-dressing and Web design.


In this post, we'll look at websites from the fashion industry. We spoke with two developers whose websites differed in style and implementation to find out the considerations involved in designing a website for a fashion brand. Further below, you'll find a collection of smart websites done by clothing designers, photographers, make-up artists and other players.

With its look at trends and features in this niche, this post may come in handy for those of you working on a related project or who are simply curious to know how Web design is approached in this industry. Although we won’t discuss the clothing itself, fashionistas may find some use in it, too.


Showcase Of Web Design In The Arab World

Sand, magic carpets, Islamic art, Mecca, turban, luxury, camels, incense, Ali Baba and the 40 Thieves, arabesque art and cous cous are just a few of the images that spring to mind when thinking Arab world. But there is actually a misconception of what is the 'Arab world'. Most often the 'Arab world' is thought of as solely the Middle East. The Middle East however is only the geographical area defined by the lands between Egypt and south-west Asia. The Arab world is much much larger. The geographical expanse of the Arab world reaches far wider when it is correctly defined by countries which are Arabic speaking.


The history of this expansive region is so deep that it is foolhardy to skim over how the past has influenced art and hence inspired, to a degree, modern web design. For example, Islam, the predominant religion of the Arab world, laid the ground stones for Islamic Art. One of the major reasons that Islamic art is rich in patterns and 'arabesque' repetition of forms such as geometrical floral designs is because it is feared by many Muslims that the depiction of the human form is idolatry and thereby a sin against Allah, forbidden in the Qur'an.

You may be interested in the following related posts:


Expressive Web Typography: Useful Examples and Techniques

Wherever we turn online, typography jumps out at us — sometimes literally, with the assistance of some clever coding. And now more than ever, we are seeing greater focus on this design element and its varied implementations around the Web. With the growing popularity of font embedding services and @font-face, typography is the talk of the town, but even though it is a regular topic among communities, not all of our typographic efforts are successful. Sometimes we swing for the fences, only to miss or fall short.


This is what brings us together today. We have looked around the Web and checked some of the many typographic choices of website owners — some of which are successful, others not so much. Below is a selection of some elegant and interesting websites. We will critique the typography on them, in order to explore how we can improve the type on our own websites. Look through them to see whether you spot any typographical trespasses that you may have committed yourself.


Showcase of Interesting Navigation Designs

Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues.

Foundation Six Portfolio

If page is long and provides different levels of navigation, will users be able to find their way through the site and use proper navigation quickly? Forcing visitors to use certain keystrokes to navigate, rather than what they're used to, might be novel, but is that effective if you have to explain instructions prominently on your home page? Here are some examples for your reading pleasure.


Showcase Of Appetizing Restaurant Websites

They say the first bite is taken with the eye. If so, these appetizing restaurant websites succeed in whetting our appetites, inviting us to a savoury next bite. In these designs, color scheme and introductory copy show vastly different aspects of the restaurant experience. Moody warm tones create atmosphere, vibrant greens underscore freshness, and earthy colors communicate a relaxed, friendly attitude.

Showcase of Appetizing Restaurant Websites

Because customers are increasingly using mobile browsers to make decisions on the spot, restaurant websites are doing a better job of communicating core information quickly. Similarly, full Flash websites with no mobile alternatives are seeing some decline. Especially interesting is how these businesses are improving their online menus by replacing PDF-only downloads with Web-optimized alternatives that are more readable and easier to navigate.


↑ Back to top