ما یک پروژه جدید داریم که نیاز به طراحی و توسعه یک سایت داستانی و تعاملی دارد. این پروژه نیاز به همکاری منظم و هماهنگ از تمام بخش‌ها دارد. در اینجا وظایف هر بخش مشخص شده است تا بتوانیم به درستی پروژه را پیش ببریم: لطفا تنها کسانی پیام دهند که می تونند در 40 روز سایت تموم کنن و تمام بخش هایی که در زیر نام برده شده کامل باشد . نمونه کار بفرستین. مشخصات پروژه: مشتری ما به دنبال طراحی و توسعه یک سایت تعاملی است که داستانی درباره مهاجرت و پناهندگان را از طریق 9 فصل مختلف با محتوای چندرسانه‌ای (متن، عکس، ویدیو، صدا) روایت کند. هر فصل شامل چندین بخش است که باید به صورت جداگانه نمایش داده شود. این سایت باید به‌گونه‌ای طراحی شود که در آینده بتواند داستان‌های بیشتری به آن اضافه شود. وظایف بخش گرافیک و UI/UX: 1. طراحی گرافیکی سایت: − طراحی صفحه اصلی سایت که فقط جایی هست که نا را به داستان ها هدایت میکند(بدون منو هدر فوتر و فعلا فقط یک داستان ۹ قسمتی داریم) - طراحی ۱ صفحه که شامل یک داستان است و این داستان‌ها به صورت لینکی به صفحات جداگانه برای هر فصل ( هر داستان ۹ فصل دارد)هدایت می‌شوند. سایت باید طوری طراحی شود که درآینده بتوان داسنانهایی با هر تغداد فصل مثل این صفخه ساخته شود. - طراحی صفحه اختصاصی هر فصل که شامل بخش‌های مختلف داستان باشد (تقریبا 3 تا 4 بخش در هر فصل). - طراحی انیمیشن‌ها و افکت‌های بصری برای انتقال و نمایش بخش‌های مختلف داستان به شکل جذاب و تعاملی. - طراحی ریسپانسیو برای سازگاری با دستگاه‌های مختلف (موبایل، تبلت، دسکتاپ). - طراحی نوار منو و سیستم ناوبری ساده و کاربرپسند برای دسترسی آسان به بخش‌های مختلف داستان. − فیلم ها صدا و عکس های با کیفیت برای هر فصل آماده هست. 2. UI/UX: - طراحی رابط کاربری (UI) به گونه‌ای که تجربه کاربری (UX) ساده، جذاب و بدون پیچیدگی باشد. - برنامه‌ریزی و طراحی نحوه انتقال بین صفحات و تعاملات کاربر (مثل اسکرول، کلیک‌ها، نمایش محتوا). - طراحی صفحات به شکلی که محتوای چندرسانه‌ای به راحتی بارگذاری شود و کاربر بتواند به راحتی به قسمت‌های مختلف دسترسی پیدا کند. وظایف بخش برنامه‌نویسی (فرانت‌اند و بک‌اند): 1. فرانت‌اند (Front-End): - برنامه‌نویسی صفحات سایت با استفاده از HTML، CSS و JavaScript. - پیاده‌سازی React یا Vue.js برای ایجاد تعاملات پیشرفته مانند اسکرولینگ (scrollytelling)، حرکت بین بخش‌ها، و مدیریت داده‌های مختلف. - ساخت سیستم‌های تعاملی که محتوای مختلف (عکس، ویدیو، صدا) به‌خوبی نمایش داده شوند و کاربر تجربه‌ای روان و جذاب داشته باشد. - پیاده‌سازی انیمیشن‌ها و افکت‌های گرافیکی برای صفحات مختلف و بخش‌های متنی. - ایجاد واکنش‌گرایی (Responsive Design) برای نمایش سایت به‌درستی در دستگاه‌های مختلف (موبایل، تبلت، دسکتاپ). 2. بک‌اند (Back-End): - طراحی و توسعه پایگاه داده برای ذخیره‌سازی محتوای چندرسانه‌ای و متنی. - اتصال به سرور و ایجاد API برای ارسال و دریافت داده‌ها از صفحات مختلف سایت. - انجام آزمایش‌ها برای اطمینان از عملکرد صحیح سایت، بهینه‌سازی سرعت بارگذاری و عملکرد سایت. - اطمینان از امنیت سایت و پشتیبانی از مقیاس‌پذیری در صورت اضافه شدن داستان‌ها و فصول جدید در آینده. − طزاحی ۲ زبانه انگلیسی و فرانسوی. خواسته‌های مشتری: - مشتری به یک سایت تعاملی و جذاب با طراحی مدرن و ریسپانسیو نیاز دارد. - سایت فعلا باید شامل یک داستان باشد که هر کدام از آن‌ها دارای 9 فصل با 3 تا 4 بخش است. - در آینده، باید این سایت به گونه‌ای طراحی شود که بتوان داستان‌های جدید را به آن اضافه کرد بدون اینکه ساختار آن دچار مشکل شود. - محتوای سایت شامل متن، عکس، ویدیو و صدا است که باید به صورت جذاب و در تعامل با کاربر نمایش داده شود. - طراحی باید به گونه‌ای باشد که تجربه کاربری راحت و ساده باشد. لینک نمونه کارهای مشابه : https://walk-in-my-shoes.be/ https://view.genially.com/618bbb356d40dc0e1bb86591/presentation-les-routes-de-la-honte https://ourworld.justdiggit.org/en https : //artsexperiments.withgoogle.com/meroe/ Pour les contraintes techniques non