Motion Designer & Visual Artist مصمم موشن وفنان بصري

RA7AL

Crafting cinematic visuals and bold brand identities. Specializing in motion design, video editing, and creative storytelling across cultures. · Frontend Developer. أصنع بصريات سينمائية وهويات برندية جريئة. متخصص في الموشن ديزاين والمونتاج والسرد الإبداعي. · مطور واجهات.

🎬Motion

🎨Design

✂️Edit

📱Brand

⚡Ra7al

🌟2027

About Me من أنا

I'm Ra7al — a 16-year-old graphic designer, motion artist, and frontend developer with 5 years of design experience and 2 years of VS Code development. I bridge the gap between design and code — creating not just beautiful interfaces, but fully functional experiences. Bilingual in Arabic and English, I craft visuals and build websites that speak across cultures.

Raised through EIS School in Egypt from KG1 to Grade 9, now continuing my education at El Jameah Schools in Saudi Arabia — graduating class of 2027.

أنا رحّال — مصمم جرافيك وفنان موشن ومطور واجهات عمري ١٦ سنة، عندي ٥ سنوات خبرة تصميم و٢ سنة تطوير واجهات في VS Code. أربط بين التصميم والكود — أنا لا أصمم واجهات جميلة فقط، بل أبني تجارب عملية متكاملة. أتكلم عربي وإنجليزي وأقدر أوصّل الأفكار والمشاريع بالطريقتين.

كملت دراستي في مدرسة EIS في مصر من KG1 لغاية الصف التاسع، ودلوقتي بكمل تعليمي في مدارس الجامعة في السعودية — متخرج دفعة ٢٠٢٧.

Age العمر 16 years old ١٦ سنة

Experience الخبرة 5 years ٥ سنوات

Languages اللغات Arabic (Native) · English (Fluent) عربي (أصلي) · إنجليزي (طلاقة)

Based in موقعي Saudi Arabia المملكة العربية السعودية

Graduation التخرج Class of 2027 دفعة ٢٠٢٧

Frontend Exp خبرة الواجهات 2 years · VS Code ٢ سنوات · VS Code

Toolbox الأدوات

TOOLS &
SKILLS الأدوات
والمهارات

DaVinci Resolve دافينشي ريزولف

Premiere Pro بريمير برو

After Effects آفتر إفيكتس

Photoshop فوتوشوب

Illustrator إليستريتور

Canva كانفا

Final Cut Pro فاينل كت برو

Logic Pro لوجك برو

Pixelmator Pro بيكسلمايتر برو

VS Code في إس كود

Specializations التخصصات

Motion Design موشن ديزاين

Social Media Branding برندينج السوشيال ميديا

Video Editing مونتاج الفيديو

Montage المونتاج

Color Grading تصحيح الألوان

Visual Identity الهوية البصرية

Graphic Design الجرافيك ديزاين

Frontend Development تطوير الواجهات

HTML · CSS · JS HTML · CSS · JS

UI Design تصميم الواجهات

My Approach أسلوبي

CREATIVE
PROCESS العملية
الإبداعية

Brief الموجز

Understanding your vision, goals, and target audience to create a strategic foundation for the project. فهم رؤيتك وأهدافك والجمهور المستهدف لإنشاء أساس استراتيجي قوي للمشروع.

Concept المفهوم

Brainstorming creative ideas and developing visual concepts that align with your brand identity and message. العصف الذهني للأفكار الإبداعية وتطوير المفاهيم البصرية التي تتوافق مع هويتك والرسالة.

Execute التنفيذ

Bringing concepts to life through professional design, animation, and video production using cutting-edge tools. تحويل المفاهيم إلى واقع من خلال التصميم الاحترافي والرسوم المتحركة والإنتاج باستخدام أحدث الأدوات.

Deliver التسليم

Delivering polished final assets optimized for all platforms, with revisions and support throughout. تسليم الأصول النهائية المحسّنة لجميع المنصات مع التعديلات والدعم المستمر.

By The Numbers بالأرقام

IMPACT &
EXPERIENCE التأثير والخبرة

Projects Done مشاريع منجزة

Hours of Work ساعات عمل

Tools Mastered أدوات متقنة

Happy Clients عملاء سعداء

Motion Work أعمال الموشن

VIDEO
REEL الفيديو
ريل

Featured مميز

Motion Design موشن ديزاين

TEASER REEL تيزر ريل

Branding برندينج

Social Media سوشيال ميديا

Restaurant Promo تروج المطعم

📹 Hover over videos to preview. Click to view fullscreen with controls. 📹 حرك الماوس فوق مقاطع الفيديو لمعاينتها. انقر لعرض ملء الشاشة.

Frontend Work أعمال الواجهات

PROJECTS المشاريع

Particle Clock ساعة الجزيئات

A live digital clock wrapped in an interactive particle network with a cyberpunk aesthetic. ساعة رقمية مباشرة مغلفة بشبكة جزيئات تفاعلية بجمالية سايبربانك.

HTML CSS Canvas API Vanilla JS

Concept: The goal was to make something as simple as a clock feel alive. Instead of a static display, the time floats inside a reactive particle field — every node connects to its neighbours with glowing threads, and the whole system subtly reacts to the user's cursor.

Technical Highlights: Canvas-based particle system with 120 nodes, mouse-repulsion physics using vector distance math, live clock updates every second, layered CSS text-shadow for neon glow, pure vanilla JS with zero dependencies.

المفهوم: الهدف كان جعل شيء بسيط مثل الساعة يشعر بالحياة. بدلاً من عرض ثابت، الوقت يطفو داخل حقل جزيئات تفاعلي — كل عقدة تتصل بجيرانها بخيوط متوهجة، والنظام بأكمله يستجيب بلطف لمؤشر المستخدم.

المميزات التقنية: نظام جزيئات قائم على Canvas مع 120 عقدة، فيزياء الدفع بالماوس باستخدام رياضيات المسافة الموجهة، تحديثات الساعة الحية كل ثانية، ظلال نصية CSS متعددة الطبقات للتوهج النيون، JavaScript عادي بدون تبعيات.

Liquid Mood Board لوحة المشاعر السائلة

A dreamy landing page concept built around animated blob shapes and frosted glass UI. مفهوم صفحة هبوط أحلامية مبنية حول أشكال كتل متحركة وواجهة زجاج مرطب.

HTML CSS Glassmorphism Animations

Concept: An exploration of organic liquid motion as a UI mood — make a landing page that feels warm, soft, and breathing.

Technical Highlights: Five independently animated blob elements using filter blur and border-radius, glassmorphism card with backdrop-filter blur, custom cursor tracking mousemove, fully responsive with clamp font scaling.

المفهوم: استكشاف الحركة السائلة العضوية كمزاج واجهة المستخدم — إنشاء صفحة هبوط تشعر بالدفء والنعومة والتنفس.

المميزات التقنية: خمسة عناصر كتل متحركة بشكل مستقل باستخدام filter blur و border-radius، بطاقة glassmorphism مع backdrop-filter blur، تتبع مؤشر مخصص للفأرة، استجابة كاملة مع عرض الخطوط clamp.

Brutalist Music Player مشغل الموسيقى الداخلي

A fully interactive music player UI with hard brutalist aesthetics, a spinning vinyl, and animated EQ bars. واجهة مشغل موسيقى تفاعلية بالكامل بجماليات بروتاليتّة صارمة، وسجل دوار ورسوم بيانية EQ متحركة.

HTML CSS Vanilla JS Interactive

Concept: A reaction against smooth rounded UI — this player is loud on purpose with thick borders, raw grid-paper background, and aggressive orange-on-black contrast.

Technical Highlights: Spinning vinyl built entirely in CSS using repeating-radial-gradient and conic-gradient with no image assets, animated EQ bars with staggered CSS animation delays, functional progress bar with click-to-seek, track switching cycling through a JS array.

المفهوم: رد فعل ضد واجهة المستخدم الناعمة والمستديرة — هذا المشغل بصري بنية بقصد مع حدود سميكة، خلفية ورق الشبكة الخام، وتباين برتقالي أسود عدواني.

المميزات التقنية: سجل دوار مبني بالكامل في CSS باستخدام repeating-radial-gradient و conic-gradient بدون أصول صور، رسوم بيانية EQ متحركة مع تأخيرات CSS animation مختلفة، شريط تقدم وظيفي مع click-to-seek، تبديل المسارات من خلال مصفوفة JS.

Aurora Quote Generator منشئ الاقتباسات الشفقية

An animated northern-lights background with a typewriter-effect quote machine, built for atmosphere. خلفية الأضواء الشمالية المتحركة مع جهاز اقتباسات بتأثير الآلة الكاتبة، مبنية للأجواء.

HTML CSS Vanilla JS Atmospheric

Concept: What if a quote generator felt like reading by candlelight under the night sky — atmosphere first, content second.

Technical Highlights: Aurora effect using four fixed divs with border-radius and filter blur on long offset loops, star field of 120 JS-generated elements with randomized twinkle, typewriter function with randomized character delay so typing feels human not robotic.

المفهوم: لو أن منشئ الاقتباسات شعر وكأنك تقرأ بضوء الشموع تحت سماء الليل — الأجواء أولاً، المحتوى ثانياً.

المميزات التقنية: تأثير الشفق باستخدام أربعة divs ثابتة مع border-radius و filter blur على حلقات انحراف طويلة، حقل نجومي من 120 عنصر generated في JS مع twinkle عشوائي، وظيفة الآلة الكاتبة مع تأخير الأحرف العشوائي حتى يشعر الكتابة بأنها بشرية وليست روتينية.

Retro Arcade Scoreboard لوحة النقاط الركادية الكلاسيكية

A neon-lit pixel-art leaderboard with CRT scanlines, floating particles, and randomized scores. لوحة ترتيب فن البكسل المضاءة بالنيون مع scanlines النيون، جزيئات عائمة، ودرجات عشوائية.

HTML CSS Vanilla JS Retro UI

Concept: A love letter to the arcade era — the kind of leaderboard you'd see burning phosphor into a CRT screen in 1984.

Technical Highlights: CRT scanlines via CSS repeating-linear-gradient overlay, pixel grid background, 20 floating pixel particles generated in JS, dynamic leaderboard with randomized players sorted by score, shuffle button re-randomizes the entire board.

المفهوم: رسالة حب لعصر الألعاب — نوع لوحة الترتيب التي تراها تحترق phosphor في شاشة CRT في عام 1984.

المميزات التقنية: خطوط CRT عبر CSS repeating-linear-gradient overlay، خلفية شبكة بكسل، 20 جزيء بكسل عائم generated في JS، لوحة ترتيب ديناميكية مع لاعبين عشوائيين مرتبة حسب الدرجة، زر shuffle يعيد عشوائية اللوحة بأكملها.

💻 Click any project to launch fullscreen. Browse the code and interact with live demos — no external windows needed. 💻 انقر أي مشروع لتشغيل ملء الشاشة. تصفح الكود والتفاعل مع العروض المباشرة — لا حاجة لنوافذ خارجية.

Visual Work الأعمال البصرية

DESIGN
GALLERY معرض
التصاميم

Bold Beverage Branding برندينج الشراب

Corporate Identity Design تصميم الهوية المؤسسية

Café Branding Concept مفهوم برندينج المقهى

Photography & Digital Art الفن الرقمي والتصوير

Energy Brand Campaign حملة العلامة التجارية النشطة

Abstract Motion Texture نسيج الحركة المجردة

🖼️ Gallery showcasing brand designs and digital artwork. Click any image to view fullscreen details. 🖼️ معرض يعرض تصاميم العلامات التجارية والأعمال الفنية الرقمية. انقر على أي صورة لعرض ملء الشاشة.

My Story قصتي

THE
JOURNEY الرحلة

2019 ٢٠١٩

First Design Steps الخطوات الأولى

Picked up my first design tool at 11 years old — curiosity became obsession, and obsession became craft. Started exploring Photoshop and basic design principles. التقطت أول أداة تصميم لي وعمري 11 سنة - الفضول تحول إلى عشق، والعشق تحول إلى حرفة.

2021 ٢٠٢١

Motion Discovery اكتشاف الموشن

Unlocked Adobe After Effects and Premiere Pro. Discovered motion design — the perfect blend of visual storytelling and technical precision. Started creating animations that engaged and inspired. اكتشفت الموشن ديزاين - المزيج المثالي من السرد البصري والدقة الفنية.

2023 ٢٠٢٣

Entering the Code World دخول عالم الكود

Discovered frontend development — HTML, CSS, and JavaScript became powerful creative tools alongside design. VS Code transformed into my second creative studio. Design and code finally spoke the same language. اكتشفت تطوير الواجهات — HTML و CSS و JavaScript أصبحت أدوات إبداعية قوية جنباً إلى جنب مع التصميم. VS Code صار الأستوديو الإبداعي الثاني. بدأ التصميم والكود يتحدثان نفس اللغة.

2023 ٢٠٢٣

First Major Projects المشاريع الكبرى الأولى

Transitioned from personal projects to client work. Developed comprehensive brand identities and produced professional video content. Built portfolio with diverse projects across multiple industries. انتقلت من المشاريع الشخصية إلى العمل مع العملاء. طورت هويات برندية شاملة وأنتجت محتوى فيديو احترافي.

2024 ٢٠٢٤

Platform Expansion توسيع المنصة

Launched professional web presence and this portfolio. Expanded services to include social media branding, TikTok content creation, and strategic visual consulting. Growing network of satisfied clients and collaborators. أطلقت الحضور المهني والمحفظة الرقمية. توسعت الخدمات لتشمل برندينج السوشيال ميديا والاستشارات البصرية.

2025 ٢٠٢٥

Creative Excellence التميز الإبداعي

Focused on mastering advanced motion design techniques, expanding into 3D, and refining the craft. Became a trusted partner for brands seeking bold, innovative visual storytelling. Mentored emerging designers. ركزت على إتقان تقنيات الموشن المتقدمة والتوسع في الثلاثي الأبعاد. أصبحت شريكة موثوقة للعلامات التجارية التي تسعى للسرد البصري الجريء.

Get In Touch تواصل معي