Back to Blog
Design & Branding

How to Design a Logo Step by Step

The process behind every logo I deliver — from the first discovery call to the final SVG file.

By Farzat Amin · · 11 min read
Logo design process — sketches and Figma mockups

A logo isn't just a pretty mark — it's the first thing a customer sees, the last thing they remember, and the visual anchor of everything your brand communicates. Getting it right requires a process, not just talent.

In this guide, I'll walk you through the exact process I use for every logo project — from the discovery brief through to the final file handoff. Whether you're a designer learning the craft or a business owner wanting to understand what you're paying for, this is the full picture.

Step 1: Discovery — Understand Before You Design

The biggest mistake junior designers make is opening Illustrator or Figma before they understand the brand. Great logo design starts with great questions.

Discovery Questions I Ask Every Client

  • What does this business do, and who is the primary customer?
  • What 3 words should the brand make people feel?
  • Who are your main competitors? What do you want to look different from?
  • Are there any logos you love (outside your industry) and why?
  • Where will this logo primarily appear — digital, print, signage, packaging?
  • Are there colors, styles, or concepts that are off-limits?
  • What's the company name, and does the meaning of it matter to the design?

I send these as a written questionnaire before any call. It forces the client to think deliberately, and it gives me something concrete to reference when they give vague feedback later.

Tip: Ask for 5–10 logos the client likes and 3–5 they hate. This visual reference tells you more about their taste than any verbal description ever will.

Step 2: Research — Audit the Competitive Landscape

Before sketching a single shape, spend 30–60 minutes studying the client's competitors and industry visual conventions. You're looking for:

  • Patterns: What visual tropes dominate the category? (Tech companies often use blue; organic brands use green and earth tones; luxury brands use black, gold, serif type.)
  • White space: Where does no one else live? That's where your client can differentiate.
  • Clichés to avoid: Globe logos for logistics companies. Lightbulb logos for consulting firms. These exist everywhere — don't add to the pile.

I keep a mood board in Figma with competitor logos, industry-adjacent references, and visual inspiration. This becomes part of my initial presentation to the client — showing the landscape helps them understand the design decisions that follow.

Step 3: Sketching — Explore Before You Refine

Sketching on paper (or on an iPad) is the fastest way to generate volume. The goal at this stage is quantity, not quality — you want 20–30 rough concepts before you evaluate any of them.

Key principles for effective sketching:

  • Think in shapes, not details. Logos need to work at 16×16px. Complexity at sketch stage will only get more complex in vector.
  • Explore different categories: wordmark, lettermark, icon + wordmark, abstract mark, emblem. Don't get locked into one approach early.
  • Work with the name. Try different letterform combinations, ligatures, abbreviations. The name itself often contains the design.
  • Think in context. Sketch the logo as it would appear on a business card, an app icon, and a billboard — not floating in a vacuum.

Don't fall in love at the sketch stage. The idea that seems brilliant at 11pm often looks ordinary in the morning. Sleep on it, narrow to your 5–7 strongest directions, then move to vector.

Step 4: Vector Development in Figma / Illustrator

Take your strongest 2–3 sketch directions into software and develop them properly. This is where craft matters:

Typography

If there's a wordmark or logotype, font selection is critical. Don't just use a font as-is — customize it. Adjust kerning, modify letterforms, create custom ligatures if appropriate. The goal is that the typography feels made for this brand, not picked from a dropdown.

Geometry and Proportion

Use grids and mathematical proportions. Many great logos are built on geometric frameworks — circles, squares, golden ratio relationships. This is what makes logos feel balanced and intentional rather than random.

Color Exploration

Test concepts in black and white first — if it doesn't work without color, it won't work with it. Then apply 2–3 color options per concept. Consider how the logo looks on white, black, and brand color backgrounds.

Common mistake: Using gradients in logos. Gradients look great on screen but disappear in single-color print applications. Always have a flat version that works everywhere.

Step 5: Presenting Concepts to the Client

Never send raw logo files. Present concepts as a designed presentation with context. A good logo presentation includes:

  • The concept name and rationale: One paragraph explaining the thinking behind each direction.
  • Contextual mockups: Business cards, t-shirts, website headers, signage. Clients can't visualize scale — mockups do it for them.
  • Color variations: Full color, reversed (white on dark), monochrome.
  • Size tests: Show the logo at large scale and at small icon size side by side.

I typically present 3 directions per project. Any more and clients get decision paralysis; any fewer and it feels like they didn't get options.

Present in a call, not just via file. Walking through the rationale in real time prevents misinterpretation and reduces unnecessary revisions. If a call isn't possible, record a Loom video explaining each concept.

Step 6: Refinement — Working Through Revisions

Revisions are where projects go wrong if not managed properly. Two rules:

  1. Consolidate feedback in writing. Never take verbal feedback in a call without sending a written summary afterward. "Can we make it pop more" is not actionable feedback — push for specifics: what's not working and what direction to explore.
  2. Stick to the agreed revision rounds. You defined them in the contract for a reason. Document any out-of-scope requests and address them as additional paid work.

Step 7: File Delivery

Final files should cover every use case the client might encounter. My standard delivery package:

Standard Logo File Package

Vector (scalable)

  • SVG — web and digital use
  • AI — Illustrator source file
  • EPS — for print vendors
  • PDF — universal print format

Raster (fixed resolution)

  • PNG 2000px — transparent background
  • PNG 500px — web optimized
  • JPG — white background version
  • Favicon ICO / 512px PNG

Variations

Full color · Reversed (white) · Single color black · Single color white · Horizontal layout · Stacked layout · Icon only

Logo Design Process Summary

  1. Discovery — questionnaire and visual references
  2. Research — competitive audit and mood board
  3. Sketching — 20–30 rough concepts on paper
  4. Vector development — 2–3 directions in Figma/Illustrator
  5. Presentation — mockups, rationale, color variants
  6. Refinement — structured revision rounds
  7. Delivery — complete file package in all formats
Farzat Amin

Farzat Amin

Designer & Developer · Preferred Freelancer · Building Digital Brands