Video summary

كورس تصميم الهويات البصرية

Main summary

Key takeaways

Educational

Main ideas, concepts, and lessons conveyed

Course purpose & target audience

  • The video promotes a visual identity design course tailored to different learners:
    • Beginners starting their design career.
    • Designers with 2–3 years of experience who want broader, more advanced understanding.
    • Company founders who want to understand what a visual identity is and how to build one.
  • The course claims it will provide methods/tools to improve outcomes and income.
  • The instructor, Kamal, positions himself as qualified through:
    • international work across 21+ countries
    • appearances on major platforms

Overall course methodology (multi-chapter process)

The course is structured into six main chapters, each building on the previous:

  1. Dealing with the client (customers)
  2. Art Direction / Mood Board & visual direction (based on strategy)
  3. Logo design
  4. Selecting presentation elements for the identity
    • includes colors and typography
  5. Identity guidelines & components
    • includes structuring/modularizing the identity so clients can request edits
  6. Source files & delivery
    • extracting, organizing, and delivering files to the client

Chapter 1 (Client handling): instructions and rules

Lesson 1: Responding to the customer & scheduling

Identify two client types

  1. Price-conscious client
  2. Work/quality/outcome-focused client

How to respond to the price-conscious client

  • Diagnose why they ask about price:
    • they are comparing multiple designers
    • their budget is limited (e.g., small business or early YouTube channel)
  • Response strategy:
    • send your prices directly and quickly
    • provide a clear price range so they can decide if it matches their budget
  • Decision point:
    • if you want the project: quote your lowest acceptable price
    • if you don’t: share your usual price range and let them choose

How to respond to the work-focused client

  • Diagnose why they value the work:
    • they were impressed by your portfolio (social media/freelance platforms)
    • they may admire you personally or via referrals
    • they see price as not the main constraint (compared to “small everyday purchase logic”)
  • Response strategy:
    • emphasize value and selling skills
    • the “real skill” is selling so the client pays your requested amount
  • Tips for convincing them:
    • hold a meeting (communication improves persuasion)
    • be fair and ethical
    • impress them with professionalism and discussion quality
    • note: selling is presented as outside the full course scope, though principles are introduced

Lesson 2: How to schedule a meeting (Calendar links)

Core problem described

  • People forget verbally agreed meeting times if scheduling isn’t written down.

Solution: use a calendar booking link

  • Recommended tool: Cal.com (referenced with subtitle errors as “Caldot/Cal.com”)
  • Steps include:
    • create an account
    • generate a booking link: cal.com/yourname
    • connect the booking page to Google Calendar (or Apple Calendar)
    • create a dedicated calendar for client calls (e.g., “Calls”)
    • choose meeting method (Google Meet suggested)
    • define availability windows per day:
      • set time ranges
      • exclude days (example: Friday/Saturday)
    • configure booking form fields:
      • name, email, phone, optional questions
    • add message/automatic email or “reminder” text
    • share the event link; the client chooses a time within your availability

How the client books

  • The client:
    • picks a day from your available days
    • picks a time from available slots
    • enters required information
  • The meeting link is generated automatically so the client can join directly.

Lesson 3: Conducting the meeting effectively

Two things to avoid

  1. Don’t be late (even 2 minutes is framed as unprofessional).
  2. Don’t discuss detailed design elements (colors/fonts specifics).
    • Instead, promise deeper work later (handle those in the brief step).

Five tasks to do in every meeting (as taught)

  1. start pleasant (light tone, calm rapport)
  2. ask more questions than you answer (doctor analogy: you’re the listener)
    • goal: understand the client’s business and needs
  3. assure the client
    • confirm whether you can work together
  4. answer the client’s questions
    • cost questions often arise once they feel convinced
  5. end like you started
    • close positively with friendliness or a light joke/topic

Meeting focus: what must be confirmed

  • price and project duration/timeframe
  • capture client preferences (without design details yet)
  • reassure the client that you understand their vision

Lesson 4: Brief (questionnaire) creation

Purpose of the brief

  • Collect all client/company details in one place.
  • Provide clarity so disagreements are resolved by referencing the same document.
  • Reduce back-and-forth and confusion.

Method: questionnaire file

  • Suggested format:
    • use a Google Document/Word-style questionnaire (“Questionnaire file”)
    • the file is translated/available and structured
  • Copy/template strategy:
    • copy the template so it isn’t modified directly
    • share/edit permissions via link so the client can fill it online

Questionnaire content (detailed items requested)

  • Language
    • primary language + supporting language
  • Brand/company naming
    • correct spelling and meaning of the name
  • Competitors
    • competitor names + links
    • competitor images/IDs
    • what the client sees as advantages/differences
  • What sets you apart (USP/competitive advantage)
  • Logo direction preferences
    • logos/identities the client likes
    • logos/identities the client hates
    • fonts/lines/colors preferences
    • explicit “do not want” elements
  • Slogans and messaging
    • whether a slogan is wanted
    • the emotion/feeling the brand should convey (e.g., luxury, strength, nature)
  • Colors preferences and dislikes
  • Identity composition elements
    • visual identity components the client wants, including:
      • lines and colors preferences
      • official documents
      • packaging and printing patterns
      • trademark icons
      • social media photography style guide
      • extra items (gifts, stickers, etc.)
      • website design
  • Logo style types to choose
    • client selects a subset (e.g., 1–2 logo types)

Types of logos requested in brief

  • symbolic logos
  • text logos
  • combined (icon + text) logos
  • letter/lettering logos
  • character/illustration logos (drawn character)

Lesson 5: Contract and first payment (booking to production)

Why use a contract

Two benefits:

  1. Necessity
    • creates a written agreement covering scope, time, cost, and payment terms
  2. Professionalism & seriousness
    • signed agreements increase trust and reduce misunderstandings

Contract contents (as described)

  • Document pages:
    1. introduction + terms overview
    2. scope, cost, timeline, payment method
    3. legal terms: intellectual property, legal acknowledgments, signatures
  • Legal reassurance (as described generally):
    • who owns designed work/IP
    • confidentiality/usage permissions

Payment rule for freelancers (explicit)

  • Do not start work unless you receive part of the money.
  • Common options mentioned:
    • 20% or 30%
    • instructor often uses 50% upfront, or 100% upfront for small projects

How to edit and send fast

  • Duplicate and personalize a template contract:
    • contract number/date
    • company/client name
    • contact details (email/phone/location)
    • scope and selected services
  • Suggested workflow: edit in under 5 minutes, then send as PDF.

Chapter 2 (Art Direction / Mood Board): methodology and steps

What mood board + art direction are (concept)

  • A collection of images that clarifies the identity’s visual direction.
  • Created after the brief and strategy work to:
    • confirm you understood the client
    • present a direction early for client approval
    • minimize major later changes

Five steps to build an effective mood board/art direction

  1. Read / Review
    • read the brief/questionnaire carefully
    • extract repeated keywords
  2. Review (meeting audit)
    • reflect on the client meeting
    • capture important phrases and reactions (with consent to record)
  3. Research
    • search for:
      • meaning behind the company name
      • company origin/vision
      • competitors
      • styles used by top brands in the field
    • use saved links/bookmarks for organization
  4. Mindmap / Brainstorm
    • place the main keyword (company name) in the center
    • connect sub-keywords and sensory/visual derivatives
    • build a structured map to make visual direction easier later
  5. Art Direction (visual outcomes)
    • gather homogenous visual images (coherent style)
    • present 2–3 visual directions/options for the client

How the art direction is chosen visually

  • Research sources:
    • Pinterest (for similarity image search)
    • Behance (mentioned as “BeHans”)
  • Instructor emphasizes:
    • look for repetition (what appears multiple times)
    • keep styles consistent and “close together”
    • avoid copying exactly; learn patterns instead

Presenting the final mood board (deliverable method)

  • Assembled in a template file (Illustrator mock).
  • Organized sections include:
    • company name + what it does + problem to solve
    • USP/competitive advantage visuals
    • mindmap image
    • questionnaire answers (liked/hated logos, fonts, colors)
    • one or more artboards, each representing a distinct visual direction

Chapter 3 (Logo design): process, principles, and evaluation

Logo vs brand vs visual identity (concept clarification)

  • Logo: the symbol/tool for distinction.
  • Brand: reputation/commercial meaning that shapes how people react.
  • Visual identity: the set of applications (logo + colors + fonts + design system) across touchpoints.

Three conditions for an effective logo

  1. Appropriate
    • fits the company field and communicates the correct feelings
    • shape symbolism matters (e.g., sharp angles for speed/power)
  2. Distinctive & unique
    • differentiates from competitors
    • memorable and easy to recognize
  3. Simple
    • avoid excessive details
    • simplicity supports recognition at real-world sizes (billboards, app icons)

Logo types taught (5 main categories)

  1. Symbolic logo (icon only; no text)
    • best for well-known companies with strong market reputation
  2. Text logo
    • styled company name
    • good when the name itself is strong
  3. Letter logo / lettering
    • uses initials/letters
    • good for geographic expansion
  4. Combination logo
    • icon + text
    • common “default” for many brands
  5. Graphic/character logo
    • illustration character (real or fictional)
    • more complex; suited to consumer goods and “world-building” brands

Logo design workflow (sketch → generate → digital → critique)

Step 1: Draw sketches with paper & pen

  • Purpose: freedom and rapid exploration before Illustrator
  • Output: 20–40 sketch variations (depending on time/idea)
  • Example sketches referenced for a name resembling “Al-Nisal.”

Step 2: If no ideas, search online (inspiration)

  • Gather market directions to:
    • avoid blind imitation
    • ensure ideas are available in the market
    • derive unique designs for the client’s context
  • Suggested search angles:
    • company domain (e.g., knives)
    • symbolic shapes (e.g., falcon/eagle meanings)

Step 3: Turn ideas into digital logos in Illustrator

  • Import sketches as references.
  • Use Pen Tool and Shape Builder to:
    • refine forms
    • reduce complexity
    • maintain clean geometry and fewer points for printability
  • Explore broadly first; don’t lock rules too early.
  • “Golden ratio” is referenced later for proportions.

Step 4: Critique/evaluate logo options (after a break)

  • Critique method:
    • close Illustrator
    • take a break (walk/gym, 2–3 hours)
    • view logos like a first-time client
  • Evaluation criteria:
    • simplicity (overly simple designs rejected)
    • distinctiveness
    • appropriateness (meaning fits the audience/field)
    • readability/scalability
    • proportion (including golden ratio considerations)
    • avoid near-duplicates to popular existing logos

Final selection

  • Keep the best 2 options for the client.
  • Others are rejected based on critique.

Chapter 4 (Visual identity presentation): mockups, typography, fonts, and rules

Presenting logos properly with context (Mockups)

  • Don’t show a flat logo image only.
  • Use mockups to help the client imagine the logo on:
    • business cards
    • worker uniforms
    • signage/other branding materials

Typography lesson: font selection principles

Three font categories

  1. Serif (“feet/legs”)
    • signals luxury/tradition (examples mentioned: Rolex, Harvard)
  2. Sans-serif (“without feet/legs”)
    • signals modernity and reliability (examples mentioned: Google, FedEx)
  3. Display fonts
    • used for specific emotions/purposes
    • examples mentioned: Disney-like fun, Coca-Cola-like softness/playfulness

Font rules taught

  • Rule 1: use no more than 2 fonts (prefer 1)
  • Rule 2: if using 2 fonts, ensure contrast:
    • either different families
    • or same family with different weight/size
  • Rule 3: ensure legibility:
    • headings can be larger
    • body text must remain readable

Practical font selection workflow

  • Start with the company name in the correct language.
  • Use Font Book (Mac) to preview Arabic fonts in real time.
  • Create a candidate list that matches:
    • sharp/bold feeling (knife domain example)
    • thickness/edge style aligned with the logo
  • Elimination rules:
    • remove fonts that don’t feel “blade-appropriate”
    • remove fonts that don’t match the logo’s geometry/style
    • check proportions (avoid mismatch such as overly rectangular heights)

Advanced font extraction method

  • If you don’t know the font name:
    • inspect webpage code (Developer Tools → Inspect → Network/Font)
    • locate font files (TTF) and download them
    • install and test inside Illustrator

Chapter 4 (continued): choosing colors

Color psychology and meanings (concept)

  • Colors are presented as psychologically and culturally meaningful signals.
  • Example meanings:
    • Red: energy, passion, danger
    • Blue: professionalism, reliability, security
    • Green: growth, nature, balance
    • Yellow: optimism, joy, friendship
    • Purple: boldness, creativity, elevation
    • Black: sophistication, luxury, power

60/30/10 rule (explicit color allocation)

  • Use only three colors in proportions:
    • 60% primary
    • 30% secondary
    • 10% accent/highlight

How to choose each color (step-by-step)

1) Primary color (60%)

  • Start from brand foundations:
    • target audience feelings
    • differentiation vs competitors
    • brand personality (serious/playful, modern/not old, premium/accessible)
  • Map those needs to color meanings.

2) Secondary color (30%)

  • Use a color wheel approach for harmony:
    • monochromatic (shades/tints of the same hue)
    • complementary (opposite hue)
    • analogous (adjacent hues)
    • split complementary
    • triadic (mentioned, but less preferred)

3) Accent/highlight color (10%)

  • Rarely used, only to emphasize elements.
  • Example: highlights like buttons/interactive cues.

Practical note: RGB vs CMYK / printing

  • If identity is for print:
    • convert carefully between screen and print colors (RGB vs CMYK)
  • Use Pantone or verified print palettes to avoid mismatches.

Practical example: choosing Al-Nasal colors (described)

  • Primary: black shade(s) chosen from reference (varied black tones; hex codes discussed)
  • Secondary: near-white/off-white chosen for grayscale harmony
  • Accent: sometimes avoided (example given: avoiding red due to “blade weapon/violence” symbolism); instead uses a gradient highlight as part of the ~10% premium feel

Speakers / sources featured (as stated or clearly implied)

  1. Kamal — course instructor/designer
  2. Muhammad Numan — used as a client example in a meeting scenario
  3. Muhammad Al-Hassan / Mohammed Ihsan — mentioned as a YouTube content creation role model (example of joke/conversation ending)
  4. Unnamed clients used as examples (including company examples such as Al-Nasal, Jamra, Katcha, Velveira/Velofera, Jamra)
  5. Tools/platforms referenced:
    • Cal.com (calendar booking)
    • Google Calendar
    • Google Meet
    • Pinterest
    • Behance (“BeHans”)
    • Adobe Illustrator
    • Font Book

Original video