MAMAR 00

جدة، السعودية — متاح لاستقبال المشاريع

مواقع للأعمال التي تستحق أفضل من قالب جاهز.

أنا أحمد. أصمّم وأكتب كل موقع بيدي — بلا منشئ صفحات، وبلا قوالب جاهزة. عربي وإنجليزي، ودعم كامل للاتجاه من اليمين لليسار، وسرعة تكفي ليفتح على الجوال في أي مكان.

أعمال مختارة
06ستة مواقع مبنية ومنشورة
100%كود مكتوب يدوياً بالكامل
AR/ENثنائي اللغة بدعم كامل للعربية
00قوالب جاهزة مستخدمة
01 — الأعمال

ستة أنشطة في جدة. وستة مواقع مختلفة تماماً.

ثلاث مغاسل سيارات وثلاثة صالونات حلاقة، جميعها في المدينة نفسها. ولا يشترك أي موقعين منها في لون أو خط أو حركة واحدة — لأن الموقع يجب أن يشبه صاحبه، لا أن يشبه آخر ما صمّمت. والموقعان الأخيران مُعلَّمان كنموذجين تجريبيين: صُمّما لنشاطين حقيقيين في جدة لا يملكان موقعاً حتى الآن، بمبادرة مني.

01

Kleza Car Washمغسلة كليزا

  • المجالمغسلة سيارات — الشرفية، جدة
  • الاتجاهفخامة داكنة — أسود وذهبي وكروم
  • بُني بـHTML · CSS · JavaScript

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

عربي أولاً + RTL عرض التقييمات معرض صور بيانات منظمة
ahmedps520-svg.github.io/kleza
معاينة حية — وليست صورة
02

Eco Car Washايكو مغسلة سيارات

  • المجالمغسلة سيارات — مشرفة، جدة
  • الاتجاهفاتح ومنفتح — تدرّج الهوية وأشكال السهام
  • بُني بـHTML · CSS · JavaScript

الألوان مأخوذة مباشرة من شعارهم، والأسهم من إضاءة جدار المغسلة. الخدمات تتراكم أثناء التمرير، وقسم آلية العمل يتحرك أفقياً.

تمرير أفقي مثبّت بطاقات متراكمة أزرار مغناطيسية ثنائي اللغة
ahmedps520-svg.github.io/ecocarwash
معاينة حية — وليست صورة
03

Alkhayyelصالون الخيّال

  • المجالصالون حلاقة — الزهراء، جدة
  • الاتجاهفخامة هادئة — بنّي داكن وكراميل وإسمنت وخشب
  • بُني بـHTML · CSS · JavaScript

اللون والخامة مأخوذان من الصالون نفسه — إسمنت مصقول وخشب دافئ وجلد أسود. وقائمة الأسعار المطبوعة كُتبت كنصّ حيّ، فأصبحت قابلة للبحث والقراءة على الجوال بدل صورة لا يمكن تكبيرها.

قائمة أسعار حيّة معاينة تتبع المؤشر معرض بالسحب عربي أولاً + RTL
ahmedps520-svg.github.io/Saloon-Alkhayyal
معاينة حية — وليست صورة
04

High End Careصالون العناية الرفيعة

  • المجالصالون حلاقة — الروضة، جدة
  • الاتجاهتراث تركي — أزرق إزنيق ومرجاني وفيروزي
  • بُني بـHTML · CSS · JavaScript

كل صورة في الصفحة مقصوصة على شكل قوس عثماني مدبب — وليس زخرفة، فالصالون الحقيقي لديه قوس فوق كل محطة مرآة. وقائمة الأسعار المطبوعة كُتبت كنصّ حيّ وقابل للبحث بدل صورة.

قصّ بشكل قوس عثماني قائمة أسعار تفاعلية توهّج يتبع المؤشر عربي أولاً + RTL
ahmedps520-svg.github.io/High-End-Care
معاينة حية — وليست صورة
05

Yazan Car Washمغسلة يزن للسيارات

  • المجالمغسلة سيارات — الرحاب، جدة
  • الاتجاهماء وضوء — سماوي ساطع على كحلي عميق
  • بُني بـHTML · CSS · JavaScript

أكثر نشاط ازدحاماً وجدته في جدة — ٣٬٧٠٧ تقييمات على جوجل، وبلا موقع إطلاقاً. الصفحة كلها مبنية حول هذا الرقم وحده، وهو يعدّ تصاعدياً حين تصل إليه. وقطوع مائلة تفصل بين الأقسام كصفيحة ماء.

نموذج تجريبي عدّاد يتفاعل مع التمرير قطوع مائلة بين الأقسام شريط تقييمات متحرك عربي أولاً + RTL
ahmedps520-svg.github.io/YAZAN-Car-Wash
معاينة حية — وليست صورة
06

Majed Barbershopصالون ماجد للحلاقة

  • المجالصالون حلاقة — النهضة، جدة
  • الاتجاهورق دافئ — رملي وبنّي داكن وطيني
  • بُني بـHTML · CSS · JavaScript

تُرتّب جوجل التقييمات حسب ما تتحدث عنه، وعلى صفحة هذا الصالون ذكر ٣٥٨ من أصل ٦٦٥ تقييماً البشرة — لا الشعر. لذلك يبدأ الموقع بتنظيف البشرة بدل الحلاقة، ويذكر مصدر هذا الرقم. والخدمات مرتّبة كسجلّ مطبوع لا كبطاقات.

نموذج تجريبي ختم دوّار بصيغة SVG سجلّ خدمات تحريري ملمس حبيبات ورقية عربي أولاً + RTL
ahmedps520-svg.github.io/Majed-Barbershop
معاينة حية — وليست صورة

نشاطك التجاري يمكن أن يكون رقم ٠٧.

02 — ما ستحصل عليه

كل ما يلي أساسي. وليس إضافة مدفوعة.

01

عربي وإنجليزي… كما يجب

ليست ترجمة آلية مضافة. بل تخطيط حقيقي من اليمين لليسار، وخطوط عربية مختارة للعربية، واللغة التي يقرأها عملاؤك تُعرض أولاً.

02

مصمّم للجوال أولاً

معظم من سيجدك سيكون على جواله، وغالباً على بيانات الجوال. كل صفحة تُختبر بعرض ٣٧٥ بكسل وتبقى خفيفة لتفتح بسرعة.

03

ظاهر على جوجل

بيانات منظمة لعنوانك وساعات عملك وتقييمك، ليظهر نشاطك بشكل صحيح في البحث المحلي بدل رابط أزرق مجرّد.

04

ملكك أنت

ملفات HTML و CSS و JavaScript في مجلد تملكه أنت. بلا رسوم شهرية لمنصة، وبلا ترخيص ينتهي، وبلا إضافات تتوقف فيتعطل موقعك.

05

مكتوب ليكون مفهوماً

كود منظّم وموثّق. وإن سلّمته يوماً لمطوّر آخر، سيتمكن من متابعته دون أن يبدأ من الصفر.

03 — آلية العمل

كيف يُصنع الموقع فعلياً

  1. 01

    تتحدث، وأسأل كثيراً

    ماذا تقدّم، ومن يأتيك، وما الذي تريد أن يحققه الموقع. أن أسأل عشرين سؤالاً الآن أفضل من أن أخمّن وأعيد البناء لاحقاً.

  2. 02

    أصمّم انطلاقاً من هويتك

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

  3. 03

    أبنيه وأختبره كما ينبغي

    يُكتب يدوياً، ثم يُفحص على الحاسب والجوال، وباللغتين، مع التحقق من التخطيط بالقياس لا بالنظر فقط.

  4. 04

    يُنشر، ويصبح ملكك

    يُنشر على نطاق حقيقي وتُسلَّم لك الملفات. تريد تعديلاً لاحقاً؟ راسلني. تريد نقله لجهة أخرى؟ خذه.

04 — تواصل

حدّثني عن نشاطك التجاري.

راسلني على واتساب — صورة لمحلك وجملة عمّا تقدّمه تكفي للبداية. وسأخبرك بصراحة إن كان الموقع سيفيدك فعلاً، وكيف سيبدو.

رسائل واتساب فقط — بلا مكالمات. والرد على البريد خلال يوم.

راسلني