Layouts Archive

20 Gorgeous Web Application Interfaces

20 Gorgeous Web Application Interfaces

The advancement of web technology has led to some incredibly impressive improvements in online application interface design. Below we’ll look at 20 web apps that aren’t only extremely useful, but indisputably attractive as well. I’ve subdivided the applications into four categories: Design, Business, Productivity and Miscellaneous.

March 14th, 2010 Posted in Graphics, Inspiration, Layouts
The Importance of a / B Design Testing

The Importance of a / B Design Testing

For many developers, launching a site is not the end of the design process. To continually improve the success of their design, these developers turn to A/B testing. This relatively simple process can teach you loads about what your users are looking for as well as what they ignore or find unimportant.

Today we’ll take a quick look at what A/B testing is, the benefits of implementing it, and some tools to get you going.

March 9th, 2010 Posted in Accessibility, Layouts
5 Reasons Band Websites Suck (and Some That Don’t)

5 Reasons Band Websites Suck (and Some That Don’t)

This post began purely as a showcase of well-designed band websites. Naturally, to begin my search I opened up my iTunes library and Safari and began checking out the sites of the bands in my collection. What I discovered shocked me; nearly every site I came across was profoundly lackluster or altogether horrid. I’m at a loss as to why record companies, who spend countless dollars promoting their big money makers, seem to be incapable of finding web designers that match the remarkable talent of their artists.

At this point the nature of the article changed entirely. Due to the wealth of ugly sites to choose from, today we’ll examine some of the reasons I think the band website industry really needs to step up and make some major changes. We’ll conclude by analyzing some examples to follow if you want to create a band site that doesn’t suck.

March 7th, 2010 Posted in Graphics, Inspiration, Layouts
25 Designs Inspired by the Natural Environment

25 Designs Inspired by the Natural Environment

Need an idea for your new site design?

Why not look to nature for your inspiration? Today we’ll look at 25 sites either loosely or strictly inspired by some facet of the natural world.

Along the way we’ll discuss four popular trends that most nature inspired sites fit into.

February 20th, 2010 Posted in Inspiration, Layouts
15 Tips for Designing Terrific Tables

15 Tips for Designing Terrific Tables

Tables of information are boring.

In a sense, they’re meant to be that way. A good table communicates a lot of information in a concise, easy to understand way. Because the emphasis really should be on the information, over-designing a table can kill the effectiveness. However, in the right hands, clever design can not only make a table more attractive, but can actually increase readability.

Today we’ll take a look at several ways you can improve the functionality and aesthetics of your tables. One of the most common places we currently find tables online is on a web app’s pricing page so most of our examples will take this form, just keep in mind that these principles can apply to any type of informative grid (whether or not it’s actually a <table>).

January 26th, 2010 Posted in CSS, HTML, Inspiration, Layouts
20 Gorgeous Examples of E-Commerce Done Right

20 Gorgeous Examples of E-Commerce Done Right

E-commerce sites are notoriously busy and overcrowded.

Today we’ll be examining a ton of online stores that break this trend by being both functional and attractive. Each of the examples below has a unique lesson to teach us about good e-commerce design. Let’s get started!

January 21st, 2010 Posted in Business, Graphics, Inspiration, Layouts, Reviews
10 Pitfalls to Avoid When Using Stock Photography

10 Pitfalls to Avoid When Using Stock Photography

Stock Photography is a tricky beast.

The presence or lack of good stock imagery can make or break a design. My best advice is to use custom photography/artwork whenever possible. However, I’m a big fan of stack art because there are tons of scenarios when it makes good sense to purchase someone else’s work over taking the time to create your own. To keep it classy, here are ten things to avoid when you’re working with stock images.

January 18th, 2010 Posted in Business, Layouts
12 Killer Tips for Designing in the Browser

12 Killer Tips for Designing in the Browser

screenshot

How do you mockup a website?

The typical workflow starts in Photoshop and then transitions over to HTML and CSS to mimic the original PSD as best as possible. However, there is a growing trend in web design to scrap the Photoshop step in favor of creating the initial comp right in the browser with your favorite editor. I’m sure right about now your head is buzzing with reasons why this approach would limit your design, but there’s actually a lot more you can do right in the browser than you might think. This article will provide you with the tools and tricks you need to create brilliant, working mockups as your very first step in the design process.

January 8th, 2010 Posted in CSS, Layouts
10 Techniques for a Fantastic Footer

10 Techniques for a Fantastic Footer

A strong footer can leave your visitors with a lasting positive impression.

There are tons of creative ways to boost the cool factor of your footers by focusing on both form and function. Below you’ll find 10 simple ideas to inspire you towards footer greatness.

January 5th, 2010 Posted in Graphics, Inspiration, Layouts, Navigation
10 Expert Tips for Designing a One Page Portfolio

10 Expert Tips for Designing a One Page Portfolio

Once upon a time, designers would lug unwieldy physical portfolios from interview to interview to showcase their work. This tactic is steadily being replaced with sending out emails containing links to an online portfolio. A portfolio website is becoming an essential marketing tool for every designer and can be the single biggest impression upon which you will be judged and hopefully, hired.

This article contains several tips and examples to help you create an amazing single page portfolio.

November 28th, 2009 Posted in Inspiration, Layouts
Subscribe

Membership