---
title: "Animation Studio & Creative Production Partner | Hawadet Studio"
description: "Hawadet Studio is a B2B creative production partner creating children&#039;s animated content, educational animation, and original IPs for broadcasting platform"
url: "https://hawadet.com/en"
date: "2026-09-15T12:03:46+03:00"
---

# Animation Studio & Creative Production Partner | 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>Animation Studio &amp; Creative Production Partner | Hawadet Studio</title><meta content="Animation Studio &amp; Creative Production Partner | Hawadet Studio" name="title"></meta><meta content="Hawadet Studio is a B2B creative production partner creating children's animated content, educational animation, and original IPs for broadcasting platform" 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" 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/" hreflang="x-default" rel="alternate"></link> <link href="https://hawadet.com/?trk=public_profile__posts-text" hreflang="ar" rel="alternate"></link> <link href="https://hawadet.com/en?trk=public_profile__posts-text" hreflang="en" rel="alternate"></link> <meta content="website" property="og:type"></meta><meta content="https://hawadet.com/en" property="og:url"></meta><meta content="Animation Studio &amp; Creative Production Partner | Hawadet Studio" property="og:title"></meta><meta content="Hawadet Studio is a B2B creative production partner creating children's animated content, educational animation, and original IPs for broadcasting platform" property="og:description"></meta><meta content="https://hawadet.com/website/og-image.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" name="twitter:url"></meta><meta content="Animation Studio &amp; Creative Production Partner | Hawadet Studio" name="twitter:title"></meta><meta content="Hawadet Studio is a B2B creative production partner creating children's animated content, educational animation, and original IPs for broadcasting platform" name="twitter:description"></meta><meta content="https://hawadet.com/website/og-image.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 as="image" href="https://media.hawadet.com/website/cover.webp" rel="preload"></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="english-mode "> <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>  <div class="bg-gradient"></div><div class="grain-overlay"></div>   <section class="hero" id="hero"> <div class="video-bg-container"> <video autoplay="" class="video-bg" loop="" muted="" playsinline="" poster="https://media.hawadet.com/website/cover.webp" preload="metadata"> <source src="https://media.hawadet.com/website/background_optimized.mp4" type="video/mp4"> </source></video> <div class="video-overlay"></div> </div><div class="hero-content centered"><div class="hero-text fade-in"> Arabic animation on two lines: fully hand-drawn 2D, and cinematic 3D with human direction, drawing and voice 
==============================================================================================================

 A production partner for broadcasters, streaming platforms and educators. We write, draw, direct and voice the work ourselves — on a frame-by-frame 2D line for children's series, educational content and original IP, and on a cinematic 3D line for historical, heritage and epic educational narratives: vast visual scale at an accessible cost. Craft and authenticity in every shot.

<div class="cta-buttons"> [ View Our Work ](#portfolio) [ Request a Proof of Concept ](https://hawadet.com/en/contact-us) </div> </div> </div><div class="scroll-indicator fade-in" style="animation-delay: 1.2s">  </div> </section>  <section class="section" id="about" style="padding-top: 5rem; padding-bottom: 2rem;"><div class="container fade-in" style="text-align: center; max-width: 800px; margin: 0 auto;"> <span class="section-label">About</span>Your Creative Partner
---------------------

 Hawadet is the Arabic studio for visual storytelling in children's, educational and heritage content — hand-crafted where craft is the point, technology-accelerated where scale is the point, and always human-directed.

 Hawadet is an animation production studio running two lines: a hand-crafted 2D line with frame-by-frame control for children's series, educational content and original IP, and a cinematic 3D line for epic historical and heritage narratives at vast visual scale and a sensible cost. We write, draw, direct and voice the work ourselves on every project, with structured production management and a full commitment to cultural values.

 </div> </section>  <section class="section" id="why-us"><div class="section-header fade-in"> <span class="section-label"> Why Choose Us? </span> Your Trusted Partner 
----------------------

 </div><div class="services-grid"><div class="service-card glass-card fade-in"> ###  End-to-End Reliability 

 We eliminate the chaos and risks of fragmented freelancers, offering professional management and guaranteed delivery.

 </div><div class="service-card glass-card fade-in"> ###  Proof of Concept 

 We build trust through a tangible Proof of Concept (PoC) before full commitment, guaranteeing your required quality.

 </div><div class="service-card glass-card fade-in"> ###  Values-Driven Content 

 We are strictly committed to producing content that respects family values, religious principles, and cultural traditions.

 </div><div class="service-card glass-card fade-in"> ###  Competitive Agility 

 We combine the agility and pricing of a streamlined team with the structural safety and reliability of an established studio.

 </div><div class="service-card glass-card fade-in"> ###  +13 Years of Experience 

 Our individual team members boast over 13 years of accumulated experience in the animation industry, ensuring top-tier professionalism.

 </div><div class="service-card glass-card fade-in"> ###  Trusted by Industry Leaders 

 A strong, reliable track record from our team members working with major regional platforms like MBC Group and Shahid.

 </div> </div> </section>  <section class="section" id="services" style="background: rgba(255,255,255,0.02); border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05);"><div class="section-header fade-in"> <span class="section-label"> Core Services </span> What We Do 
------------

 </div><div class="services-page-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 3rem; max-width: 1200px; margin: 0 auto; padding: 0 5%;"> [<div class="service-detailed-card" style="background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 3rem 2rem; text-align: center; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; align-items: center;"><div class="service-detailed-icon" style="width: 80px; height: 80px; background: rgba(104, 95, 186, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); margin-bottom: 2rem;">  </div>###  <span>Full 2D Animation Production</span> 

 <span>From the first idea to the final frame — we build one distinctive work with you, every frame drawn, animated and coloured by our artists' hands.</span>

<div class="read-more-btn" style="display: inline-flex; align-items: center; gap: 0.5rem; color: var(--secondary); font-weight: 700; font-size: 1rem;"> <span>Read More </span> </div> </div> ](https://hawadet.com/en/services/full-2d-animation-production) [<div class="service-detailed-card" style="background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 3rem 2rem; text-align: center; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; align-items: center;"><div class="service-detailed-icon" style="width: 80px; height: 80px; background: rgba(104, 95, 186, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); margin-bottom: 2rem;">  </div>###  <span>Children's Animation Production</span> 

 <span>We craft entertaining and educational content that captures children's hearts while giving parents complete peace of mind.</span>

<div class="read-more-btn" style="display: inline-flex; align-items: center; gap: 0.5rem; color: var(--secondary); font-weight: 700; font-size: 1rem;"> <span>Read More </span> </div> </div> ](https://hawadet.com/en/services/childrens-animation-production) [<div class="service-detailed-card" style="background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 3rem 2rem; text-align: center; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; align-items: center;"><div class="service-detailed-icon" style="width: 80px; height: 80px; background: rgba(104, 95, 186, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); margin-bottom: 2rem;">  </div>###  <span>Curriculum Animation &amp; Educational Video</span> 

 <span>We turn the curriculum into animation — from a written lesson to a visual scene a student understands and remembers.</span>

<div class="read-more-btn" style="display: inline-flex; align-items: center; gap: 0.5rem; color: var(--secondary); font-weight: 700; font-size: 1rem;"> <span>Read More </span> </div> </div> ](https://hawadet.com/en/services/educational-animation-production) [<div class="service-detailed-card" style="background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 3rem 2rem; text-align: center; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; align-items: center;"><div class="service-detailed-icon" style="width: 80px; height: 80px; background: rgba(104, 95, 186, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); margin-bottom: 2rem;">  </div>###  <span>Original IP Development</span> 

 <span>We create unique worlds and characters from scratch, allowing you to own and invest in valuable assets for years.</span>

<div class="read-more-btn" style="display: inline-flex; align-items: center; gap: 0.5rem; color: var(--secondary); font-weight: 700; font-size: 1rem;"> <span>Read More </span> </div> </div> ](https://hawadet.com/en/services/original-ip-development) [<div class="service-detailed-card" style="background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 3rem 2rem; text-align: center; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; align-items: center;"><div class="service-detailed-icon" style="width: 80px; height: 80px; background: rgba(104, 95, 186, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); margin-bottom: 2rem;">  </div>###  <span>Animated Series Production</span> 

 <span>We build a series with you that has a distinctive visual identity and a coherent narrative thread across its episodes — from pilot to season.</span>

<div class="read-more-btn" style="display: inline-flex; align-items: center; gap: 0.5rem; color: var(--secondary); font-weight: 700; font-size: 1rem;"> <span>Read More </span> </div> </div> ](https://hawadet.com/en/services/animated-series-production) [<div class="service-detailed-card" style="background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 3rem 2rem; text-align: center; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; align-items: center;"><div class="service-detailed-icon" style="width: 80px; height: 80px; background: rgba(104, 95, 186, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); margin-bottom: 2rem;">  </div>###  <span>Animated Commercials &amp; Brand Content</span> 

 <span>Hand-drawn 2D animated commercials that stay faithful to your brand book and deliver your message clearly.</span>

<div class="read-more-btn" style="display: inline-flex; align-items: center; gap: 0.5rem; color: var(--secondary); font-weight: 700; font-size: 1rem;"> <span>Read More </span> </div> </div> ](https://hawadet.com/en/services/animated-commercials) [<div class="service-detailed-card" style="background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 3rem 2rem; text-align: center; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; align-items: center;"><div class="service-detailed-icon" style="width: 80px; height: 80px; background: rgba(104, 95, 186, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); margin-bottom: 2rem;">  </div>###  <span>Animation for YouTube Channels</span> 

 <span>We produce serialized animation for YouTube channels — from children's series on the 2D line to historical and epic narratives on the cinematic 3D line — on a steady publishing schedule and consistent quality.</span>

<div class="read-more-btn" style="display: inline-flex; align-items: center; gap: 0.5rem; color: var(--secondary); font-weight: 700; font-size: 1rem;"> <span>Read More </span> </div> </div> ](https://hawadet.com/en/services/youtube-animation-content) [<div class="service-detailed-card" style="background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 3rem 2rem; text-align: center; transition: all 0.4s; height: 100%; display: flex; flex-direction: column; align-items: center;"><div class="service-detailed-icon" style="width: 80px; height: 80px; background: rgba(104, 95, 186, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); margin-bottom: 2rem;">  </div>###  <span>Cinematic 3D Animation</span> 

 <span>We craft epic 3D scenes — written, drawn, directed and voiced by our own team — at vast visual scale and a fraction of the cost of traditional 3D.</span>

<div class="read-more-btn" style="display: inline-flex; align-items: center; gap: 0.5rem; color: var(--secondary); font-weight: 700; font-size: 1rem;"> <span>Read More </span> </div> </div> ](https://hawadet.com/en/services/cinematic-3d-animation) </div> </section>  <section class="section" id="process"><div class="section-header fade-in"> <span class="section-label"> Production Process </span> How We Work 
-------------

 </div><div class="process-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; padding: 0 5%;"><div class="process-step fade-in" style="text-align: center;"><div class="step-number" style="font-size: 3rem; font-weight: 900; color: rgba(255,255,255,0.1); margin-bottom: 1rem;">01</div>### Discovery &amp; Strategy

We align on goals, audience, and creative direction before starting.

 </div><div class="process-step fade-in" style="text-align: center;"><div class="step-number" style="font-size: 3rem; font-weight: 900; color: rgba(255,255,255,0.1); margin-bottom: 1rem;">02</div>### Pre-Production

Scripting, storyboarding, and visual development (Proof of Concept).

 </div><div class="process-step fade-in" style="text-align: center;"><div class="step-number" style="font-size: 3rem; font-weight: 900; color: rgba(255,255,255,0.1); margin-bottom: 1rem;">03</div>### Production &amp; Animation

Bringing the world to life with premium 2D animation and sound.

 </div><div class="process-step fade-in" style="text-align: center;"><div class="step-number" style="font-size: 3rem; font-weight: 900; color: rgba(255,255,255,0.1); margin-bottom: 1rem;">04</div>### Final Delivery

Review, refinement, and delivery of final assets in all formats.

 </div> </div> </section>  <section class="section" id="portfolio"><div class="section-header fade-in"> <span class="section-label"> Portfolio </span> Selected Works 
----------------

 </div><div class="portfolio-grid">  [ ![العبور إلى الأندلس](https://media.hawadet.com/website/portfolio/andalus-card2.webp)<div class="portfolio-overlay">### The Crossing to Andalusia

Cinematic 3D historical series

 </div> ](https://hawadet.com/en/projects/cinematic-3d-andalus)  [ ![العلم بالتعلم](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 class="portfolio-overlay">### Learning with Knowledge

Educational Series

 </div> ](https://hawadet.com/en/projects/learning-series)  [ ![طائر الرفراف](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 class="portfolio-overlay">### Kingfisher Series

Adventure Series

 </div> ](https://hawadet.com/en/projects/kingfisher)  [ ![سر المملكة الخفية](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 class="portfolio-overlay">### Secret of the Hidden Kingdom

Epic Drama Series

 </div> ](https://hawadet.com/en/projects/hidden-kingdom)  [ ![الزعابيب](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 class="portfolio-overlay">### El Zaabeeb

Comedy fantasy world

 </div> ](https://hawadet.com/en/projects/zaabeeb) </div> </section>  <section class="section" id="news"><div class="section-header fade-in"> <span class="section-label"> Insights </span> Animation Insights &amp; News 
-------------------------------

 Explore the latest trends, case studies, and tips for creating powerful visual content.

 </div><div class="blogs-grid container"> [<div class="blog-image-wrapper"> ![How to Transform Historical Stories into Educational Animations](https://media.hawadet.com/177/conversions/temp_1789254284_IMG_0463-webp.webp) </div><div class="blog-content-wrapper"><div class="blog-meta">Educational &amp; Studio Craft</div>### How to Transform Historical Stories into Educational Animations

<div class="blog-footer"> <span style="color: rgba(255,255,255,0.4);">Sep 13, 2026</span> <span class="read-more"> Read More <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">How to Transform Historical Stories into Educational Animations</span>  </span> </div> </div> ](https://hawadet.com/en/blogs/how-to-transform-historical-stories-into-educational-animations) [<div class="blog-image-wrapper"> ![Smart Integration: How AI Can Enhance Curriculum Digitization](https://media.hawadet.com/176/conversions/temp_1789254061_Sq_1__Sh_7-webp.webp) </div><div class="blog-content-wrapper"><div class="blog-meta">طلب بحث مؤكَّد (GKP)</div>### Smart Integration: How AI Can Enhance Curriculum Digitization

<div class="blog-footer"> <span style="color: rgba(255,255,255,0.4);">Sep 13, 2026</span> <span class="read-more"> Read More <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">Smart Integration: How AI Can Enhance Curriculum Digitization</span>  </span> </div> </div> ](https://hawadet.com/en/blogs/smart-integration-how-ai-can-enhance-curriculum-digitization) [<div class="blog-image-wrapper"> ![White-Label Animation Studio for Agencies: The Complete Guide (2026)](https://media.hawadet.com/175/conversions/temp_1788920201_Sq_3__Sh_13-webp.webp) </div><div class="blog-content-wrapper"><div class="blog-meta">White-Label للوكالات</div>### White-Label Animation Studio for Agencies: The Complete Guide (2026)

<div class="blog-footer"> <span style="color: rgba(255,255,255,0.4);">Sep 09, 2026</span> <span class="read-more"> Read More <span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;">White-Label Animation Studio for Agencies: The Complete Guide (2026)</span>  </span> </div> </div> ](https://hawadet.com/en/blogs/white-label-animation-studio-for-marketing-agencies-the-complete-guide-2026) </div><div style="text-align: center; margin-top: 3rem;"> [ View All Articles ](https://hawadet.com/en/blogs) </div> </section> 