
Blacksprint
موقع · ستوديو مشاريع · 2025
- تصميم الواجهات
- تطوير الواجهات الأمامية
براندينج وموقع · رعاية صحية · 2025
براند وموقع و Sanity CMS لـLondon DBS، عيادة التحفيز العميق للمخ اللي بيقودها أ.د. إيرليك بيريرا وأ.د. فرانشيسكا مورجانتي، من اللوجو لحد الموقع اللايف.
زور الموقع (بيفتح في تاب جديدة)نظرة عامة
التحفيز العميق للمخ عملية في المخ، والناس اللي بتفكر فيها خايفة. London DBS كانت محتاجة براند وموقع يحسسوك إنهم أول كلام هادي: مين الفريق، الـDBS تقدر تعمل إيه، وإيه اللي هيحصل بعد كده بالظبط.

01بحث
London DBS عيادة متخصصة في التحفيز العميق للمخ، بيقودها جراح المخ والأعصاب أ.د. إيرليك بيريرا وطبيبة المخ والأعصاب أ.د. فرانشيسكا مورجانتي. بتعالج اضطرابات الحركة، وأهمها مرض باركنسون والرعشة الأساسية والديستونيا، وبتشوف المرضى في St George's على الـNHS وفي ست مستشفيات خاصة في لندن.
زوارها مرضى، وفي أحيان كتير أهاليهم اللي بيدوّروا بالنيابة عنهم: ناس عايشين مع حالة الأدوية مجابتش معاها نتيجة، وبيفكروا في عملية. أول حاجة محتاجينها هي الثقة: مين اللي هيعمل العملية، الـDBS تنفع لحالتهم ولا لأ، والخطوات عاملة إزاي فعلًا.
المصادر: London DBS (بيفتح في تاب جديدة)
02بحث
Melbourne DBS، من أقدم عيادات الـDBS وأقواها حضورًا أونلاين، كانت البنشمارك، جنب مواقع عيادات تانية. الهيكل عندها مظبوط: صفحة لكل حالة، الخطوات متقسمة واحدة واحدة، والأبحاث والفريق كله ورا الشغل، و London DBS حافظت على العمود الفقري ده.
اللي كان ناقصها الدفا والإيقاع: صفحات رمادي، حيطان طويلة من الكلام، استشاريين مبيظهروش غير تحت خالص، وجملة في الآخر بتقول للزوار إنهم محتاجين تحويل من دكتور GP الأول. London DBS بترد على كل ده: المؤسسين بالاسم والصورة في أول شاشة، الأزرق والمينت بتوع العيادة بدل الرمادي، الخطوات في أربع خطوات قصيرة، المخاطر في بوب أبس بدل الفقرات، والرسالة العكس في الآخر: مش محتاج تحويل.
03هوية
البداية كانت مود بورد من أشعة الرنين والإلكترودات والإضاءة الطبية الهادية، وبعدها تلات راوندات من اللوجوهات. الأول جرّب علامة التصويب بتاعة الأشعة فوق خلية مخ، ونص مخ، وراس جواها نبض. التاني إدّى المخ شحنة، على شكل برق. التالت حط المخ على خط نبض، والنسخة الأتقل منه بقت اللوجو: باين إنه عن المخ والأعصاب من أول نظرة، وثابت مش دراماتيكي.
الووردمارك بيحط London DBS جنب «Deep brain stimulation» مكتوبة كاملة، عشان محدش يضطر يعرف الاختصار. الباليتة أزرق طبي مع مينت هادي وأبيض دافي على خلفية قريبة من الأسود، متختارة عشان تبان متطورة وحنينة في نفس الوقت، والخطوط بتجمع القطعات العريضة من Helvetica Neue للعناوين مع SF Pro للقراية.
الهدوء الأول، والشطارة بعدين. المريض لازم يحس إن حد واخد باله منه قبل ما ينبهر.
04تصميم
الموقع ماشي ورا أسئلة المريض بالترتيب. الصفحة الرئيسية بتعرّفك بالمؤسسين بالاسم والصورة، والحالات اللي الـDBS بتعالجها، والأربع خطوات من أول استشارة لحد التعافي، وليه عيادة مبتعملش غير DBS حاجة مختلفة. كل حالة ليها صفحتها، مكتوبة للشخص اللي عايش معاها.
صفحة «عن العيادة» بتمشي في الخطوات بالتفصيل، والمخاطر والأعراض الجانبية على بعد ضغطة في بوب أبس واضحة: صريحة، بس عمرها ما بتبقى حيطة تحذيرات. صفحة الفريق فيها مؤهلات كل استشاري، والأبحاث والميديا بتخلي شغل العيادة دايمًا متجدد، وصفحة التواصل بتقول من الأول أهم حاجة: مش محتاج تحويل من GP، ودي مستشفيات الـNHS والمستشفيات الخاصة اللي هتتشاف فيها.
05تطوير
بنيت الموقع بـNext.js والمحتوى على Sanity CMS، عشان العيادة تقدر تنشر الأخبار وظهورها في الميديا والأبحاث، وتحدّث الفريق والحالات، من غير ما تلمس كود. الصفحات متحضّرة مسبقًا وبتتقدم من الـedge بتاع Vercel، ومعاها الـmetadata اللي محركات البحث محتاجاها عشان اللي بيدوّر على DBS في لندن يلاقيها.
لايف على london-dbs.com، من أول اسكتش للوجو لحد الموقع المنشور. في اختبار Lighthouse بتاع Google للموقع اللايف:
اتقاس بـGoogle Lighthouseاختبار Lighthouse 13 للموقع اللايف