---
title: "Hawadet | Zaabeeb Project | 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/projects/zaabeeb"
date: "2026-09-22T07:52:32+03:00"
---

# Hawadet | Zaabeeb Project | 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>Hawadet | Zaabeeb Project | Hawadet Studio</title><meta content="Hawadet | Zaabeeb Project | 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/projects/zaabeeb" 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/projects/zaabeeb" hreflang="x-default" rel="alternate"></link> <link href="https://hawadet.com/projects/zaabeeb" hreflang="ar" rel="alternate"></link> <link href="https://hawadet.com/en/projects/zaabeeb" hreflang="en" rel="alternate"></link> <meta content="website" property="og:type"></meta><meta content="https://hawadet.com/en/projects/zaabeeb" property="og:url"></meta><meta content="Hawadet | Zaabeeb Project | 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/projects/zaabeeb" name="twitter:url"></meta><meta content="Hawadet | Zaabeeb Project | 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> <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 href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"></link> <link href="https://media.hawadet.com/website/css/projects-theme.min.css?v=1.2" rel="stylesheet"></link> </head><body class=" project-page"> <main class="container" style="padding-top: 6rem;"> <section class="hero" id="overview"><div class="hero-copy"> <span class="kicker reveal"> <span>Project Profile</span> </span> <span>Zaabeeb</span> 
======================

 <span>In a place whose name, address, identity, and location are unknown, lived four characters. None of them remember anything... not who they are, why they are there, or even how they speak. All they remember is that they are always fighting.</span>

<div class="tag-row reveal"> <span class="tag"> <span>Comedy</span> </span> <span class="tag"> <span>Fantasy</span> </span> <span class="tag"> <span>2D Animation</span> </span> </div><div class="facts-grid reveal"><div class="fact-card"> <span class="fact-label"> <span>Genre</span> </span> <span class="fact-value"> <span>Comedy • Fantasy</span> </span> </div><div class="fact-card"> <span class="fact-label"> <span>Format</span> </span> <span class="fact-value"> <span>2D Animation</span> </span> </div><div class="fact-card"> <span class="fact-label"> <span>Cast</span> </span> <span class="fact-value"> <span>4 Leads</span> </span> </div><div class="fact-card"> <span class="fact-label"> <span>Status</span> </span> <span class="fact-value"> <span>In Progress</span> </span> </div><div class="fact-card"> <span class="fact-label"> <span>Episodes</span> </span> <span class="fact-value"> <span>Episodes released, more in progress</span> </span> <span class="fact-value" style="margin-top: 0.35rem;"> [ <span>Watch Playlist</span> ](https://www.youtube.com/playlist?list=PLUwFZv32CCFdGcz90z9jtT2ERYzsVa6d0) </span> </div><div class="fact-card"> <span class="fact-label"> <span>Assets</span> </span> <span class="fact-value"> <span>Poster • Animatic • Final</span> </span> </div> </div><div class="memory-track reveal"> <span class="memory-dot" style="--dot: var(--zaabeeb-blue)"></span> <span class="memory-dot" style="--dot: var(--zaabola-orange)"></span> <span class="memory-dot" style="--dot: var(--zaaboon-sky)"></span> <span class="memory-dot" style="--dot: var(--zaabooba-pink)"></span> <span class="memory-line"></span> </div> <span>A world like ours, reshaped by memory.</span>

 </div> <figure class="hero-figure reveal"> ![الزعابيب poster](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب.jpg) <span class="badge"> <span>Project Poster</span> </span> </figure> </section> <section class="section reveal" id="story"> <span>Story &amp; World</span> 
--------------------------------

 <span>Short lines that set the vibe.</span>

<div class="mini-grid"><div class="mini-card">###  <span>Story</span> 

 <span>Four characters forget who they are, yet keep fighting.</span>

 </div><div class="mini-card">###  <span>World</span> 

 <span>A world like ours... same nature and physics, except if any of them remembers their truth, they will be able to shape this world as they wish.</span>

 </div> </div><div class="pipeline"><div class="pipeline-step"> <span class="step-count">01</span> <span class="step-title"> <span>Concept</span> </span> </div><div class="pipeline-step"> <span class="step-count">02</span> <span class="step-title"> <span>Design</span> </span> </div><div class="pipeline-step"> <span class="step-count">03</span> <span class="step-title"> <span>Animatic</span> </span> </div><div class="pipeline-step"> <span class="step-count">04</span> <span class="step-title"> <span>Final</span> </span> </div> </div> </section> <section class="section reveal" id="media"> <span>Video</span> 
--------------------

 <span>Animatic + Final to show the evolution.</span>

<div style="max-width:820px;margin:0 auto;"><div class="pcmp" id="pc9d8ecb"><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> <span>Playlist:</span> [ <span>YouTube</span> ](https://www.youtube.com/playlist?list=PLUwFZv32CCFdGcz90z9jtT2ERYzsVa6d0)

 </div> </section> <section class="section reveal" id="characters"> <span>Characters</span> 
-------------------------

 <span>Each mood hides a memory.</span>

<div class="lineup"><div class="lineup-item" style="--line-color: var(--zaabeeb-blue);"> <span class="lineup-dot"></span> <span>Zaabeeb</span> <span class="lineup-trait"> <span>Power</span> </span> </div><div class="lineup-item" style="--line-color: var(--zaabola-orange);"> <span class="lineup-dot"></span> <span>Zaabola</span> <span class="lineup-trait"> <span>Speed</span> </span> </div><div class="lineup-item" style="--line-color: var(--zaaboon-sky);"> <span class="lineup-dot"></span> <span>Zaaboon</span> <span class="lineup-trait"> <span>Calm</span> </span> </div><div class="lineup-item" style="--line-color: var(--zaabooba-pink);"> <span class="lineup-dot"></span> <span>Zaabooba</span> <span class="lineup-trait"> <span>Mood</span> </span> </div> </div><div class="card-grid"><div class="character-card" style="--char-color: var(--zaabeeb-blue);">###  <span>Zaabeeb</span> 

 <span>Uruguayan colored, the largest in body and the most powerful... his height equals the other three combined. Slow in movement... quick to anger and agitation... loves eating and cooking.</span>

<div class="memory"> <span>In the past, before he forgot his name and identity... he was one of the wise sages living in the high mountains. That's why, at the peak of his anger, he remembers flashes of his serenity, calmness, and wisdom, preventing him from hurting anyone within his reach.</span> </div> </div><div class="character-card" style="--char-color: var(--zaabola-orange);">###  <span>Zaabola</span> 

 <span>Orange colored... the smallest in size and the most active and mischievous... never rests and often starts the events.</span>

<div class="memory"> <span>In the past, before he forgot his name and identity... he was a powerful wrestler in a world consisting entirely of wrestlers... that's why he remembers flashes of himself being crowned with a golden belt.</span> </div> </div><div class="character-card" style="--char-color: var(--zaaboon-sky);">###  <span>Zaaboon</span> 

 <span>Sky blue colored... the calmest of all and mostly asleep... doesn't participate in any conflicts no matter how much they force him.</span>

<div class="memory"> <span>In the past, before he forgot his name and identity... he was a secret agent in one of the most important intelligence agencies in his world... therefore, in his sleep, he sees what others are plotting and avoids the trap.</span> </div> </div><div class="character-card" style="--char-color: var(--zaabooba-pink);">###  <span>Zaabooba</span> 

 <span>Pink colored... laughs a lot and no one knows why, not even herself... but she is moody and can be seen laughing and crying in the same second.</span>

<div class="memory"> <span>In the past, before she forgot her name and identity... she was a queen of a prosperous kingdom... she was firm, strong, and responsible... that's why, during fights, she proudly intervenes to settle disputes.</span> </div> </div> </div> </section> <section class="section reveal" id="process"> <span>B&amp;W × Color</span> 
------------------------------

 <span>A quick visual of the process.</span>

<div class="assets-grid"><div class="asset-card"> **1** <span> <span>Poster</span> </span> </div><div class="asset-card"> **2** <span> <span>Videos</span> </span> </div><div class="asset-card"> **4** <span> <span>Model Sheets</span> </span> </div><div class="asset-card"> **4** <span> <span>Backgrounds</span> </span> </div> </div><div class="media-grid"><div class="media-card"> <button aria-label="Zoom line art" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-05-bw.jpg" type="button"> ![Line art](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-05-bw.jpg) </button> <span class="caption"> <span>Line Art</span> </span> </div><div class="media-card"> <button aria-label="Zoom final color" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-01.jpg" type="button"> ![Final color](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-01.jpg) </button> <span class="caption"> <span>Final Color</span> </span> </div> </div> </section> <section class="section reveal" id="models"> <span>Model Sheets</span> 
---------------------------

<div class="media-grid"><div class="media-card"> <button aria-label="Zoom model sheet 1" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-01.jpg" type="button"> ![Model sheet 1](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-01.jpg) </button> <span class="caption">Model 01</span> </div><div class="media-card"> <button aria-label="Zoom model sheet 2" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-02.jpg" type="button"> ![Model sheet 2](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-02.jpg) </button> <span class="caption">Model 02</span> </div><div class="media-card"> <button aria-label="Zoom model sheet 3" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-03.jpg" type="button"> ![Model sheet 3](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-03.jpg) </button> <span class="caption">Model 03</span> </div><div class="media-card"> <button aria-label="Zoom model sheet 4" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-04.jpg" type="button"> ![Model sheet 4](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/model-04.jpg) </button> <span class="caption">Model 04</span> </div> </div> </section> <section class="section reveal" id="world"> <span>Backgrounds</span> 
--------------------------

<div class="media-grid"><div class="media-card"> <button aria-label="Zoom background 4" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-04.jpg" type="button"> ![Background 4](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-04.jpg) </button> <span class="caption">BG 04</span> </div><div class="media-card"> <button aria-label="Zoom background 5" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-05.jpg" type="button"> ![Background 5](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-05.jpg) </button> <span class="caption">BG 05</span> </div><div class="media-card"> <button aria-label="Zoom background 6" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-06.jpg" type="button"> ![Background 6](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-06.jpg) </button> <span class="caption">BG 06</span> </div><div class="media-card"> <button aria-label="Zoom background 7" class="media-zoom" data-full="https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-07.jpg" type="button"> ![Background 7](https://media.hawadet.com/website/assets/imgs/work/posters/الزعابيب/optimized/bg-07.jpg) </button> <span class="caption">BG 07</span> </div> </div> </section> <section class="casestudy">Case Study
----------

<div class="casestudy__grid"><div class="casestudy__item"> <span class="casestudy__k">The concept &amp; the challenge</span>Building an original comedy IP from a hard, abstract premise: four characters who have lost their memory in a world they can reshape if they remember who they are. The challenge was turning a philosophical concept into light comedy the general audience grasps in minutes.

 </div><div class="casestudy__item"> <span class="casestudy__k">Our approach</span>We gave each character one defining memory that explains their behaviour — a mountain sage, a crowned wrestler, a secret agent, a queen — so the comedy comes from these natures colliding, not from inserted jokes. We wrote the scripts, drew the animatic in pencil, then did the animation and colour fully by hand.

 </div><div class="casestudy__item"> <span class="casestudy__k">The outcome</span>Seven produced episodes plus a promo and seasonal content, and short skits placing the characters in everyday contexts on social media.

 </div><div class="casestudy__item casestudy__item--proof"> <span class="casestudy__k">What it demonstrates</span>It shows the studio can develop an original comedy IP from an abstract idea to complete episodes, with a distinctive visual identity and voice.

 </div> </div></section> <section class="cta reveal"><div>###  <span>Want to see more projects?</span> 

 <span>Back to home and pick another project.</span>

 </div> [ <span>Back Home</span> ](https://hawadet.com/en) </section> </main><div aria-hidden="true" class="lightbox" id="lightbox"> <button aria-label="Close" class="lightbox-close" type="button">×</button> ![]() </div> 