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

هذه المقالة تحتوي على:

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

هيا لنبدأ بالرسم وأولا نرسم كمبيوترا وسماعات و…. ❌ طبعا لن أفعل هذا.. فليس التصميم مجرد رسمة بسيطة..

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

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

dsc00791 optimized

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

dsc00781 optimized

المنافسون

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

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

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

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

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

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

— أهم القطع في الجهاز هي المعالج وكرت الشاشة وكلاهما رقيقة إلكترونية على دارة ويعتبران مثل عقل الجهاز الذي تأتي كل المعلومات والبيانات إليهمنا فهما المركز

— يعد التبريد مهما جدا في كل الأجهزة وله أشكال كثيرة وتعتبر مراوح التبريد شيئا محوريا وله أشكال فنية كثيرة فأستطيع استخدامه في شعاري أيضا

التوجه الفني لتصميم هوية بصرية

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

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

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

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

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

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

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

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

dsadd optimized

الشعار النصي

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

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

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

dsc00789 optimized

اختيار الألوان

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

هوية بصرية لمتجر إلكتروني 12
Main title 4

اختيار الخط

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

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

التطبيقات

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

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

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

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

وهنا أيضا النمط المكرر مع أي عبارة يمكن وضعها على أي قميص يمكن أن نقدمه كهدية عند شراء منتجات منا

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

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

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

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

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

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

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

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

هل تبحث عن مصمم لمشروعك

ماذا تنتظر إذن؟!  لا تتردد في التواصل معنا والحصول على استشارة مجانية والتواصل معنا مباشرة

مقالات ذات صله

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Scroll to Top