A design concept is the idea behind a design. It’s how you plan on solving the design problem in front of you. It’s the underlying logic, thinking, and reasoning for how you’ll design a website.
Your concept will lead to your choices in color and type. It’ll choose your aesthetic and determine your grid. Every design decision you make will fall back on your concept for direction.
Your design concept becomes the framework for all your design decisions.
We can think of design concepts in two ways.
- Verbal – the verbal parts of your concept might be words you use to describe the site. For example your design concept might be one of sophisticated elegance. Verbal concepts tend toward the abstract. They’re focused on the message your design is to communicate.
- Visual – the visual parts of your concept might be a specific image or color scheme. It might be an idea to use circles prominently. Visual concepts tend to be a little more concrete. They should come from the verbal part of your concept. Visual concepts are focused more on the how of conveying your message.
Typically I begin forming a concept verbally (a process I’ll describe below). At times, though, a concept comes to me visually. I may see an image in my mind for part of the site or the colors I want to use come in a flash. This usually happens after I have done some verbal conceptualizing, though before writing it down.
Generally verbal concepts come before visual concepts as the visual is really about how you’ll communicate the verbal, though it likely depends on the individual and how you think best.