من جذور الحضارة المصرية إلى تجربة تسوق عصرية صُممت من الصفر

التصنيف :

:مواقع التجارة الإلكترونية:

العميل :

أثر | ATHAR

وقت المشروع :

11 أكتوبر 2026

رابط المشروع :

التحدي

بناء براند مصري بهوية مستقلة، وتحويل قصته إلى تجربة تسوق رقمية متكاملة.

بدأ مشروع أثر من فكرة أكبر من مجرد بيع الملابس؛ تأسيس براند مصري يستلهم هويته من الحضارة المصرية القديمة، ويقدمها بروح شبابية تناسب ثقافة الـStreetwear الحديثة.كان التحدي الأول هو بناء شخصية بصرية واضحة للبراند من الصفر، تحقق التوازن بين أصالة العناصر المصرية والطابع العصري، دون أن تبدو التصميمات تقليدية أو تعتمد على الاستخدام المبالغ فيه للرموز التاريخية.أما التحدي الثاني فكان تحويل هذه الهوية إلى متجر إلكتروني فعلي، يحافظ على نفس الشخصية في كل تفاصيل تجربة المستخدم، بداية من الصفحة الرئيسية وحتى صفحات المنتجات وإتمام الطلب.اعتمد المشروع على ثلاث مجموعات رئيسية، لكل منها فكرة مختلفة: «البصمة» للتصميم البسيط، و«الإرث» المستوحى من الرموز المصرية القديمة، و«المسار» الذي يعبر عن الرحلة والأثر الذي يتركه الإنسان. وكان المطلوب تقديم هذه المجموعات داخل تجربة واضحة، مع تنظيم 12 منتجًا بأربعة ألوان أساسية، وإظهار تفاصيل التصميم والمقاسات بصورة تساعد العميل على الاختيار.كان الهدف النهائي هو إنشاء متجر يعكس قيمة البراند وهويته، وليس مجرد واجهة جاهزة أُضيفت إليها المنتجات والشعار.

الحل

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

بدأت العمل على المشروع من مرحلة تشكيل الهوية البصرية للبراند، وتحديد الأسلوب الذي سيعبر عن فكرته. اعتمدت على الأسود والدرجات الداكنة كأساس للتصميم، مع الذهبي كلون مميز مستوحى من الطابع المصري القديم، إلى جانب معالجة بصرية تجمع بين البساطة والتفاصيل الفنية التي تميز مجموعات الملابس.بعد تحديد الهوية، انتقلت إلى تصميم واجهات وتجربة المستخدم (UI/UX)، مع التركيز على تقديم المنتجات باعتبارها مجموعات تحمل قصصًا مختلفة. صممت الصفحة الرئيسية لتبدأ بسلايدر يعرض المجموعات الثلاث، بحيث يمتلك كل تصميم رسالة بصرية ونصًا يحكي فكرته، ثم أقسامًا لاستكشاف الكوليكشنات والمنتجات والانتقال إلى صفحات التسوق.أنشأت تصورًا أوليًا للموقع باستخدام Framer لتجربة شكل الصفحات وتنظيم المحتوى، قبل الانتقال إلى مرحلة التنفيذ على WordPress.في مرحلة التطوير، استخدمت قالب WoodMart باعتباره أساسًا تقنيًا متخصصًا في التجارة الإلكترونية، دون الاعتماد على أي Demo جاهز. وتم بناء الواجهات وتخصيصها باستخدام Elementor Pro، مع WooCommerce لإدارة المنتجات وعمليات التسوق.نظمت المتجر في ثلاث مجموعات رئيسية: ATHAR Signature وATHAR Legacy وATHAR The Path، مع إنشاء منتج مستقل لكل لون، وربطه بالمجموعة المناسبة. كما جرى تجهيز صور المنتجات بأسلوب عرض موحد، يجمع بين صورة أمامية وخلفية ولقطات منفردة من زوايا مختلفة، بهدف إظهار التصميم بصورة متناسقة عبر المتجر.اهتممت أيضًا بتفاصيل صفحات المنتجات، من كتابة الأسماء والأوصاف التسويقية المرتبطة بقصة كل مجموعة، إلى عرض المقاسات والخيارات المتاحة وأزرار الشراء والمنتجات المقترحة، بما يجعل تجربة التسوق واضحة وسهلة الاستخدام.واستكملت بناء الموقع بصفحات «تعرف علينا» و«تواصل معنا» والأسئلة الشائعة والسياسات القانونية، مع استخدام Contact Form 7 لنموذج التواصل، وإضافة Bot for Telegram on WooCommerce لدعم متابعة الطلبات، وLiteSpeed Cache لإدارة التخزين المؤقت.النتيجة: متجر إلكتروني مصري بهوية بصرية مستقلة، يجمع بين تصميم البراند وتجربة المستخدم والتطوير التقني داخل تجربة واحدة. مشروع انتقل من الفكرة والتصور البصري إلى موقع منشور، مع الحفاظ على شخصية أثر في كل مرحلة من مراحل التنفيذ.