دليل التصميم والنماذج الأولية
نماذج أولية لمواقع البلديات الخمس ومنصة المشاركة العامة الرقمية. ضمن مرحلة التصميم، تتم مراجعتها واعتمادها من قبل REFORM قبل التطوير الفعلي.
النموذج الأولي · جاهز للاستعراض
ابدأ من هنا — استعرض النموذج الكامل
جميع الصفحات مترابطة. ادخل من الصفحة الرئيسية وتنقل بين جميع أقسام الموقع باستخدام القائمة العلوية والروابط في التذييل.
22 صفحة · بلدية الشيوخ كنموذج · ستُخصص الألوان لكل بلدية بعد تسلّم الشعارات
Wireframes — low-fi sketches
Phase 0 · validates information architecture-
01Homepage
-
02Generic Page (About / Vision / Privacy)
-
03Council & Departments
-
04Services Index
-
05Service Detail
-
06News Index
-
07News / Announcement Detail
-
08Projects Index (list + map)
-
09Project Detail
-
10Documents Index
-
11Tenders Index
-
12Tender Detail
-
13Contact (form + map)
-
14Gallery + Album
-
15FAQ
-
16Search Results
-
17404 / 503
-
18Public Consultation Landing
-
19Consultation Detail + Response Form
-
20Citizen Dashboard (My Responses)
-
21Outcomes Index (board decisions)
-
22Outcome Detail
Components
Reusable HTML snippetsHigh-fidelity pages
Production-grade · neutral palette · TailwindUI v4 components adapted to RTL/Arabic-
HI-FI · 01Homepage — Ash-ShuyukhHero · quick links · news · DPCM CTA · tenders · projects · footer
-
HI-FI · 02Generic Page (About / Mayor's word)Sidebar nav · author card · long-form prose · prev/next
-
HI-FI · 03Council & DepartmentsFeatured mayor · members grid · departments with org-chart hint
-
HI-FI · 04Services IndexSearch · category sidebar · cards grid · pagination
-
HI-FI · 05Service DetailRequirements · process steps · attachments · sidebar facts
-
HI-FI · 06News IndexFilters · featured/urgent · grid · pagination
-
HI-FI · 07News DetailArticle template · prose · share · tags · related
-
HI-FI · 08Projects IndexStats · map preview · status filters · progress bars
-
HI-FI · 09Project DetailStatus · timeline · gallery · key info sidebar · map
-
HI-FI · 10Documents IndexSidebar filters · sortable table · file icons · download counts
-
HI-FI · 11Tenders IndexUrgent banner · open tenders · closed/awarded table
-
HI-FI · 12Tender DetailCountdown · specs · attachments · addenda timeline · how-to-submit
-
HI-FI · 14GalleryAlbum covers grid · masonry album view · lightbox hint
-
HI-FI · 15FAQSearch · category tiles · accordion groups · "didn't find" CTA
-
HI-FI · 16Search ResultsPersistent search · type sidebar · highlighted matches
-
HI-FI · 17Error pages (404 / 503 / 500)Three states on one preview · helpful CTAs
-
HI-FI · 20Citizen DashboardProfile · stats · tabs (responses / comments / recommended) · account actions
-
HI-FI · 13ContactContact methods · info · map · feedback form
-
HI-FI · 18Public Consultation Landing4 categories · open + closed · outcomes preview · how-it-works
-
HI-FI · 19Consultation Detail + FormIntro · 6 question types · comments box · closing remarks
-
HI-FI · 21Outcomes IndexHero · stats · filters · decisions list with linked consultations
-
HI-FI · 22Outcome DetailDecision text · attached PDFs · related consultations · share
All 21 wireframes now have hi-fi page coverage. Ready for color/branding pass once municipality logos arrive.