Posts Tagged ‘Web Design’.
We are pleased to present below all posts tagged with ‘Web Design’.
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 San Francisco, dedicated to smart front-end techniques and design patterns.
We are pleased to present below all posts tagged with ‘Web Design’.
This post is the second article of our new series "Global Web Design". Over the next months we'll be covering various continents, featuring web developers and web designs from different countries of the world and taking a close look of what is happening in the web design scene worldwide. We started last week with Russian web design. We continue now with Ireland (Lee Munroe). If you'd like to prepare an article for this series, please contact us and we'll discuss the details.
Ireland. The land of the leprechauns, green fields and Guinness. But what about the web industry in Ireland? There have been a host of interesting things happening both North and South of Ireland recently. Nicholas Felton talked in Belfast, Ze Frank talked in Dublin, FOWA came to Dublin for the first time and FOWD came to Belfast. Are all these high profile events an indication that there are exciting things happening throughout Ireland?
To give you an insight into some of the interesting stuff happening, I've interviewed several high profile Irish designers involved in the web industry and how they feel Ireland is making an impact on the rest of the world, along with a showcase of some of the more inspiring websites being produced.Read more...
Let's face it: Web-safe fonts are very limiting. Maybe a dozen fonts are out there that are widely enough adopted to be considered "Web safe," and those ones aren't exactly spectacular for much other than body type. Sure, Georgia, Arial or Times New Roman work just fine for the bulk of the text on your website, but what if you want something different for, let's say, headings? Or pull quotes? What then?
You have a few options. Many people just opt for more elaborate CSS font stacks, with their preferred fonts up front. But that still leaves a big chunk of your visitors seeing the same old Web-safe fonts.
Enter dynamic text replacement. In addition to font stacks, why not replace the heading text with an image, embedded font, or bit of Flash? The methods described below are easier than they sound. And the end result is that the vast majority of users will see the beautiful typography you want them to see. A word of warning, though: don't use dynamic text replacement for all of the text on your page. All that would do is slow it down and frustrate your visitors. Instead, save it for headings, menu items, pull quotes and other small bits of text.Read more...
This article is the first of our new series "Global Web Design". Over the next months we'll be covering various continents, featuring web developers and web designs from different countries of the world and taking a close look of what is happening in the web design scene worldwide. We start today with an article about web design in Russia. We will continue with Ireland (Lee Munroe) and Brazil (Fabio Sasso) upcoming weeks. Hence, you may want to subscribe to our RSS feed for more similar posts. If you'd like to prepare an article for this series, please contact us.
The land mass that is one-sixth of the Earth is always surprising. In this article we present the hidden force that is Russia: we won't dwell on the classic stereotypes but will rather look at the creativity flowing through.
The era of professional and commercial online design started in Russia about a decade ago. We're now seeing an increase in professional design and development. I won't concentrate much on the history of Web design in Russia; that has been happening for ages. Like everywhere in the world, Web design came to Russia as a modern way to present any kind of information to an audience online. So, principles such as simplicity, accessibility and eye-catching design have been cultivated for several years.
Web development as a profession was relegated to the elite for years until geek heads and artists took it over. For a few years there was a boom of home pages and tiny corporate websites that were built with any regard for the end user. This trend ended thankfully, in large part due to the highly scaled websites that came out some original and still unique studios founded back in the end of 90s.Read more...
Call to action in web design — and in user experience (UX) in particular — is a term used for elements in a web page that solicit an action from the user. The most popular manifestation of call to action in web interfaces comes in the form of clickable buttons that when clicked, perform an action (e.g. "Buy this now!") or lead to a web page with additional information (e.g. "Learn more...") that asks the user to take action.
How can we create effective call to action buttons that grab the user's attention and entice them to click? We'll try to answer this question in this post by sharing some effective design techniques and exploring some examples.Read more...
If you've been assigned to design or provide the architecture for a large e-commerce project or other information-heavy website whose success depends on content findability, it is vital that the design and layout of the search functionality for that website is considered carefully.
The search results page is the prime focus of the search experience, and can make or break a site's conversion rates. Therefore, bridging the gap between a user and the content or products they seek is a crucial factor in the success of any large website. The responsibility to design an effective search results page is best considered after a thorough examination of some of the features and functions found on search results pages from a number of popular niches.
In this article, we'll look at a number of trends and practices incorporated on a variety of websites. From this examination, we'll conclude with a summary of the best practices learned from the examples those sites have set.Read more...
Portfolio websites are critical for designers who want to get exposure for their work and attract new clients. While all portfolio sites will showcase the work of the designer, some have chosen to provide additional information about the project through case studies.
In this post we will be featuring more than 30 portfolio sites to show how they are using case studies from their own design projects to communicate with potential clients. Not all of them are referred to as "case studies" on the site, but all provide much more information than just giving a screenshot with the client's name.
If you are considering ways to make your existing work more relevant or appealing to visitors who may be potential clients, providing case studies is one option. Take a look at the sites featured here and you may come up with some ideas of how they could be used on your own site.Read more...
In our recent study on Typographic Design Patterns and Best Practices, we asked our readers about case studies they would like us to conduct. One of the most popular suggestions was a detailed case study of portfolio websites. Following the requests of our readers, we have carefully selected 55 design agencies and Web development agencies, analyzed their porfolio websites and identified popular design patterns. The main goal of the study was to provide freelancers and design agencies with useful pointers for designing their own portfolio.
This post presents the initial results of our big portfolio design study. Below, we discuss the visual design, structure, layout and navigation of portfolio websites. We also get into the design details of every single section, including the about, clients, services, portfolio, workflow and contact pages. Of course, you do not necessarily have to follow the findings presented here; rather, use them to get a general idea of what other portfolios look like, and then come up with something of your own that is usable, distinctive and memorable. We would like to thank Mark Nutter for helping us gather data for this study.
Any ideas or suggestions? Maybe there is something else that you would like us to analyze additionally in this study? Comment on this article — we are listening!Read more...
The time has come for the first showcase of music night club websites here on Smashing Magazine. We've scanned the Web up and down to find the most original and interesting online club identities. As usual, we have Flash websites and CSS eye candy. Please notice that the aim of the post was to showcase current web designs of music night clubs, so the gallery doesn't necessarily showcase most usable or most beautiful night club web designs out there.
As we observed in the early Showcase of Fresh and Well-Designed Online Shops, the most obvious trend is the use of big bold pictures, either as backgrounds, headers or just side graphic elements thrown in the design mix. Most of them start playing music automatically (which is extremely annoying from the usability point of view), but in this case it's not weird or off-putting because they are music club websites after all.
Another trend is the use of bright, vivid colors and intense color schemes, borrowed from the clubs themselves. Also, Flash clearly dominates in such web-sites, presenting some very unconventional navigation menus and very distinctive layouts that aren't intuitive at all at the first glance.Read more...
The horizontal navigation menu has become a mainstay in Web design. It is safe to say that nowadays most websites use some form of horizontal navigation to facilitate content browsing. The dominance of horizontal navigation over vertical (i.e. down a sidebar) is obviously due to the design and content limitations of the latter. Notably, CNN discovered those limitations before switching from vertical to horizontal a few years back.
There are, however, many styles of horizontal navigation in modern Web design. Some offer usability advantages for certain types of websites, while others are aesthetically better. In this article, we will focus on a variety of techniques and best practices to improve the usability of horizontal navigation bars, and we will note less effective styles. We'll also look at several trends that developers can choose from when working on the navigation design for their next project.Read more...