سيلفر بيراميدز: موقع شركة للتقنية والتسويق، مع مدونة يديرها فريقها بنفسه.

المشكلة

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

ما بنيناه

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

• ثلاثة مجالات للخدمة. للتسويق والتقنية وعلوم الحياة صفحة لكل منها. ولكل خدمة من إحدى عشرة خدمة، من الاستشارات والتصميم إلى الظهور في محركات البحث والتسويق بالبريد، صفحتها مع إجابات عن الأسئلة الشائعة، ولعروض علوم الحياة صفحة لكل نظام من أنظمتها: الوثائق والجودة والدراسات السريرية والسلامة والتسجيل والتقديم.
• مدونة يديرها الفريق. يكتب الفريق كل مقال في محرر للنصوص المنسّقة داخل نظام المحتوى، مع صورة غلاف وتصنيف ووسوم واقتباس، ورابط وعنوان ووصف خاصة به لمحركات البحث. ولا يظهر المقال إلا بعد نشره، وتعرض الصفحة الرئيسية أحدث أربعة مقالات.
• الوصول إلى المقال. تبحث صفحة المدونة في عناوين المقالات، وتصفّيها حسب التصنيف أو الوسم، وترتبها حسب التاريخ أو العنوان، وتعرض عشرة مقالات في كل صفحة.
• تعليقات تُراجع أولاً. يترك القارئ تعليقه تحت المقال، فيصل إلى نظام المحتوى مسودةً، ولا يظهر إلا حين ينشره الفريق.
• ملف الشركة كتاباً. تُقلَّب صفحات ملف الشركة مثل صفحات كتاب مطبوع، وبجانبها زر لتنزيله بصيغة PDF.
• استشارة من الصفحة الرئيسية. في الصفحة الرئيسية وفي صفحة التواصل نموذج قصير يُتحقق من كل حقل فيه، ويُرسل الطلب إلى الشركة بالبريد الإلكتروني، ثم يؤكد على الشاشة أنه أُرسل.
• صفحة بالعربية. صفحة لقراء العربية، من اليمين إلى اليسار، فيها الخدمات ونموذج للاستشارة رسائله بالعربية.
• جاهز للبحث وسريع عند العودة. لكل صفحة عنوانها ووصفها ومعاينتها على الشبكات الاجتماعية، وبيانات الشركة موسومة لمحركات البحث، وخريطة للموقع تسرد صفحاته. ويعمل وسم التحليلات في عامل في الخلفية فلا يؤخر الصفحة، ويحفظ عامل الخدمة صفحات الموقع في المتصفح يوماً كاملاً، أما مقالات المدونة فتُجلب جديدة في كل مرة.

كيف بنيناه

الموقع مبني بـ Next.js وReact. بدأ من قالب جاهز أعدنا تشكيله حول خدمات الشركة، مع Bootstrap للتخطيط وMaterial UI للنماذج. والصفحات التي لا يتغير محتواها ثابتة، فتفتح بسرعة، وكل مقال في المدونة يُبنى على الخادم عند طلبه، فتقرأ محركات البحث المقال كاملاً بعنوانه ووصفه. وتعمل المدونة على Strapi، وهو نظام محتوى مستقل عن الواجهة أعددناه بأنواع للمقالات والتصنيفات والوسوم والتعليقات، مع CKEditor للكتابة. وتُرسَل النماذج عبر EmailJS، ويعمل وسم التحليلات في عامل ويب عبر Partytown. وظل الموقع ينمو بعد إطلاقه: جاءت المدونة أولاً، ثم صفحات علوم الحياة والتعليقات تحت كل مقال.

النتيجة

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

دورنا

قاده فريقنا قبل الاستوديو: الموقع ونظام المحتوى الذي تعمل عليه مدونته.