Visually Clear Info
  • Home
  • Design Topics
    • Interface and Net Art
    • Logo Design
    • Professional Practices >
      • Portfolio Design
      • Archiving Work
    • Typography >
      • History of Type
  • Vocabulary
    • Formal Elements >
      • Design Topics
    • Resources
    • Tutorials
  • News
  • Market MV

Design Process

What is the Design Process?

The Design Process is the practice of breaking down any design project into small phases. This process can be used to approach any design project. The number of phases (think fluid) and steps (more concrete) can vary slightly depending on the designer's approach, project, and client needs. Phases of the design process may be repeated multiple times during the completion of a single design project. 
The FIVE (5) phases of the Design Process:
  1. Design Brief—The design project overview. 
  2. Discover—Learn about topics related to the design project.
  3. Design—Develop the design, preliminaries through completion.
    • Brainstorming
    • Produce Preliminaries
    • Design Production
  4. Discuss—Critique, or a conversation, that analyzes a design's success.
  5. Deliver Design—Distribution of final design and design assets to the client.​
Remember a successful design takes time!
  • 50% of your time is utilized to complete 95% of a design.
  • 50% of your time is utilized to complete the last, crucial 5% of the design, which tweaks like spacing, color, typesetting. 

Phase 1 – Design Brief

A Design Brief (aka Creative Brief) sets the tone of a design project by defining the project's scope including the creative strategy, design concept, technical strategy, deliverables, project assets, client information, budget, and deadline(s). The Design Brief uses keywords that clue the client in to project specifications like industry information, aesthetics, form, style, tone, and voice. While moving through the Design Process, it is important to regularly refer back to the Design Brief in order to ensure that the evolving design meets all project guidelines.
  • Creative strategy drives the design concept. It defines what product should be developed based on the industry, market and client needs. Creative strategy starts to outline the components of the design, the story being told, and the target market. When developing a creative strategy be sure to use SMART Goals (Specific, Measurable, Achievable, Relevant, and Time bound). 
  • Design concept is the core idea, underlying logic, and reasoning driving how the designer will solve a design problem. In order to develop an appropriate design concept, the designer must have a clear understanding of the design problem being solved. The design concept is a framework in which the design is built, outlines the visual aspects of a design, and defines how visuals clarify messaging that resonates with the target audience. It outlines design aesthetic considerations such as color, font, grid structure, tone, image and illustration usage, composition, and format. These guiding principles drive the development of design project assets / content. 
  • Technical strategy is how the designer will leverage technology in the production of the design; technology decisions can range from software needs, to printing process(es), to paper choice, and beyond. 
  • Deliverables are the components of the project that will belong to the client at its completion. Deliverables can be a single item or a series of items. They can be digital products such as an app or specific file types like a printer spread PDF or physical products like printed brochures, pens, or t-shirts. 
  • Project assets are all components of a project including research, mood boards, databases, text, graphics, (illustrations, icons, photographs), media (video, animation, audio), color palettes, fonts, design development (sketches, comps, design iterations), and physical products. Asset management, which includes archiving work and file organization, is an essential skill for every designer. 
  • Client information could include company details, brand / style guidelines, target market, budget, and statistics about major competitors.
  • Deadlines are the timetable (specific dates/times) that project phases will be completed and final design delivered. A large project might have multiple deadlines that are completed by different members of the design team.
Note: If you are developing the Design Brief, this step would come after the first client consultation and Discovery phase. For class, I will be providing the Design Brief. 

PHase 2 – Discovery

Discovery is a crucial step in the Design Process that involves research, collection, and analysis of information that will inform the understanding of the design problem, in turn shaping the direction of the design solution. ​Completing proper research will allow the designer to more effectively fulfill the Design Brief and solve the design problem. 
  • Gather reference information keeping track of all sources including web URLs. Information can be in many forms: observation, surveys, interviews, focus / user groups, visual, data, statistics, historical, or reports. One way to stay organized is to keep a text-based document, spreadsheet, or database with information and reference images. 
  • Learn about the client's business, industry, target market, and main competitors.
  • Dive into the history, brand value, vision, mission and culture of the company. Do they have a style guide the design is rquired to adhere, or are there particular systems or structures they have in place the design must follow?
  • Discover the target audience and what resonates with them.
  • Empathize to understand the problem more deeply.
  • Begin to write about and visualize concepts. More on this below.

PHase 3 – Develop

Step 1: Brainstorming—Analyze the research and conceptualize possible design solutions that will fulfill the Design Brief.
  • What is the design strategy and design concept?
  • What is the message in writing? 
  • What design elements will visually communicate the design concept and message?
  • Which design style / aesthetic will best showcase the project goal?
  • Who is the target audience? After viewing the design, what is the take away and action they should take?
  • Consider how the project will be output—print or digital (for a screen) or both?
  • Continue to write about and visualize concepts. More on this below.​


Output Considerations
​
It is key to talk to a printing bureau and the client, early in any project in order to understand the possibilities and cost involved. ​
  • Print
  • Digital
  • Print and Digital Cross Over
<
>
  • Document Setup: What is the most appropriate dimension (inches, millimeters, points, picas)? Should it have margins, a bleed or both? Is it single- or double-sided? Is it a single- or multiple-page document? What is the document orientation? 
  • Color: Will it be printed in black and white, one-color, two-color, or full color? Will it be printed using process (CMYK) or spot  (Pantone) colors? Does it need to function for a color-blind audience?
  • Viewing / Location: Will the product be handheld or viewed at a distance? Will the audience be slow moving (walking or running) or fast moving (driving in a car)? Is the design location specific?
  • Materials / Processes: What type of printing process will be used—digital, offset, screen print, 3D? What materials will be used? What type of paper? Will there be overprinting or knockout? Will it use a specialty process like die cutting, foil, varnish, embossing or debossing, special coating like soft touch or velvet, or raised ink? Does it fold or need to tear? 
  • ​​Document Setup: What type of screen will it be viewed the most—kiosk, monitor, mobile device? What are the most appropriate dimensions (pixels)? 
  • Color (RGB): Will the design use web safe colors only or a wider range of color? Does it need to function for a color blind-audience?
  • Media: Will it be animated? Will it have audio? 
  • Interaction: Will it require user interaction? What type of interaction (direct touch, gestures, sensors, voice activation, AI)? Will the product need to be accessible?
  • Materials / Processes: Does the product need a screen or does the user use theirs? Does the product require hosting? If so, what is the cost involved? Is it location specific? Is the product a non-fungible token (NFT)?
  • Interactive PDF
  • QR code
  • Like Near Field Communication (NFC)
  • Augmented reality
​


Step 2: Produce Preliminaries—Begin visual exploration and concept refinement through the production process.
  • Jot down all design ideas through writing.
  • Visualize concepts by using any of the following techniques:
    • Write out concepts in words.
    • Produce thumbnail sketches: small drawings, completed quickly in rapid succession, each one should take between twenty seconds to one minute. ​
    • Create a mood board.
  • Complete more detailed, rough sketches based on the most appropriate Design Concept. Develop these enough to be able to determine if the direction fulfills the Design brief. Consider the Principles of Design and Elements of Art.
  • Generate comprehensive drawing(s): a detailed drawing that more completely showcases how the final design will look and feel.
Step 3: Design Production—Produce the design based on the comprehensive drawings and Design Brief specs.

Considerations:
  • Compose the visual solution that uses sound design principles based on a clear understanding of the Principles of Design and Elements of Art.
  • Reflect on how the design principles are being used to visually support clear messaging. This means choosing colors, fonts, composition, grid, layout, etc. that resonate with the audience.
  • Use the correct tool(s), technique(s) and craftsmanship as they are key to successful completion of design.

Phase 4 – Discuss (Critique)

  • Success is determined by how well a design visually expresses the design concept and clear messaging through the use of the Principles of Design and Elements of Art. ​Personal feelings (like or dislike) have no place in critique.
  • Seek out feedback at every stage of the Design Process. Minimally, review should happen at the 10%, 50%, and 95% milestone markers. 
    • ​10% complete: The discovery, outline, and wireframe or thumbnails should be complete.
    • 50% complete: The core components of the design have started to come together, giving a very clear understanding of the direction of the project. 
    • 95% to 98% complete: The design is almost complete, only fine-tuning remains. 
  • Feedback can begin with friends, family, peers, and colleagues.
  • Present the project to the client. Listen carefully to their feedback, consider their point-of-view and perspective. Take notes. ​​
  • After critique, reflect on and analyze the feedback received, make notes. Then, make decisions on how to refine and  improve the design and implement appropriate changes. 
Repeat the phases of the Design Process as many times as necessary in order to create a design that successfully fulfills the Design Brief.

Phase 5 – ​Deliver ​DESIGN

  • ​Complete the final design along with the design rationale statement.
  • Deliver the final design to the client according to the timetable and guidelines outlined in the Design Brief / Contract. Be sure to send the invoice, receive payment, and include all agreed upon documentation and assets.
Chris Matusek | Copyright © 2022
  • Home
  • Design Topics
    • Interface and Net Art
    • Logo Design
    • Professional Practices >
      • Portfolio Design
      • Archiving Work
    • Typography >
      • History of Type
  • Vocabulary
    • Formal Elements >
      • Design Topics
    • Resources
    • Tutorials
  • News
  • Market MV