→ كل الأعمال
CASE 06

حرّاس السطور — تطبيق قراءة تفاعلي

تطبيق ويب مخصص لقراءة رواية «حرّاس السطور»، بفهرس فصول، تحكم كامل في نوع الخط وحجمه، وثلاث خلفيات قراءة (ورقي، سيبيا، ليلي) — تجربة قراءة رقمية مصممة خصيصًا للنص، مش قالب عام.

زيارة المشروع ↗ عايز حاجة شبه دي
SECTOR
أدب ونشر رقمي
ROLE
كتابة + تصميم + تطوير
THEMES
ورقي / سيبيا / ليلي
FONTS
٤ خطوط عربية
لقطة من واجهة حرّاس السطور — تطبيق قراءة

التحدي

النصوص الأدبية العربية بتتنشر غالبًا كـPDF أو داخل قوالب مدونات مش مصممة للقراءة الطويلة. النتيجة: تباعد أسطر غلط، خط مش مريح، ومفيش وضع ليلي — فالقارئ بيسيب النص بعد صفحتين.

الحل

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

  • فهرس فصول كامل مع تتبع نسبة التقدم في القراءة.
  • أربعة خطوط عربية للاختيار (أميري، القاهرة، عارف رقعة، توّال).
  • تحكم في حجم الخط بزيادة ونقصان.
  • ثلاث خلفيات قراءة: ورقي، سيبيا، وليلي.
  • تنقل بين الفصول بأزرار واضحة.
  • تباعد أسطر وعرض سطر مضبوطين للقراءة الطويلة بالعربي.

النتيجة: مشروع بيجمع الجانبين اللي بشتغل فيهم: الكتابة الأدبية والتطوير — والنتيجة تجربة قراءة مصمّمة للنص نفسه.

التقنيات

HTML5CSS3JavaScriptTypographyDark Mode
→ أداة استعلام نتيجة الثانوية
LET'S BUILD

عندك فكرة مشروع؟

خليني أساعدك أحوّلها لمنتج شغال — من أول استشارة الفكرة لحد التسليم والدعم بعده.

تواصل معايا الآن