---
title: "Our Work | Hawadet Studio | 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"
date: "2026-10-01T11:06:51+03:00"
---

# Our Work | Hawadet Studio | 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>Our Work | Hawadet Studio | Hawadet Studio</title><meta content="Our Work | Hawadet Studio | 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" 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" hreflang="x-default" rel="alternate"></link> <link href="https://hawadet.com/projects" hreflang="ar" rel="alternate"></link> <link href="https://hawadet.com/en/projects" hreflang="en" rel="alternate"></link> <meta content="website" property="og:type"></meta><meta content="https://hawadet.com/en/projects" property="og:url"></meta><meta content="Our Work | Hawadet Studio | 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" name="twitter:url"></meta><meta content="Our Work | Hawadet Studio | 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="portfolio-hero">Our Work
========

Explore our selected portfolio of original IPs, animated series, and commercial campaigns.

</section><section class="showreel"><div class="showreel__head">Inside the Studio
-----------------

Samples from both production lines: hand-drawn 2D, and cinematic 3D.

 </div><div class="showreel__feature"> <figure class="vfac" style="--vfac-ratio: 16 / 9;"> <button aria-label="Play" class="vfac__btn" data-src="https://media.hawadet.com/website/portfolio/grandma-hero.mp4" style="background-image:url('https://media.hawadet.com/website/portfolio/grandma-poster.webp')" type="button"> <span class="vfac__badge">Hand-drawn 2D</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> <figcaption class="vfac__cap">Grandma's Tales — Learning by Doing: the Jabir ibn Hayyan episode (fully hand-drawn 2D)</figcaption> </figure> </div><div class="showreel__feature" style="margin-top:2.5rem;"> <figure class="vfac" style="--vfac-ratio: 16 / 9;"> <button aria-label="Play" class="vfac__btn" data-src="https://media.hawadet.com/website/portfolio/andaloss-1080.mp4" style="background-image:url('https://media.hawadet.com/website/portfolio/andalus-keyart.webp')" type="button"> <span class="vfac__badge">Cinematic 3D</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> <figcaption class="vfac__cap">The Crossing to Andalusia — a cinematic 3D series (episode one in production)</figcaption> </figure> </div><div class="showreel__compare"><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> </div></section><section class="portfolio-grid"> [<div class="project-image"> ![Zaabeeb](https://media.hawadet.com/website/assets/imgs/work/posters/%D8%A7%D9%84%D8%B2%D8%B9%D8%A7%D8%A8%D9%8A%D8%A8.jpg) </div><div class="project-content"> <span class="project-category">  Animated Series </span>Zaabeeb
-------

Fun-filled Space Adventures

<div class="project-client">  <span>Original Production</span> </div> </div> ](https://hawadet.com/en/projects/zaabeeb) [<div class="project-image"> ![Hidden Kingdom](https://media.hawadet.com/website/assets/imgs/work/posters/%D9%85%D8%B3%D9%84%D8%B3%D9%84%20%D8%B3%D8%B1%20%D8%A7%D9%84%D9%85%D9%85%D9%84%D9%83%D8%A9%20%D8%A7%D9%84%D8%AE%D9%81%D9%8A%D8%A9.jpg) </div><div class="project-content"> <span class="project-category">  Original IP </span>Hidden Kingdom
--------------

A Magical Realm of Myths

<div class="project-client">  <span>Original Production</span> </div> </div> ](https://hawadet.com/en/projects/hidden-kingdom) [<div class="project-image"> ![The Crossing to Andalusia](https://media.hawadet.com/website/portfolio/andalus-card2.webp) </div><div class="project-content"> <span class="project-category">  Animated Series </span>The Crossing to Andalusia
-------------------------

A cinematic 3D historical series — Tariq ibn Ziyad

<div class="project-client">  <span>Original Production</span> </div> </div> ](https://hawadet.com/en/projects/cinematic-3d-andalus) [<div class="project-image"> ![Kingfisher](https://media.hawadet.com/website/assets/imgs/work/posters/%D8%AD%D9%84%D9%82%D8%A7%D8%AA%20%D8%B7%D8%A7%D8%A6%D8%B1%20%D8%A7%D9%84%D8%B1%D9%81%D8%B1%D8%A7%D9%81.webp) </div><div class="project-content"> <span class="project-category">  Animated Series </span>Kingfisher
----------

Short episodes from the "Hidden Kingdom" world

<div class="project-client">  <span>Original Production</span> </div> </div> ](https://hawadet.com/en/projects/kingfisher) [<div class="project-image"> ![Grandma's Tales — Learning by Doing](https://media.hawadet.com/website/assets/imgs/work/posters/%D8%AD%D9%84%D9%82%D8%A7%D8%AA%20%D8%A7%D9%84%D8%B9%D9%84%D9%85%20%D8%A8%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%85.webp) </div><div class="project-content"> <span class="project-category">  Educational </span>Grandma's Tales — Learning by Doing
-----------------------------------

An educational series on figures of science and civilisation

<div class="project-client">  <span>Original Production</span> </div> </div> ](https://hawadet.com/en/projects/learning-series) </section> 