---
title: "The Studio | Hawadet | Hawadet Studio"
description: "Hawadet is an Arabic animation production studio running two lines: hand-drawn 2D for children&#039;s series, educational content and original IP, and cinematic"
url: "https://hawadet.com/en/studio"
date: "2026-10-02T05:13:47+03:00"
---

# The Studio | Hawadet | Hawadet Studio

<html data-language="en" dir="ltr" lang="en"><head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <title>The Studio | Hawadet | Hawadet Studio</title><meta content="The Studio | Hawadet | Hawadet Studio" name="title"></meta><meta content="Hawadet is an Arabic animation production studio running two lines: hand-drawn 2D for children's series, educational content and original IP, and cinematic" name="description"></meta><meta content="استوديو رسوم متحركة, إنتاج مسلسلات كرتون للأطفال, رسوم متحركة تعليمية, رسوم متحركة ثلاثية الأبعاد سينمائية, إنتاج محتوى تاريخي وتراثي, تطوير ملكية فكرية, دبلجة وتعريب, حواديت, animation studio Egypt, children's animation, educational animation, cinematic 3D animation, historical animation, original IP development" name="keywords"></meta><meta content="Hawadet Studio" name="author"></meta><meta content="index, follow, max-image-preview:large" name="robots"></meta><link href="https://hawadet.com/en/studio" rel="canonical"></link><meta content="EG" name="geo.region"></meta><meta content="Cairo" name="geo.placename"></meta><meta content="30.0444;31.2357" name="geo.position"></meta><meta content="30.0444, 31.2357" name="ICBM"></meta> <link href="https://hawadet.com/studio" hreflang="x-default" rel="alternate"></link> <link href="https://hawadet.com/studio" hreflang="ar" rel="alternate"></link> <link href="https://hawadet.com/en/studio" hreflang="en" rel="alternate"></link> <meta content="website" property="og:type"></meta><meta content="https://hawadet.com/en/studio" property="og:url"></meta><meta content="The Studio | Hawadet | Hawadet Studio" property="og:title"></meta><meta content="Hawadet is an Arabic animation production studio running two lines: hand-drawn 2D for children's series, educational content and original IP, and cinematic" property="og:description"></meta><meta content="https://hawadet.com/website/share-cover.jpg" property="og:image"></meta><meta content="1200" property="og:image:width"></meta><meta content="630" property="og:image:height"></meta><meta content="Hawadet Studio" property="og:site_name"></meta><meta content="en_US" property="og:locale"></meta><meta content="summary_large_image" name="twitter:card"></meta><meta content="https://hawadet.com/en/studio" name="twitter:url"></meta><meta content="The Studio | Hawadet | Hawadet Studio" name="twitter:title"></meta><meta content="Hawadet is an Arabic animation production studio running two lines: hand-drawn 2D for children's series, educational content and original IP, and cinematic" name="twitter:description"></meta><meta content="https://hawadet.com/website/share-cover.jpg" name="twitter:image"></meta><meta content="@hwadetstudio" name="twitter:site"></meta>  <meta content="#050507" name="theme-color"></meta>  <link href="https://media.hawadet.com/website/favicon.png" rel="icon" type="image/png"></link>   <link href="https://fonts.googleapis.com" rel="preconnect"></link> <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"></link> <link as="style" href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap" rel="preload"></link> <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap" media="print" onload="this.media='all'" rel="stylesheet"></link> <noscript><link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap" rel="stylesheet"></link></noscript>  <link as="font" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2" rel="preload" type="font/woff2"></link> <link as="font" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2" rel="preload" type="font/woff2"></link> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" media="print" onload="this.media='all'" rel="stylesheet"></link> <noscript><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"></link></noscript> <meta content="CQuMWoYI-YdIqi_Kngj9oVrS7Q1tW8BZz6BTMPLD8IU" name="google-site-verification"></meta> <link as="style" href="https://hawadet.com/build/assets/app-BX5yAmNf.css" rel="preload"></link><link href="https://hawadet.com/build/assets/app-B0p3aHyn.js" rel="modulepreload"></link><link href="https://hawadet.com/build/assets/app-BX5yAmNf.css" rel="stylesheet"></link> </head><body class=" "> <div class="hw-cursor"></div><div class="hw-cursor-follower"></div><svg aria-hidden="true" focusable="false" style="width:0; height:0; position:absolute;"> <defs> <filter id="underwater-ripple"> <feturbulence basefrequency="0.005 0.005" numoctaves="2" result="noise" type="fractalNoise"></feturbulence> <fedisplacementmap in="SourceGraphic" in2="noise" scale="20" xchannelselector="R" ychannelselector="G"></fedisplacementmap> </filter> </defs></svg><div class="ocean-abyss-container"> <div class="ocean-abyss sketch-layer"><div class="warm-light orb-1"></div><div class="warm-light orb-2"></div><div class="warm-light orb-3"></div> <div class="swimming-pod family-1"> <svg class="creature big-parent" style="filter: drop-shadow(0 0 15px rgba(0, 150, 255, 0.6));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 150, 255, 0.3)"></path> </svg> <svg class="creature medium-parent" style="filter: drop-shadow(0 0 10px rgba(0, 255, 180, 0.5));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 255, 180, 0.25)"></path> </svg> <svg class="creature baby" style="filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.7));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 255, 255, 0.35)"></path> </svg> </div> <div class="swimming-pod family-2"> <svg class="creature big-parent" style="filter: drop-shadow(0 0 15px rgba(255, 180, 0, 0.5));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(255, 180, 0, 0.25)"></path> </svg> <svg class="creature baby" style="filter: drop-shadow(0 0 10px rgba(255, 100, 150, 0.6));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(255, 100, 150, 0.3)"></path> </svg> </div> <div class="swimming-pod family-3"> <svg class="creature big-orca" style="filter: drop-shadow(0 0 15px rgba(200, 230, 255, 0.5));" viewbox="0 0 220 100"> <path d="M 10 50 C 10 35, 40 25, 75 35 C 85 15, 95 0, 100 5 C 100 20, 95 30, 105 38 C 140 45, 170 48, 190 48 C 200 45, 205 35, 210 30 C 205 50, 205 50, 210 70 C 205 65, 200 55, 190 52 C 150 55, 110 60, 90 60 C 85 80, 75 95, 70 90 C 75 75, 80 65, 70 58 C 40 55, 10 65, 10 50 Z" fill="rgba(200, 230, 255, 0.25)"></path> </svg> <svg class="creature baby-orca" style="filter: drop-shadow(0 0 10px rgba(180, 100, 255, 0.6));" viewbox="0 0 220 100"> <path d="M 10 50 C 10 35, 40 25, 75 35 C 85 15, 95 0, 100 5 C 100 20, 95 30, 105 38 C 140 45, 170 48, 190 48 C 200 45, 205 35, 210 30 C 205 50, 205 50, 210 70 C 205 65, 200 55, 190 52 C 150 55, 110 60, 90 60 C 85 80, 75 95, 70 90 C 75 75, 80 65, 70 58 C 40 55, 10 65, 10 50 Z" fill="rgba(180, 100, 255, 0.3)"></path> </svg> </div> </div> <div class="ocean-abyss color-layer"><div class="warm-light orb-1"></div><div class="warm-light orb-2"></div><div class="warm-light orb-3"></div> <div class="swimming-pod family-1"> <svg class="creature big-parent" style="filter: drop-shadow(0 0 15px rgba(0, 150, 255, 0.6));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 150, 255, 0.3)"></path> </svg> <svg class="creature medium-parent" style="filter: drop-shadow(0 0 10px rgba(0, 255, 180, 0.5));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 255, 180, 0.25)"></path> </svg> <svg class="creature baby" style="filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.7));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(0, 255, 255, 0.35)"></path> </svg> </div> <div class="swimming-pod family-2"> <svg class="creature big-parent" style="filter: drop-shadow(0 0 15px rgba(255, 180, 0, 0.5));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(255, 180, 0, 0.25)"></path> </svg> <svg class="creature baby" style="filter: drop-shadow(0 0 10px rgba(255, 100, 150, 0.6));" viewbox="0 0 512 512"> <path d="M256,0 C270,50 350,150 500,200 C450,250 350,280 270,300 C260,400 258,500 256,512 C254,500 252,400 242,300 C162,280 62,250 12,200 C162,150 242,50 256,0 Z" fill="rgba(255, 100, 150, 0.3)"></path> </svg> </div> <div class="swimming-pod family-3"> <svg class="creature big-orca" style="filter: drop-shadow(0 0 15px rgba(200, 230, 255, 0.5));" viewbox="0 0 220 100"> <path d="M 10 50 C 10 35, 40 25, 75 35 C 85 15, 95 0, 100 5 C 100 20, 95 30, 105 38 C 140 45, 170 48, 190 48 C 200 45, 205 35, 210 30 C 205 50, 205 50, 210 70 C 205 65, 200 55, 190 52 C 150 55, 110 60, 90 60 C 85 80, 75 95, 70 90 C 75 75, 80 65, 70 58 C 40 55, 10 65, 10 50 Z" fill="rgba(200, 230, 255, 0.25)"></path> </svg> <svg class="creature baby-orca" style="filter: drop-shadow(0 0 10px rgba(180, 100, 255, 0.6));" viewbox="0 0 220 100"> <path d="M 10 50 C 10 35, 40 25, 75 35 C 85 15, 95 0, 100 5 C 100 20, 95 30, 105 38 C 140 45, 170 48, 190 48 C 200 45, 205 35, 210 30 C 205 50, 205 50, 210 70 C 205 65, 200 55, 190 52 C 150 55, 110 60, 90 60 C 85 80, 75 95, 70 90 C 75 75, 80 65, 70 58 C 40 55, 10 65, 10 50 Z" fill="rgba(180, 100, 255, 0.3)"></path> </svg> </div> </div></div> <section class="studio-hero">Behind The Magic
================

We are not just artists; we are a fully-fledged production institution building visual worlds that inspire future generations.

</section><section class="philosophy-section fade-in"><div class="philosophy-card"> Purposeful Content, Global Quality
----------------------------------

At Hawadet, we believe animation is a powerful tool for shaping minds. We are committed to producing content that aligns with authentic values while maintaining the highest global quality standards.

 </div></section><section class="philosophy-section fade-in" style="padding-top: 0;"><div class="philosophy-card" style="max-width: 820px;"> How We Make Our Work
--------------------

<div style="text-align: left; margin-top: 1rem;">**The 2D animation line — fully traditional**  
Every frame is drawn by hand by our artists: character design, environments, animation, colouring. AI is used in none of the drawing, animation or colouring stages.

**The cinematic 3D line — a human creative cycle, with AI-assisted image execution**  
Every creative and craft stage is human and traditional: the script, sketches, storyboard, animatic, voice performance, music direction, editing, sound mix and colour grading. The only role of AI is to turn our approved drawings into 3D environments, scenes and camera motion — it is a tool for executing the image, not the author of the story or the director. The director reviews every shot, and we regenerate until the result matches the drawn board.

**Why this approach?**  
Producing epic scenes (armies, historical cities, crowds) the traditional way costs many times more and takes months. This approach gives you the same visual scale at a fraction of the cost and time, while keeping everything else hand-crafted.

**Your rights, your data, your disclosure**  
We state this description explicitly in the proposal and contract before work begins. Your scripts, concepts and character names are anonymised before entering any tool, through enterprise accounts that prevent your data from being used for training. Full commercial rights to the final work transfer to you; we retain portfolio display rights. We also provide a precise description of the methodology should your platform (such as YouTube) require disclosure of AI tools in composited content.

 </div> </div></section><section class="philosophy-section fade-in" style="padding-top: 0;"><div class="pcmp" id="pc9d8ecb">### From animatic to final

<div class="pcmp__tabs" role="tablist"> <button class="pcmp__tab is-active" data-target="pc9d8ecb-a" role="tab" type="button">Animatic</button> <button class="pcmp__tab" data-target="pc9d8ecb-f" role="tab" type="button">Final</button> </div><div class="pcmp__panel is-active" id="pc9d8ecb-a"> <figure class="vfac" style="--vfac-ratio: 16 / 9;"> <button aria-label="Play" class="vfac__btn" data-src="https://media.hawadet.com/website/portfolio/zaabeeb-animatic.mp4" style="background-image:url('https://media.hawadet.com/website/portfolio/zaabeeb-poster.webp')" type="button"> <span class="vfac__badge">Animatic</span> <span aria-hidden="true" class="vfac__play"> <svg height="34" viewbox="0 0 24 24" width="34"><path d="M8 5v14l11-7z" fill="currentColor"></path></svg> </span> </button> </figure> </div><div class="pcmp__panel" id="pc9d8ecb-f"> <figure class="vfac" style="--vfac-ratio: 16 / 9;"> <button aria-label="Play" class="vfac__btn" data-src="https://media.hawadet.com/website/portfolio/zaabeeb-hero.mp4" style="background-image:url('https://media.hawadet.com/website/portfolio/zaabeeb-poster.webp')" type="button"> <span class="vfac__badge">Final</span> <span aria-hidden="true" class="vfac__play"> <svg height="34" viewbox="0 0 24 24" width="34"><path d="M8 5v14l11-7z" fill="currentColor"></path></svg> </span> </button> </figure> </div>The same work at two stages: the animatic (pencil sketch) approved before final animation, then the coloured final montage. The client sees the pacing and signs off before any major production cost.

</div></section><section class="pipeline-section"><div class="section-header fade-in">How We Craft Magic
------------------

A professional, institutional production process ensuring on-time delivery with premium quality.

 </div><div class="pipeline-grid"><div class="pipeline-step fade-in"> <span class="step-number">1</span>### Pre-Production

Scriptwriting, Character Design, and Storyboarding.

 </div><div class="pipeline-step fade-in" style="transition-delay: 0.1s;"> <span class="step-number">2</span>### Production

Animation, Background Art, and Compositing.

 </div><div class="pipeline-step fade-in" style="transition-delay: 0.2s;"> <span class="step-number">3</span>### Post-Production

VFX, Sound Design, and Final Rendering.

 </div> </div></section><section class="pipeline-section" style="padding-top: 2rem;"><div class="section-header fade-in">The Team Behind Hawadet
-----------------------

An elite group of the most creative minds in the Arab animation industry.

 </div><div class="team-grid"> <div class="team-member fade-in"><div class="team-avatar">  </div>### Hatem Elsaid

Owner &amp; Founder

 </div> <div class="team-member fade-in" style="transition-delay: 0.1s;"><div class="team-avatar">  </div>### Adham Fawaz

Animation Director

 </div> <div class="team-member fade-in" style="transition-delay: 0.2s;"><div class="team-avatar">  </div>### Eslam Aboud

Character Design, Layout &amp; Storyboard Artist

 </div> <div class="team-member fade-in" style="transition-delay: 0.3s;"><div class="team-avatar">  </div>### Esraa Mohammed

Compositor, 2D Animator &amp; Motion Designer

 </div> <div class="team-member fade-in" style="transition-delay: 0.4s;"><div class="team-avatar">  </div>### Maryam Elnaggar

Animator and Assets

 </div> </div></section> 