The Graphic Design Workflow: From Concept to Delivery

The Phases of a Design Project

While the exact steps can vary, the professional design process can be broken down into a series of logical phases. We will explore this journey from start to finish. To get a high-level overview, take a look at the infographic below. It visualizes the entire process as a journey.

We'll structure our lesson around a similar path, breaking it down into four main phases:

1. Discovery & Strategy: Understanding the problem.
2. Concept & Ideation: Exploring potential solutions.
3. Design & Refinement: Building and improving the solution.
4. Delivery & Production: Finalizing and handing off the work.

Let's begin at the starting line.

Phase 1: Discovery & Strategy (The Brief and Research)

Before a single pixel is placed or a line is drawn, a designer's most important job is to listen and understand. Rushing into the design software without a clear plan is the fastest way to create work that misses the mark. This initial phase is all about defining the problem and gathering intelligence.

The Design Brief: Your Project's Foundation

Every design project starts with a design brief. This is a document or set of instructions that outlines the project's goals, requirements, target audience, and constraints. It is the single most important document in the entire process.

To understand why the brief is so critical, please watch the first few minutes of the following video.

As the video explained, the brief is your anchor. It ensures that both you and the client are aligned on the project's purpose. If you're ever given a project without a brief, it's your job as a designer to ask the right questions to build one.

Research: Understanding the Landscape

Once you have the brief, it's time to do your homework. The research phase is about gathering information to inform your design decisions. This isn't about looking for designs to copy; it's about understanding the context in which your design will live.

An excellent article from Shillington Education, "The 13 Step Graphic Design Process," breaks this down well.

To see how this works in practice, let's watch a designer apply these first steps to a real-world example: creating packaging for a soap brand.

Phase 2: Concept & Ideation (From Ideas to Visuals)

With a solid understanding of the problem, the project, and the audience, you can now move into the creative phase. This is where you translate all your research and strategy into tangible visual ideas.

Moodboarding and Brainstorming

The first step is often to brainstorm keywords and create moodboards. A moodboard is a collage of images, colors, textures, and typography that establishes the overall look and feel—or "mood"—of the project. This helps you and the client agree on a visual direction before you invest time in creating detailed designs.

This stage is about exploring possibilities. You might generate word maps, sketch rough ideas (called thumbnailing), and gather inspiration that aligns with the project goals.

Developing Concepts

After brainstorming, you start developing concrete design concepts. A concept is a clear idea that drives the design. It's the "why" behind your visual choices. A strong concept connects everything back to the brief.

Watch the next segment of the Satori Graphics video to see how the designer translates the soap project's keywords into specific visual choices for colors, shapes, and fonts.

Phase 3: Design & Refinement (The Iterative Loop)

This is where the concepts are brought to life in your design software (which will be Figma for this course). This phase is a cycle: design, present, get feedback, and revise.

1. Visual Exploration: You take your strongest concept and start building it out digitally. You experiment with layout, typography, and imagery until you have a polished version ready to show the client.

2. Presentation & Feedback: You present your work to the client, explaining how your design decisions solve the problems outlined in the brief. This is a critical skill. You're not just showing a picture; you're presenting a solution. The client will then provide feedback.

3. Revisions: Almost no design is perfect on the first try. The revision stage is where you take the client's feedback and make adjustments. This is a normal and healthy part of the process. The key is to be open to constructive criticism while also knowing when to explain why a certain change might not align with the project goals. It's a collaborative dialogue. A good brief and contract will typically define how many rounds of revisions are included in the project scope.

4. Final Checks: Before sending the final version, a professional designer does a thorough check for any errors—spelling mistakes, alignment issues, etc. For print projects, this might involve printing a test copy.

This iterative process continues until the client is happy and gives their final approval.

Phase 4: Delivery & Production

You're at the finish line! The design has been approved, and it's time to hand it over.

1. Final Approval: Get written confirmation from the client that the design is approved. This is crucial as it formally concludes the design phase.

2. Final Delivery: You'll package all the necessary files and send them to the client. This package might include:

   • Web-ready files: JPGs, PNGs, SVGs for use on websites or social media.
   • Print-ready files: High-resolution PDFs with printer's marks (like bleed and crop marks, which we'll cover later in the course).
   • Source files: The original, editable design files (e.g., your Figma file). Whether you provide these depends on your contract.

3. Production: This final step is often out of the designer's hands. It's where the design is made real. For a print design, it goes to a printing company. For a website design, it goes to a developer to be coded.

For a fantastic, practical demonstration of this entire process, from client discussion to final concepts, I highly recommend watching this detailed walkthrough of a real logo design project.

Conclusion

Congratulations on completing this lesson! You now have a comprehensive understanding of the professional graphic design workflow. This structured process turns a creative service into a reliable and effective business practice.

Here are the key takeaways:

• The workflow is a structured process: It moves from understanding the problem to delivering a solution in distinct, logical phases.
• It starts with the Brief: This is the foundation of any successful project, defining goals and expectations.
• Research informs creativity: Decisions on color, typography, and style are not random; they are based on research into the client, competitors, and audience.
• Design is an iterative loop: The process of designing, presenting, getting feedback, and revising is central to refining a concept into a final product.
• Final delivery is a technical step: Preparing and packaging the correct files for web or print is the final professional touch.

In our next lesson, we will finally jump into the practical side of things. Now that you have the "map" of the design process, it's time to get our primary tool ready. We will set up your free Figma account and get familiar with the workspace layout. This is where your hands-on journey to becoming a graphic designer truly begins