کاملاً رایگانپیش‌نمایش رایگان سایتت
همه‌ی نمونه‌کارها
نمای سایت سفره سبز اطعام
مؤسسه‌ی خیریه · اهدای آنلاین

سفره سبز اطعام

سایت مؤسسه‌ی خیریه‌ی سفره سبز اطعام در تهران؛ کمپین‌های نیکوکاری با نوار پیشرفت، اهدای آنلاین با مبلغ دلخواه و انتخاب دومرحله‌ای موضوع کمک، استعلام عمومی رسید و گزارش شفافیت — با طراحی روشن و خوانا برای همه‌ی سنین.

سال ۱۴۰۵پروژه‌ی ایرانی 🇮🇷طراحی و توسعه‌ی کامل توسط فراکو

تکنولوژی‌های استفاده‌شده

Next.jsReactTypeScriptJavaScriptNode.jsTailwind CSSPrismaPostgreSQLZibal APIHTML5CSS3

پالت رنگی پروژه

#0B3D2A#176B46#D7A53F#F8F4EA
مشاهده‌ی سایت کامل

درباره‌ی پروژه

سایت خیریه یک کار اصلی دارد: کسی که تصمیم به کمک گرفته، باید بی‌تردید و بی‌سردرگمی کمکش را برساند. مخاطب این سایت از هر سن و هر سطح آشنایی با اینترنت است؛ برای همین طراحی روشن، یک خانواده‌ی قلم و مقیاس محدودی از اندازه‌ی متن انتخاب شد. یک نسخه‌ی تیره و سینمایی هم کامل ساخته و بررسی شد و کنار رفت، چون صفحه‌ای که باید رمزگشایی شود همین مخاطب را از دست می‌دهد.

پیش از طراحی نهایی، هفت سایت خیریه بررسی شد و پالت، ترکیب قلم، چیدمان نمای اول و مسیر اهدا از دل همان بررسی بیرون آمد. سبز و طلایی رنگ‌های هویت خود مؤسسه‌اند؛ کنتراست هر ترکیب اندازه‌گیری شد و طلایی هرگز به‌عنوان متن روی زمینه‌ی روشن استفاده نشد، چون آنجا خوانا نیست.

در فرم اهدا، اهداکننده اول موضوع اصلی کمک را انتخاب می‌کند و بعد زیرشاخه‌های همان موضوع ظاهر می‌شوند. موضوع تازه — مثلاً کمک به سیل‌زدگان — را خود مؤسسه از پنل اضافه می‌کند و نیازی به تغییر کد نیست. عنوانی که روی رسید چاپ می‌شود سمت سرور ساخته می‌شود، نه از مرورگر، تا کسی نتواند متن رسید را دستکاری کند.

مبلغ‌ها به ریال و به‌صورت عدد صحیح ذخیره می‌شوند و هیچ کمکی پیش از راستی‌آزمایی سمت سرور، با مبلغی که خود سایت ثبت کرده، «پرداخت‌شده» نمی‌شود. برای تراکنش‌های ناتمام هم مسیر پیگیری جداگانه‌ای ساخته شده، چون در درگاه‌های ایرانی پرداختی که تأیید نشود به پرداخت‌کننده برگردانده می‌شود.

هر اهداکننده با کد رهگیری، رسید کمکش را در صفحه‌ی عمومی استعلام می‌کند و گزارش‌های مؤسسه در سایت منتشر می‌شود؛ در کار خیریه، شفافیت همان چیزی است که کمک دوم را ممکن می‌کند.

پنل مدیریت کمپین‌ها، موضوع‌های کمک، کمک‌های دریافتی، رویدادها، اخبار و پیام‌ها را پوشش می‌دهد و تغییرات در گزارش رخدادها ثبت می‌شود. مجوز هر عمل مدیریتی سمت سرور و با نقشی که از پایگاه داده خوانده می‌شود بررسی می‌شود، نه صرفاً با پنهان‌کردن دکمه.

امکانات کلیدی

  • ✓کمپین‌های نیکوکاری با نوار پیشرفت
  • ✓اهدای آنلاین با مبلغ دلخواه
  • ✓انتخاب دومرحله‌ای موضوع کمک
  • ✓استعلام عمومی رسید با کد رهگیری
  • ✓گزارش شفافیت و اخبار مؤسسه
  • ✓ثبت‌نام داوطلب و تقویم رویدادها
  • ✓راستی‌آزمایی پرداخت سمت سرور
  • ✓پنل مدیریت با گزارش رخدادها

سایت بعدی، سایت شما

نمونه‌ی رایگان صفحه‌ی اصلی برند خودتان را بگیرید؛ پیش از هر پرداختی نتیجه را ببینید.

نمونه‌ی رایگان سایتم را بسازید