أفيو — إضاءة LED، مهندسة بدقة

دوري

مصمم منتج — هيكل المعلومات، تجربة المستخدم، الواجهة، نظام الكتالوج، التسليم.

النتيجة

نظام جاهز للإنتاج: قالب رئيسية واحد، كتالوج منتجات قابل للتصفية بأربع كثافات عرض، صفحة تفاصيل منتج كاملة المواصفات (صور مصغّرة، شهادات، دعوة لتنزيل ورقة البيانات، فيديو، منتجات ذات صلة)، فهرس دراسات حالة ببطاقات متبادلة، قالب دراسة حالة طويل، ومركز تنزيلات بثلاث تبويبات — كلها تشترك في تنقل واحد، تذييل واحد، ومكتبة مكونات واحدة.

الأدوات

FigmaDesign TokensIAFiltering & SortResponsiveComponent Library

نظرة عامة

أفيو مصنّع إضاءة LED مجري يبيع في قطاعات الإضاءة الخارجية والصناعية والمعمارية والمقاومة للانفجار عبر أكثر من عشر دول. صممت الموقع التسويقي متعدد الصفحات بالكامل — الرئيسية، كتالوج المنتجات، تفاصيل المنتج، دراسات الحالة، تفاصيل دراسة الحالة، ومركز تنزيلات بثلاث تبويبات (شهادات الشركة، المستندات العامة، الكتالوجات) — حول الطريقة الفعلية التي يتسوق بها محددو المواصفات: تصفية، مقارنة، قراءة ورقة البيانات، تنزيل الشهادة. تجمع اللغة البصرية بين شريط بطل مرجاني ناعم وجسم محايد هادئ، وخط بنكهة IBM Plex، وعناصر تحكم بيضاوية تحافظ على الطابع الإنساني وسط المحتوى الصناعي.

المشكلة

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

السياق

مشترو أفيو هم مهندسو كهرباء ومصممو إضاءة ومسؤولو مشتريات — أناس يحتاجون إخراج اللومن، تصنيفات IK/IP، معامل CRI، الواطية، وورقة بيانات قابلة للتنزيل قبل أن يفكروا حتى في عرض سعر. الموقع القديم كان يقرأ كمنشور دعائي: صور جميلة، بلا فلاتر، بلا أوراق بيانات، بلا دليل. احتاج الفريق موقعاً يحمل كتالوج يزيد على 30 منتجاً عبر ست عائلات فرعية، ويستضيف دراسات حالة حقيقية بشهادات عملاء، ويعرض شهادات الشركة وكتالوجات المنتجات كتنزيلات من الدرجة الأولى.

مبادئ التصميم

01

قشرة دافئة، جوهر تقني

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

02

أحمر واحد، محجوز للفعل

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

03

الكتالوج كأداة حقيقية

صفحة المنتجات تشحن عموداً جانبياً بأعداد لكل عائلة، قائمة فرز، وأربع كثافات عرض. محددو المواصفات يصلون ولديهم نوع تجهيزة في ذهنهم — والواجهة تحترم ذلك.

04

الدليل يعيش على الصفحة

تفاصيل المنتج تحمل شارات IP وIK وCE ضمن السياق؛ دراسات الحالة تعرض صوراً ميدانية حقيقية للتركيب المنجز؛ التنزيلات تعرض شهادات الشركة كمحتوى من الدرجة الأولى، لا كرابط PDF مخفي.

05

التذييل لا يصل إلى طريق مسدود أبداً

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

منهجية العمل

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

الشاشات

01الرئيسية — بطل مقسّم العنوان 'قادة إضاءة LED' مقترن بشريط صورة مصباح فتيلي، كتلة 'من نحن' بأربعة عدادات إحصائية (+10 دول / +2,500 منتج / +10,000 عميل تمت خدمته / 42% متوسط توفير طاقة)، بطاقة دراسة حالة بارزة مع تنقل سابق/تالي، دوّار أفضل المنتجات، شريط شهادات عملاء، وتذييل النشرة البريدية المشترك.

02المنتجات — كتالوج محدد المواصفات. العمود الأيسر يسرد كل الكتالوج (30)، خارجية (4)، داخلية (2)، صناعية (3)، معمارية (12)، LED خطي مرن (4)، طوارئ (3)، مقاومة للانفجار (2). أعلى اليمين قائمة فرز وأربعة مفاتيح كثافة. تسع بطاقات منتجات في شبكة 3×3، كل واحدة بصورة، رقم موديل (GLB-14)، سطر فرعي (عمود إنارة)، وبيضاوية حمراء 'اعرف أكثر'. زر 'عرض المزيد' يرسو أسفل الصفحة.

03تفاصيل المنتج (LKH-60) — صورة رئيسية مع تنقل يمين/يسار، أربع صور مصغّرة أسفلها، ورقة مواصفات على اليمين (كفاءة إضاءة عالية جداً · طاقة خرج قابلة للتعديل · سبيكة ألومنيوم عالية الجودة · تشطيب طلاء بودرة · مضاد للوهج متوفر · ضمان 5 سنوات)، شارات اعتماد IP / IK / CE، بيضاويتا شهادة اختبار وملفات IEE، ودعوة كاملة العرض لتنزيل ورقة البيانات. أسفل الطية: رسم بالأشعة، فيديو منتج مضمّن، شهادات عملاء، ودوّار منتجات ذات صلة.

04فهرس دراسات الحالة — ثلاث بطاقات متبادلة على تدرج مرجاني. كل بطاقة تقرن عنواناً بارزاً ('إعادة تأهيل إضاءة الرافعة')، فقرتين موجزتين، توقيع 'بواسطة Avvio Lighting / Led Lighting Service'، وبيضاوية 'اعرف أكثر' مقابل صورة ميدانية حقيقية للتركيب. أسفل البطاقات، شريط الشهادات المشترك وكتلة النشرة البريدية.

05تفاصيل دراسة الحالة (إعادة تأهيل إضاءة الرافعة) — بطل مقسّم العنوان، لقطة بطل بعرض كامل للتجهيزة، سرد تحدي/حل بعمودين، شريط صور المشروع، رسم تفكيكي لكشاف XPD-40 مع دعوة توضيحية للواط/لومن، لقطة تركيب متحركة بزر تشغيل، شبكة صور مشروع 2×2+1، وبطاقة اقتباس عميل بخمس نجوم ('أفيو غيّرت إضاءتي. تقنية فعّالة وخضراء، وخدمة متميزة!'). تُختم بدعوة 'كن مثل Crane واشعر بالفخامة'.

06التنزيلات · شهادة الشركة — ثلاث بطاقات شهادات (AVVIO Lighting Kft — 45001 EAS، EMS EAS، QMS EAS) معروضة بتصوير ورق مطوي مع لوحة اسم الملف وزر تنزيل أحمر بسهم لأسفل. مركز التنزيلات يستخدم نفس البطل المرجاني كدراسات الحالة للاستمرارية البصرية.

07التنزيلات · المستندات العامة — الحالة الفارغة. قائمة التبويبات الجانبية تبقى ظاهرة مع تمييز المستندات العامة؛ اللوحة تُركز رسالة بسيطة 'لا توجد مستندات بعد' بدلاً من إخفاء التبويب. الثقة لا تتطلب التظاهر بوجود محتوى.

08التنزيلات · الكتالوجات — تدفق الطلب. 'الكتالوجات تُرسل عند الطلب / بمجرد إرسال طلبك سنرسل رسالة بريدية' مع بيضاوية 'إرسال طلب' وحيدة. الكتالوجات الكاملة تبقى مخصصة لمحددي المواصفات المؤهلين دون كسر الشعور بالخدمة الذاتية للتبويبين الآخرين.

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