شرح پروژه

برای برند یوتوبری YoutuberSho1 قصد داریم یک وب‌سایت مدرن و جذاب طراحی و پیاده‌سازی کنیم. طراحی باید به‌صورت کاملاً حرفه‌ای و دو مرحله‌ای باشد: مرحلهٔ اول تهیه و نهایی‌سازی کامل طرح‌ها و صفحات در فیگما یا ابزارهای مشابه و تأیید همهٔ بخش‌ها؛ مرحلهٔ دوم پیاده‌سازی فنی و اجرای سایت بر بستر وردپرس با قالب Salient. وب‌سایت باید با الهام از طراحی‌های مدرن و مینیمال (مانند Trendship، Hestia 2008 و Astrarise) دارای پس‌زمینه‌های پویا، تایپوگرافی بزرگ و انیمیشن‌های ظریف باشد.

صفحات و بخش‌ها

بخش نقد کردن درآمد یوتیوب: توضیح کامل دربارهٔ فرآیند نقد درآمد، امنیت و مزایا؛ استفاده از چند اکانت ادسنس برای کاهش ریسک، پایش ۲۴ ساعته و کارمزد پایین ؛ فرم ثبت کانال شامل نام، تلفن، ایمیل و لینک کانال

؛ بخش پرسش‌های متداول.

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

ثبت مشاوره: امکان رزرو مشاوره رایگان یا تخصصی با فرم ثبت درخواست؛ اتصال به سیستم رزرو زمان؛ توضیح مزایای تحلیل کانال و افزایش بازدید و درآمد

.

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

بخش‌های تکمیلی: صفحهٔ «درباره ما» با معرفی تیم و گواهی‌نامه‌ها

صفحهٔ «تماس با ما»؛ پرسش‌های متداول.

ویژگی‌های طراحی و فنی

طراحی در فیگما: ابتدا تمام صفحات و عناصر UI در فیگما طراحی و پس از تأیید ما، وارد فاز کدنویسی وردپرس می‌شویم.

قالب Salient: بهره‌گیری از امکانات قالب سالینت نظیر دموهای متنوع، المان‌های آماده، انیمیشن‌های فراوان .

طراحی الهام‌بخش: استفاده از پس‌زمینه‌های متحرک (پارتیکل و 3D)، تایپوگرافی درشت، رنگ‌بندی مینیمال و انیمیشن‌های لطیف مشابه سایت‌های نمونه.

کاملاً واکنش‌گرا: سازگاری با موبایل، تبلت و دسکتاپ؛ سرعت بارگذاری و سئوی مناسب.

RTL: پشتیبانی کامل از زبان فارسی و راست‌به‌چپ

ادغام افزونه‌ها: استفاده از ووکامرس برای فروش دوره‌ها؛ افزونه‌های فرم‌ساز برای مشاوره؛ افزونه‌های امنیتی و کش؛ افزونه‌های SEO.

پنل مدیریت آسان: امکان ویرایش و افزودن محتوا بدون نیاز به کدنویسی.

امنیت و عملکرد: نصب پلاگین‌های امنیتی و بهینه‌سازی برای سرعت و پایداری.

ما به دنبال یک فریلنسر خلاق هستیم که یک نقشه تعاملی (Interactive Map) طراحی یا پیاده‌سازی کند. این نقشه قرار است در وب‌سایت قرار بگیرد و رویدادهای گذشته و آینده‌ی برند Espresso را نمایش دهد.

شرح نیازها:

نقشه باید شخصی‌سازی شده و از نظر بصری هماهنگ با هویت برند Espresso باشد.

در نقشه شهرهایی مشخص شوند:

رویدادهای گذشته:

USA: Denver, San Francisco, New York

France: Cannes

Thailand: Bangkok

Belgium: Brussels

Germany: Berlin

رویدادهای آینده:

Korea: Seoul

Argentina: Buenos Aires

خروجی نهایی می‌تواند یکی از این دو حالت باشد:

طراحی در Figma (با قابلیت تعامل مثل کلیک روی Marker و دیدن اطلاعات)

وب‌اپلیکیشن MVP (HTML/CSS/JS یا React با Leaflet/Mapbox) که قابلیت Embed در وب‌سایت داشته باشد.

تحویل پروژه:

اگر طراحی استاتیک است: یک لینک Figma با دسترسی عمومی

اگر توسعه وب است: لینک Demo یا سورس کد برای تست

مهارت‌های مورد نیاز:

طراحی رابط کاربری (UI/UX) در Figma

یا توسعه Frontend (HTML, CSS, JavaScript / React)

تجربه کار با ابزار نقشه (Mapbox یا Leaflet) امتیاز محسوب می‌شود

Brand kit Espresso https://www.figma.com/design/p0dZ2mgZBjnxD8OYNBt2P2/

فروش مستقیم: خرید عادی با قیمت پایه و تخفیف

هر محصول شامل موارد زیر است: نام، توضیح کوتاه، توضیح بلند قیمت پایه دسته‌بندی و تگ‌ها تصاویر امکان پخش ویدئو نقد و بررسی محصول متصل به آپارات انتهای برگه محصول موجودی انبار

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

۳. کاربران (Users) امکانات کاربری: ثبت‌نام و ورود با شماره موبایل و OTP مدیریت چند آدرس پروفایل کاربری کیف پول دیجیتال (انتقال وجه، برداشت، بازگشت وجه) پرداخت از طریق درگاه، کیف پول یا سرویس‌های اعتباری (مثل اسنپ‌پی، تارا)

۵. مدیریت (Admin Panel) قابلیت‌های پنل ادمین: مدیریت محصولات: کنترل موجودی انبار مدیریت سفارش‌ها: تغییر وضعیت، ریفاند مدیریت کاربران: مشاهده اطلاعات، کیف پول، مسدودسازی مدیریت تیکت‌های پشتیبانی مشاهده داشبورد و آمار (سفارش‌ها، مالی)

۶. پرداخت و تراکنش‌ها روش‌های پرداخت: درگاه‌های پرداخت آنلاین (زرین‌پال و ملت و ملی)

۷. تغییری کوچک درگرافیک صفحه محصول

8.وصل شدن پنل پیامکی جهت ارسال پیام تشکر و ثبت سفارش مشتری

هدف از این پروژه «طراحی UI/UX حرفه‌ای اپلیکیشن موبایل» می‌باشد. شرایط اجرای کار به شرح ذیل اعلام می‌گردد. تاکید می‌شود که این یک پروژه کاملاً جدی است. دوستانی که در این زمینه کار نکرده‌اند یا تجربه کافی یا وقت ندارند از پس آن برنخواهند آمد. مجری نهایی پس از تماس تلفنی انتخاب خواهد شد : 1- طراحی UI/UX باید براساس سند نیازمندی‌ها انجام گیرد. 2- رابط کاربری باید کاملاً واکنش‍گرا و دسترسی‌پذیر مطابق الزامات ذیل باشد. 3- رابط کاربری باید پوشش‌دهنده تمامی فرآیند‌ها و فرم‌های مندرج در سندنیازمندی‌ها (حتی فرم‌های جزئی و حاشیه‌ای) باشد. 4- گرافیست باید نمونه‌کارهایی با کیفیت مناسب و متناسب با این پروژه ارائه دهد. 5- مهلت اجرای پروژه محدود و حداکثر 7 روز می‌باشد. 6- در پایان کار، کیفیت و زیبایی رابط کاربری باید مورد تایید اینجانب قرار بگیرد. در غیر اینصورت گرافیست متعهد به بازطراحی قالب است. 7- سند نیازمندی‌ها ممکن است به میزان 10% تغییر داشته باشد و در اثناء یا انتهای کار به گرافیست اعلام گردد. گرافیست متعهد به تغییر رابط کاربری می‌باشد. 8- در پایان، خروجی اقدامات گرافیست باید در قالب طرح فیگما تحویل گردد.همچنین باید کلیه فونت‌ها و بقیه فایل‌های مرتبط هم تحویل گردند. 9- توقع می‌رود انیمیشن‌ها و افکت‌های جذابی در رابط کاربری ایجاد گردد. 10- نیازی به برنامه‌نویسی با فریم‌ورک‌های جاوااسکریپتی نیست و فقط طراحی و تحویل قالب نهایی مورد نیاز است. 11- لازم است مجری پس از دریافت سند نیازمندی‌ها، پیشنهاد خود را (شامل برآورد زمان، هزینه و روش و جزئیاتی از اجرا) جهت اجرای این درخواست اعلام نماید.

الزامات واکنش‌گرایی :
    طراحی با در نظر گرفتن چند اندازه صفحه‌نمایش (گوشی‌های کوچک، متوسط، بزرگ، تبلت)
    استفاده از Grid و Layout منعطف برای چیدمان عناصر
    طراحی عناصر با قابلیت کش‌پذیری (scalable) و بدون وابستگی به اندازه ثابت
    در نظر گرفتن فضای کافی برای متن‌ها در حالت بزرگ‌نمایی
    اجتناب از قرار دادن عناصر مهم در لبه‌های صفحه (تداخل با gesture areas)
    طراحی با در نظر گرفتن safe area و notch (عدم قرارگیری عناصر در نواحی غیرقابل استفاده)
    طراحی نسخه‌های Portrait و Landscape
الزامات دسترسی‌پذیری :
    انتخاب رنگ‌ها با کنتراست مناسب برای خوانایی بهتر (مطابق با استاندارد WCAG)
    استفاده از فونت‌های خوانا و سیستم‌محور (نه فونت‌های تزئینی یا پیچیده)
    طراحی با سلسله‌مراتب بصری واضح (تیترها، متن‌ها، دکمه‌ها)
    اجتناب از استفاده از متن داخل تصویر (غیرقابل خواندن توسط screen reader)
    طراحی آیکون‌های واضح، قابل فهم و با معنا
    در نظر گرفتن حالت‌های Dark Mode و Light Mode در طراحی رنگ‌ها
    طراحی دکمه‌ها و عناصر قابل تعامل با اندازه مناسب برای لمس راحت
    در نظر گرفتن فضای کافی بین عناصر برای جلوگیری از اشتباه در لمس
آماده‌سازی خروجی برای توسعه‌دهنده :
    ارائه طراحی در قالب‌ قابل استفاده (مثل Figma)
    استفاده از واحدهای نسبی در اندازه‌گذاری (مثل dp یا pt به‌جای px)
    نام‌گذاری منظم لایه‌ها و گروه‌ها برای فهم بهتر توسعه‌دهنده
    ارائه راهنمای رنگ‌ها، فونت‌ها و فاصله‌ها (Style Guide یا Design System)

سلام و احترام، بنده نیاز دارم اخبار بخش «اخبار فوری» وب‌سایت ارزدیجیتال در قالب یک آرایه JSON با زبان php استخراج شود. هر آبجکت داخل این آرایه باید شامل فیلدهای زیر باشد:

rowid imageurl title description created_date source

زمان‌بندی انجام پروژه: حداکثر دو تا سه روز معیار انتخاب: کمترین قیمت پیشنهادی

با سپاس از همکاری شما برنامه‌نویسان عزیز ایران 🌹

موضوع پروژه: طراحی و پیاده‌سازی وب‌سایت برند شخصی، آموزشی و مشاوره برای استراتژیست نوآوری (مبتنی بر وردپرس)

با سلام و احترام،

این پروژه به دنبال طراحی و پیاده‌سازی یک وب‌سایت حرفه‌ای، مدرن و جامع برای برند شخصی دکتر امین ترکمان به عنوان “استراتژیست نوآوری و تجاری‌سازی” است. هدف اصلی این وب‌سایت، ایجاد یک پلتفرم متمرکز برای ارائه خدمات مشاوره مدیریت به سازمان‌ها، فروش دوره‌های آموزشی آنلاین (LMS)، و انتشار محتوای تخصصی (مقالات و یادداشت‌ها) جهت تثبیت جایگاه برند (Brand Positioning) است.

۱. چشم‌انداز و فلسفه طراحی:

وب‌سایت باید تلفیقی هوشمندانه از سه کارکرد اصلی باشد:

مرجع تخصصی (Authority Hub): نمایش تخصص، سوابق (رزومه پیوست شده)، مقالات و مطالعات موردی. ماشین جذب لید (Lead Generation Machine): جذب مشتریان بالقوه برای خدمات مشاوره سازمانی. پلتفرم آموزشی (E-Learning Platform): فروش و ارائه دوره‌های آنلاین با تجربه کاربری روان. الهام‌بخش‌ها:

ساختار و شفافیت: وب‌سایت عادل طالبی (AdelTalebi.com) به عنوان یک نمونه موفق ایرانی در برندینگ شخصی و ارائه خدمات. مدل کسب‌وکار محتوا و فروش دوره: وب‌سایت رامیت سثی (IWillTeachYouToBeRich.com) به عنوان یک الگوی جهانی در تبدیل محتوا به محصولات آموزشی پرفروش. ۲. ساختار و صفحات کلیدی مورد نیاز:

وب‌سایت باید دارای ساختار جامع و معماری اطلاعات دقیق باشد. صفحات اصلی مورد نیاز عبارتند از:

صفحه اصلی (Homepage):

یک Hero Section قدرتمند با یک بیانیه ارزش (Value Proposition) شفاف و گیرا (مثلاً: “از نوآوری، ثروت پایدار خلق کنید”).

بخش اثبات اجتماعی (Social Proof) با نمایش لوگوی مشتریان و سازمان‌های معتبر (مانند سامسونگ، ایرانسل، همراه اول، فناپ و…).

معرفی خدمات اصلی به صورت بخش‌های مجزا: مشاوره، دوره‌های آموزشی، یادداشت‌ها.

معرفی یک دوره کلیدی (Flagship Course) برای جلب توجه.

بخش کوتاه “درباره من” با لینک به صفحه کامل.

فرم عضویت در خبرنامه با یک هدیه رایگان (Lead Magnet) ارزشمند (مانند کتاب الکترونیکی یا یک وبینار کوتاه).

صفحه درباره من (About):

روایت داستان حرفه‌ای، فلسفه کاری، رزومه کامل (تحصیلی، اجرایی، تدریس)، گواهینامه‌ها و تالیفات (محتوای کامل در فایل PDF پیوست شده موجود است).

صفحه خدمات مشاوره (Consulting Services):

عنوان‌گذاری دقیق: “خدمات مشاوره استراتژیک نوآوری و تجاری‌سازی”.

تعریف مخاطب هدف (مدیران ارشد سازمان‌های متوسط و بزرگ).

شرح دقیق خدمات قابل ارائه (مثلاً: طراحی استراتژی نوآوری، تجاری‌سازی محصول، پیاده‌سازی OKR، قیمت‌گذاری استراتژیک).

نمایش فرآیند همکاری (از جلسه اکتشافی تا اجرای پروژه).

فرم درخواست مشاوره اختصاصی.

صفحه دوره‌های آموزشی (Courses):

این صفحه به عنوان یک هاب برای دو بخش عمل می‌کند:

دوره‌های آنلاین (برای افراد): نمایش دوره‌ها به صورت کارت‌هایی جذاب با اطلاعات کلیدی (عنوان، قیمت، مدرس) و لینک به صفحه فروش هر دوره. دوره‌های سازمانی (برای شرکت‌ها): توضیح رویکرد آموزش‌های سازمانی، لیست سرفصل‌های قابل ارائه، و دعوت به تماس (Call to Action) برای هماهنگی. صفحه فروش دوره (Single Course / Sales Page):

طراحی حرفه‌ای و متقاعدکننده برای هر دوره با ویدیو معرفی، سرفصل‌ها، نظرات دانشجویان، پیش‌نیازها و دکمه ثبت‌نام.

صفحه وبلاگ / یادداشت‌ها (Blog / Insights):

برای انتشار مقالات، مطالعات موردی (Case Studies) و تحلیل‌های تخصصی. باید قابلیت دسته‌بندی و برچسب‌گذاری داشته باشد.

صفحه تماس با ما (Contact):

اطلاعات تماس، لینک شبکه‌های اجتماعی (به خصوص لینکدین) و فرم تماس.

۳. نیازمندی‌های فنی و تکنولوژی:

انتظار می‌رود فریلنسر محترم تسلط کامل بر موارد زیر داشته باشد:

CMS: وردپرس (WordPress). قالب و صفحه‌ساز: استفاده از یک قالب حرفه‌ای، بهینه و سریع. تسلط بر Elementor Pro یا Bricks Builder مزیت محسوب می‌شود. سیستم مدیریت آموزش (LMS): پیاده‌سازی سیستم فروش دوره با یکی از افزونه‌های قدرتمند مانند LearnDash یا TutorLMS Pro. تجارت الکترونیک: WooCommerce برای مدیریت فروش و اتصال به درگاه‌های پرداخت بانکی ایرانی. سیستم رزرو وقت: پیاده‌سازی سیستم رزرو جلسه مشاوره (برای جلسات اولیه) با افزونه‌ای مانند Amelia یا Bookly Pro. امنیت ویدیوها: برای ویدیوهای دوره‌ها باید از سرویس‌های امن مانند SpotPlayer یا Vimeo Pro/Plus استفاده شود تا از دانلود غیرمجاز جلوگیری گردد. لطفاً راهکار خود را در این زمینه توضیح دهید. فرآیند فروش دوره: مدل فروش دوره‌ها باید شبیه به پلتفرم هم‌آموز (Hamamooz) باشد: کاربر با شماره موبایل و کد تایید (OTP) ثبت‌نام/وارد می‌شود. پس از انتخاب دوره، به صفحه درگاه پرداخت هدایت می‌شود. پس از خرید، به پنل کاربری خود و صفحه پخش دوره (با ویدیوهای امن) دسترسی پیدا می‌کند. امکان ارائه پیشنهادهای هوشمند (Upsell/Cross-sell) در پنل کاربری مزیت کلیدی است. سئو (SEO): رعایت کامل اصول SEO On-Page در طراحی (ساختار تگ‌های H، سرعت بارگذاری بالا، واکنش‌گرایی و…). ادغام با ابزارهای دیگر: قابلیت اتصال به سرویس‌های ایمیل مارکتینگ. ۴. خروجی‌های مورد انتظار از فریلنسر:

ارائه پروپوزال دقیق شامل راهکار فنی، افزونه‌های پیشنهادی (با ذکر نسخه Pro/Free)، و زمان‌بندی پروژه. طراحی UI/UX جذاب، کاربرپسند و هماهنگ با هویت برند یک مشاور مدیریت. پیاده‌سازی کامل وب‌سایت با تمامی امکانات ذکر شده. وب‌سایت کاملاً واکنش‌گرا (Responsive) برای نمایش بی‌نقص در دسکتاپ، تبلت و موبایل. سرعت بارگذاری بالا و بهینه‌سازی شده (بر اساس نتایج GTmetrix/PageSpeed Insights). ارائه آموزش ویدیویی کوتاه برای مدیریت محتوا (افزودن مقاله، دوره، ویرایش صفحات). پشتیبانی فنی به مدت یک ماه پس از تحویل نهایی پروژه. لطفاً در پیشنهاد خود، نمونه‌کارهای مرتبط (به خصوص وب‌سایت‌های شخصی، آموزشی یا مشاوره که با وردپرس و

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

نیازمندی‌ها: به دنبال یک طراح UI/UX حرفه‌ای هستیم که بتواند رابط کاربری موبایل و وب را طراحی کند، تجربه کاربری جذاب و کاربرپسند ارائه دهد و فایل‌های آماده برای توسعه‌دهنده (Figma یا Adobe XD) تحویل دهد.

درخواست از طراح: لطفاً نمونه کارهای مرتبط و تجربه خود در پروژه‌های مشابه را ارسال کنید.

مدت زمان و بودجه: قابل مذاکره بر اساس تجربه و کیفیت نمونه کارها.