تصميم هوية بصرية لمتجر إلكتروني | فلك كارد

في هذا المقال سأعرض تصميم هوية بصرية لمتجر الكتروني من البداية الى النهاية وكيف قمت بتطويرها وتحسينها الى أن وصلت الى النتيجة النهائية

أنا سعيد الرشيد خبير في تصميم الهويات البصرية وأول صانع محتوى وكاتب يستهدف توعية أصحاب المشاريع عن أهمية الهوية البصرية تأثيرها على مشاريعه

الهوية البصرية القديمة لمتجر إلكتروني

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

ما قبل العمل على الهوية البصرية لمتجر الكتروني

يظن ان مشكلته بالشعار فقط وهذا ما كان يظنه صاحب هذا المشروع فعندما جلست واجتمعت معه وجدنا ان المشكله ليست في الشعار اصلا وانما في الاستراتيجيه بشكل كامل وخصوصا ان صاحب هذا المشروع تجاوزت ايراداته في السنه الماضيه اكثر من مصف مليون دولار ولكن للاسف مع الجمود وعدم الاستمرار في التطوير بدات تتلاشى هذه الانجازات وتصبح صفرا

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

وهذه الاستراتيجيه ادت الى ان الشركه تنقسم الى اقسام: فمنها الشركه الام هي فلك هي الشركه التي تستهدف ان تسهل حياه الناس بجميع المجالات ومنها الشركه الفرع وهي فلك كارد وهو متجر يقدم خدمات رقمية لبيع وشراء البطاقات مثل بطاقات شحن ببجي وشحن فورت نايت وهذه الأمور المتعلقة بالألعاب

وكانت اهم الصفات والمشاعر التي يريدون التركيز عليها هي التوسع والمتعه والترفيه اما عميلنا المثالي فهو لاعب الالعاب الإلكترونية

الهدف من تصميم شعار احترافي للمتاجر الإلكترونية

وفق الاستراتيجيه المتبعه اتفقنا ان تكون الهوية قابله للتغيير بشكل كبير وان يكون للشركه الام شيء اساسي وشيء متغير مثل جوجل بلاي نرى المثلث الموجود ثم نرى اختلاف الخدمات يختلف ولكن المثلث نفسه باق ولم نكن نريد فقط اختلافا بالالوان او اختلافا بالنصوص بل نريد شيئا يعبر اكثر ويظهر الاختلاف بين مختلف الفروع

تحليل المنافسين

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

العصف الذهني لأفكار للمتجر الإلكتروني

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

لا تعد اختراع العجلة بل خذها من الشركات الاحترافية

في المرحلة الرابعة احببت ان ارى حلول غيري فاحببت ان ارى كيف تعبر العلامات الكبرى عن المتعه والترفيه والقضاء على الملل والقائمه مليئه بالالعاب التي تركز على هذه الناحيه وكل منها له مواصفاته وله فئته العمريه المختلفه وحتى هناك علامات تجاريه متخصصه بالترفيه واغلبها مقاطعه مثل نتفليكس وديزني وبلاي ستيشن كل هذه المنصات تركز بشكل اساسي على القضاء على الملل وبث الترفيه

ولا بد ان اذكر ان امتنا اليوم بحاجه الى القليل جدا من الترفيه والكثير من العمل وانا عاده هذه المشاريع لا اعمل عليها ولا احبها لانها اولا واخرا هي للالعاب وللترفيه ولكن هذا المشروع بالذات كانت لديه فروع متعدده وكان احد الفروع فقط هو المتعلق بالالعاب فلذلك عملت عليه والا لو جاني مستقلا لما عملت عليه خصوصا اننا اليوم باسوا احوالنا فلا نحتاج الى الترفيه بل نحتاج الى العمل والجد

احد اهم الالعاب التي وجدتها قريبه جدا من روح المشروع ومن الامور التي تريد ان تعبر عنها هي لعبه باتلفيلد 2042 هذه اللعبه تحكي عن حروب مستقبليه وكان لديها طابع مميز جدا وهو الخطوط المائله فمهما اختلفت الصوره ومهما اختلفت الالوان نجد هناك طابعا مميزا يعتمدونه في جميع صورهم وللصدفه اثناء بحثي عن هويتهم وجدت ان هويتهم فازت بمسابقات عالميه بقوه الهوية البصرية وهذا شجعني على ان استلهم من تجربتهم اكثر وهم استلهموا هذالام من التاثيرات الطبيعيه ودوما الشكل المائل يدل على السرعه ويدل على الاندفاع ويدل على الحركه وهذا اكثر ما يفيدنا للقضاء على الملل ولجذب العيون باسرع طريقه ممكنه

مجموعة رسومات مبدأية لشعار متجرك الالكتروني

واخيرا بعد كل هذه الافكار وكل هذه المراحل من التفكير لابد الان من مرحله العمل ومن مرحله الرسم المبدئي فبدات برسم العديد من الافكار المتعلقه بالفلك والمتعلقه بتطوير الشعار القديم فانا لدي شعار قديم ولكن اريد ان اطوره ولكن ايضا كنت افكر بطريقه اخرى كيف اقوم بالبعد حتى عن الشعار القديم تماما او اجرب ايضا مع المحافظه على الشعار نفسه فقمت برسم العديد من السكتشات او الرسومات المبدئيه ومحاوله الاستلهام منها الا انه ومع كل هذه الرسمات لم اجد اي نتيجه مرضيه بالنسبه لي فبدأت بالتفكير مره اخرى فسالت نفسي ما هو اكثر شيء ظاهر في الكرت او البطاقه ويمكنني التعبير عنها بصريا فرسمت الكرت باكثر من طريقه اثناء مسحه ووجه البطاقه وظهر البطاقه محاوله للاستلهام منها ثم فكرت بالبطاقات الحقيقيه التي تكون معلقه اصلا فوجدت هناك رمزا معينا يكثر ويشيع جدا بينها وهو هذا الرمز الذي يعلقون عليه اصلا فلذلك حاولت الاستلهم ايضا من هذه الفكره ورسمت العديد من الامور المتعلقه بها بل وربطتها بافكار اخرى فهذا الشكل اقرب لشكل الصحن الفضائي فهذه فكره جديده وحاولت الاستلهام من الشكل البيضاوي الذي ينتج في الفضاء شكل المجرات وحتى من حلقات الكواكب فكل هذه الامور لها ارتباط مباشر بالسرعه والحركه وبنفس الوقت لها علاقه بالفضاء والامور المستقبليه فكنت احاول اعاده توظيف العديد من الاشكال ورسمها بطرق مختلفه لاصل الى نتيجه مرضيه وبعد العديد من المحاولات قررت ان اطور الشكل القديم نفسه وذلك لان المشروع اصلا لديه جمهور وهو وصل الى مرحله ناجحه فلا اريد ان ابدا من الصفر فلذلك امسكت المفهوم القديم نفسه وبدات بتطويره فاذا نظرنا الى الشعار القديم نفسه سنجد انه عباره بكل بساطه عن حلقه للكون او للفضاء وايضا عن بطاقه يمكن الدفع بها او يمكن تفعيلها اصلا ثم فكرت في كلمه فلك فكلمه فلك من ضمن الاستراتيجيه التي رسمناها ان نجعلها بحرف c وليس بحرف k وذلك لتكون متميزه اثناء البحث فلذلك امسكت هذا الحرف ووظفته بالشعار ومن هنا وصلت الى هذه النتيجه

تصميم شعار لمتجر إلكتروني

واخيرا بعد كل هذه الافكار وكل هذه المراحل من التفكير لابد الان من مرحله العمل ومن مرحله الرسم المبدئي فبدات برسم العديد من الافكار المتعلقه بالفلك والمتعلقه بتطوير الشعار القديم فانا لدي شعار قديم ولكن اريد ان اطوره ولكن ايضا كنت افكر بطريقه اخرى كيف اقوم بالبعد حتى عن الشعار القديم تماما او اجرب ايضا مع المحافظه على الشعار نفسه فقمت برسم العديد من السكتشات او الرسومات المبدئيه ومحاوله الاستلهام منها الا انه ومع كل هذه الرسمات لم اجد اي نتيجه مرضيه بالنسبه لي فبدأت بالتفكير مره اخرى فسالت نفسي ما هو اكثر شيء ظاهر في الكرت او البطاقه ويمكنني التعبير عنها بصريا فرسمت الكرت باكثر من طريقه اثناء مسحه ووجه البطاقه وظهر البطاقه محاوله للاستلهام منها ثم فكرت بالبطاقات الحقيقيه التي تكون معلقه اصلا فوجدت هناك رمزا معينا يكثر ويشيع جدا بينها وهو هذا الرمز الذي يعلقون عليه اصلا فلذلك حاولت الاستلهم ايضا من هذه الفكره ورسمت العديد من الامور المتعلقه بها بل وربطتها بافكار اخرى فهذا الشكل اقرب لشكل الصحن الفضائي فهذه فكره جديده وحاولت الاستلهام من الشكل البيضاوي الذي ينتج في الفضاء شكل المجرات وحتى من حلقات الكواكب فكل هذه الامور لها ارتباط مباشر بالسرعه والحركه وبنفس الوقت لها علاقه بالفضاء والامور المستقبليه فكنت احاول اعاده توظيف العديد من الاشكال ورسمها بطرق مختلفه لاصل الى نتيجه مرضيه وبعد العديد من المحاولات قررت ان اطور الشكل القديم نفسه وذلك لان المشروع اصلا لديه جمهور وهو وصل الى مرحله ناجحه فلا اريد ان ابدا من الصفر فلذلك امسكت المفهوم القديم نفسه وبدات بتطويره فاذا نظرنا الى الشعار القديم نفسه سنجد انه عباره بكل بساطه عن حلقه للكون او للفضاء وايضا عن بطاقه يمكن الدفع بها او يمكن تفعيلها اصلا ثم فكرت في كلمه فلك فكلمه فلك من ضمن الاستراتيجيه التي رسمناها ان نجعلها بحرف c وليس بحرف k وذلك لتكون متميزه اثناء البحث فلذلك امسكت هذا الحرف ووظفته بالشعار ومن هنا وصلت الى هذه النتيجه

بالنسبه للالوان التي اخترتها فكنت اريد الوانا عجيبه الوانا غريبه ليست من المتعارف عليها وذلك لانني اقدم الهوية انها من الفلك انها جاءت من الفضاء فلا بد لي من الوان متميزه غير مستخدمه عاده وايضا لان المنافسين قد استخدموا الكثير من الالوان الشائعه لديهم وخصوصا اللون البرتقالي واللون الاصفر فلذلك احببت ان ابتعد عنها جزئيه ولذلك اخترت تدرجات لونيه مختلفه واخترت اللون البنفسجي الذي دوما يرمز للغموض ويرمز للفضاء

تصميم عناصر الهوية البصرية للمتجر الإلكتروني

في المرحله السادسه بدات بتصميم اسس الهوية فانا قمت بتصميم شعار فقط اسس الهوية

اختيار الخطوط

اولا اختيار الخط كان الخط الذي اريده لهذه الهويه ان يكون خطا حديثا مستقبليا بسيطا وواضحا ولم اجد افضل من خط واحد ينطبق عليه جميع هذه الصفات وهو خط اكسبو المخصص للمعرض في دبي كان خطا حديثا مستقبل مستقبليا واضحا من مسافه بعيده وفيه العديد من الاوزان ويدعم اللغه الانجليزيه واللغه العربيه ولذلك وقع اختياري فورا عليه

مفتاح بصري

ثم كان لابد لاي هوية من مفتاح بصري معين ولذلك كان المفتاح البصري لدي هو الدائره المائله التي ترمز للحركه وللفلك بشكل واضح فاستطعت من هذا الشكل فقط ان انشئ العديد من الاشكال فمنها الباترن او النمط المكرر وجميع الهوية بجميع اشكالها كان يتبع هذا الشكل فحتى الاحصائيات التي يعرضونها والرسوم البيانيه حتى الانفو جرافيك وتبسيط المعلومات يكون عبر هذا الشكل لاربط جميع الهوية بهذا الشكل البسيط

الملمس

وباعتباري اريد ان اعبر عن الملحميه فلا بد لي من ملمس معين او تاثير معين يعطيني هذا الشعور وبذلك اخترت السنه اللهب التي تعبر بشكل اساسي عن الملحميه

صور إضافية وإضاءات

وكان لابد ايضا ان اضيف جرعه من الحماس والمتعه وجذب الاضواء وجذب الانظار فلا بد لي من اضافه بعض الاضاءات المعينه والمخصصه مثل هذه التي ترونها

صور الشخصيات

كنت اريد حتى الشخصيات ان اميزها وان تظهر من بعيد لمجرد رؤيه اي شكل او اي صوره ان تعرف ان هذه تتبع لهذه الهوية فقمت برسم هذه الدائره حول الشخصيات المختلفه وواجهت مشكله اساسيه ان هذا الشكل لاعب الببجي بالذات هناك الكثير من الصور حوله وهي صور مستهلكه فلذلك استعنت بالذكاء الاصطناعي لجعل صور جديده وملحميه ومختلفه عن الشكل الشائع الممل وهذا ما جعل لدي نقطه مميزه امام المنافسين الذين لا يستخدمون هذه التقنيه في تصاميم المواقع الإلكترونية الخاصة بهم

الألوان ودرجاتها

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

تصميم الموقع الإلكتروني وفق الهوية البصرية

شاهدوا الفرق سترون ان الفرق واضح جدا وان الفرق ليس جماليا وحسب بل عندما يدخل هذا المشتري او هذا اللاعب سيرى فعلا من خلال الالوان فقط بدون ان يقرا اي شيء سيرى ان هناك تاثيرا قويا جدا على صوره معينه وبالتالي سينجذبوا اليها وسيشتريها من غلاف الصوره فقط ان هذه الصوره هي اقوى وانه مستعد ان يستثمر فيها بعض الاموال

حتى منشورات السوشيال ميديا كانت منشورات ضعيفه وليس فيها اي ترابط فلذلك قمت باعاده بنائها وايضا حفر هذا الشكل الدائري بجميع عناصر الهوية

تصميم الدليل الإرشادي للهوية البصرية لمتجر إلكتروني

واخر شيء قمت به وهو اهم شيء هو الدليل الارشادي الدليل الارشادي من اهم الامور الذي يجب ان يكون موجودا في كل هوية بصرية فهو دليل لكيفيه استخدام الشعار وكيفيه استخدام الالوان وذلك لكي تستطيع انت كصاحب مشروع ان تقوم باستخدام هذا الشعار وتوظيفه بالمكان الصحيح فاكثر المشاريع للاسف بعد ان تتكلف وتبني هوية بصرية لا تحسن استخدام الهوية البصرية وبالتالي يذهب مجهودها وجميع المصاريف التي دفعوها سدى

ولذلك حرصت على ان ازود صاحب المشروع بجميع الملفات اللازمه ووضعت له كافه الايقونات وكافه الخطوط وحتى الصور وضعتها له وبعض القوالب الاساسيه ليستخدم الهوية هو بذاته فانا من الامور الاساسيه التي اقدمها انني اجعل صاحب المشروع يكتفي فيه ولا يحتاج الى المصمم في الامور البسيطه جدا فلديه قوالب يمكن ان يستخدمها لمده ثلاثه اشهر مثلا ويبدل بينها كل فتره ثم بعد ثلاث اشهر يمكن ان يعيد تصميمها او يحسنها اكثر واكثر

اذا كنت صاحب المشروع ولديك هوية بصرية ضعيفه او لا تملك اصلا فلا تتردد بالتواصل معي انا سعيد الرشيد مصمم هويات بصرية والسلام عليكم ورحمه الله وبركاته