اتنقل للمحتوى
/
  • الشغل01
  • عني02
  • كلمني03
نزّل الـCVPDF · صفحتين
  • LinkedIn (بيفتح في تاب جديدة)
  • Behance (بيفتح في تاب جديدة)
  • Dribbble (بيفتح في تاب جديدة)
  • GitHub (بيفتح في تاب جديدة)
  • Instagram (بيفتح في تاب جديدة)

أحمد حسن · بورتفوليو ©2026

English
الشغلعنيكلمني↗
EnglishCV

عندك فكرة منتج؟

يلايلا  نخليهانخليهاحقيقة.حقيقة.

قول أهلاًقولقول  أهلاًأهلاً↗
© 2019–2026 أحمد حسن·ارجع لفوق ↑
DBS شغال0.0 mA130 Hz
← كل الشغل

براندينج وموقع · رعاية صحية · 2025

London DBS

براند وموقع و Sanity CMS لـLondon DBS، عيادة التحفيز العميق للمخ اللي بيقودها أ.د. إيرليك بيريرا وأ.د. فرانشيسكا مورجانتي، من اللوجو لحد الموقع اللايف.

زور الموقع (بيفتح في تاب جديدة)↗
العميل
London DBS
الدور
براند وبحث وتصميم وتنفيذ
نطاق الشغل
براند وموقع و CMS
الستاك
Figma · Next.js · Sanity · Vercel
  • براندينج
  • أبحاث المستخدم
  • تصميم الواجهات
  • تطوير الواجهات الأمامية

نظرة عامة

التحفيز العميق للمخ عملية في المخ، والناس اللي بتفكر فيها خايفة. London DBS كانت محتاجة براند وموقع يحسسوك إنهم أول كلام هادي: مين الفريق، الـDBS تقدر تعمل إيه، وإيه اللي هيحصل بعد كده بالظبط.

الصفحة الرئيسية لـLondon DBS على لابتوب

01بحث

البحث

London DBS عيادة متخصصة في التحفيز العميق للمخ، بيقودها جراح المخ والأعصاب أ.د. إيرليك بيريرا وطبيبة المخ والأعصاب أ.د. فرانشيسكا مورجانتي. بتعالج اضطرابات الحركة، وأهمها مرض باركنسون والرعشة الأساسية والديستونيا، وبتشوف المرضى في St George's على الـNHS وفي ست مستشفيات خاصة في لندن.

زوارها مرضى، وفي أحيان كتير أهاليهم اللي بيدوّروا بالنيابة عنهم: ناس عايشين مع حالة الأدوية مجابتش معاها نتيجة، وبيفكروا في عملية. أول حاجة محتاجينها هي الثقة: مين اللي هيعمل العملية، الـDBS تنفع لحالتهم ولا لأ، والخطوات عاملة إزاي فعلًا.

التحسن المعتاد في رعشة الإيد
80%
مستشفيات في لندن، NHS وخاص
7
اضطرابات حركة بتتعالج
3
فتحات الجمجمة في العملية
2 مم

المصادر: London DBS (بيفتح في تاب جديدة)

02بحث

البنشمارك

Melbourne DBS، من أقدم عيادات الـDBS وأقواها حضورًا أونلاين، كانت البنشمارك، جنب مواقع عيادات تانية. الهيكل عندها مظبوط: صفحة لكل حالة، الخطوات متقسمة واحدة واحدة، والأبحاث والفريق كله ورا الشغل، و London DBS حافظت على العمود الفقري ده.

اللي كان ناقصها الدفا والإيقاع: صفحات رمادي، حيطان طويلة من الكلام، استشاريين مبيظهروش غير تحت خالص، وجملة في الآخر بتقول للزوار إنهم محتاجين تحويل من دكتور GP الأول. London DBS بترد على كل ده: المؤسسين بالاسم والصورة في أول شاشة، الأزرق والمينت بتوع العيادة بدل الرمادي، الخطوات في أربع خطوات قصيرة، المخاطر في بوب أبس بدل الفقرات، والرسالة العكس في الآخر: مش محتاج تحويل.

البنشمارك: Melbourne DBS

  • The الرئيسية page

    الرئيسية

  • The عن الـDBS page

    عن الـDBS

  • The مرض باركنسون page

    مرض باركنسون

  • The الفريق page

    الفريق

03هوية

البراند

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

الووردمارك بيحط London DBS جنب «Deep brain stimulation» مكتوبة كاملة، عشان محدش يضطر يعرف الاختصار. الباليتة أزرق طبي مع مينت هادي وأبيض دافي على خلفية قريبة من الأسود، متختارة عشان تبان متطورة وحنينة في نفس الوقت، والخطوط بتجمع القطعات العريضة من Helvetica Neue للعناوين مع SF Pro للقراية.

من المود بورد للوجو

  • المود بورد's app

    المود بوردأشعة، إلكترودات، إضاءة طبية

  • الراوند 1's app

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

  • الراوند 2's app

    الراوند 2مخ فيه شحنة

  • الراوند 3's app

    الراوند 3المخ على خط نبض

  • اللوك أب's app

    اللوك أبمع الاسم مكتوب كامل

  • نسخ الألوان's app

    نسخ الألوانللفاتح والغامق

  • الألوان's app

    الألوانأزرق، مينت، أبيض دافي

  • الخطوط's app

    الخطوطHelvetica Neue و SF Pro

  • في الاستخدام's app

    في الاستخداميافطات، بالطوهات، تغليف

الهدوء الأول، والشطارة بعدين. المريض لازم يحس إن حد واخد باله منه قبل ما ينبهر.

04تصميم

اتصمم على Figma

الموقع ماشي ورا أسئلة المريض بالترتيب. الصفحة الرئيسية بتعرّفك بالمؤسسين بالاسم والصورة، والحالات اللي الـDBS بتعالجها، والأربع خطوات من أول استشارة لحد التعافي، وليه عيادة مبتعملش غير DBS حاجة مختلفة. كل حالة ليها صفحتها، مكتوبة للشخص اللي عايش معاها.

صفحة «عن العيادة» بتمشي في الخطوات بالتفصيل، والمخاطر والأعراض الجانبية على بعد ضغطة في بوب أبس واضحة: صريحة، بس عمرها ما بتبقى حيطة تحذيرات. صفحة الفريق فيها مؤهلات كل استشاري، والأبحاث والميديا بتخلي شغل العيادة دايمًا متجدد، وصفحة التواصل بتقول من الأول أهم حاجة: مش محتاج تحويل من GP، ودي مستشفيات الـNHS والمستشفيات الخاصة اللي هتتشاف فيها.

الصفحات

  • The الرئيسية page

    الرئيسية

  • The عن العيادة page

    عن العيادة

  • The الفريق page

    الفريق

  • The الحالات page

    الحالات

  • The صفحة حالة page

    صفحة حالة

  • The الميديا page

    الميديا

  • The تواصل معانا page

    تواصل معانا

05تطوير

اتبنى بـNext.js، وشغال على Sanity

بنيت الموقع بـNext.js والمحتوى على Sanity CMS، عشان العيادة تقدر تنشر الأخبار وظهورها في الميديا والأبحاث، وتحدّث الفريق والحالات، من غير ما تلمس كود. الصفحات متحضّرة مسبقًا وبتتقدم من الـedge بتاع Vercel، ومعاها الـmetadata اللي محركات البحث محتاجاها عشان اللي بيدوّر على DBS في لندن يلاقيها.

لايف، على الموبايل

  • The الرئيسية page on a phone

    الرئيسية

  • The عن العيادة page on a phone

    عن العيادة

  • The الفريق page on a phone

    الفريق

  • The الحالات page on a phone

    الحالات

  • The الأخبار والميديا page on a phone

    الأخبار والميديا

  • The تواصل معانا page on a phone

    تواصل معانا

من Figma
للايف

  1. 01Figmaالبراند والتصميم
  2. 02Next.jsتطوير الواجهات الأمامية
  3. 03Sanityإدارة المحتوى
  4. 04Vercelالنشر

النتايج

لايف على london-dbs.com، من أول اسكتش للوجو لحد الموقع المنشور. في اختبار Lighthouse بتاع Google للموقع اللايف:

اتقاس بـGoogle Lighthouseاختبار Lighthouse 13 للموقع اللايف

  • 0193الأداء على الديسكتوب
  • 0296إمكانية الوصول على الموبايل
  • 0396أفضل الممارسات
  • 041.4ثانيةظهور أكبر عنصر على الديسكتوب

كمّل
استكشف

كل الشغل→
  • Blacksprint

    موقع · ستوديو مشاريع · 2025

    • تصميم الواجهات
    • تطوير الواجهات الأمامية
  • Bliphub

    موقع · وكالة ماركتنج · 2025

    • أبحاث المستخدم
    • تصميم الواجهات
  • Anubis

    تطبيق موبايل · فنون قتالية · 2025

    • أبحاث المستخدم
    • تصميم الواجهات