یاسین دهفولیتوسعه‌دهنده فرانت‌اند
یاسین دهفولیتوسعه‌دهنده فرانت‌اند
فرانت‌اند

الهه میرزایی: سایت شخصی مدیر برند

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

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Lenis
تصویر کامل صفحه الهه میرزایی

درباره پروژه

الهه میرزایی مدیر برند و سرپرست خلاقیت است. وب‌سایت شخصی‌اش را با ⁨Next.js⁩، ⁨React⁩ و ⁨TypeScript⁩ به‌شکل یک صفحه بلند ساختم که بخش‌های تیره و روشنش یکی در میان می‌آیند، با فونت‌های ⁨Playfair Display⁩ و ⁨Inter⁩ و رنگ تأکیدی طلایی.

این صفحه او را معرفی می‌کند، مسیر کاری‌اش را روی یک خط زمانی نشان می‌دهد، مطالعه موردی کارش در صراف را با کمپین‌ها و نتیجه‌هایشان مرور می‌کند و ویدیوهای کمپین‌هایش را پخش می‌کند. Framer Motion هر بخش را هنگام ورود به صفحه متحرک می‌کند، Lenis اسکرول را نرم می‌کند و در دسکتاپ یک نشانگر مغناطیسی همراه ماوس حرکت می‌کند.

کارهایی که انجام دادم

  • خط زمانی مسیر کاری، از راه‌اندازی یک برند محصولات هدیه تا مدیریت برند صراف
  • مطالعه موردی کارش در صراف، با کمپین‌هایی مثل تبلیغات فیلم‌نت و آگاهی از برند در متروی تهران
  • گالری ویدیوهای کمپین
  • انیمیشن بخش‌ها با Framer Motion، اسکرول نرم با Lenis و نشانگر مغناطیسی
  • از پیش رندرشده با Next.js و اجراشده به‌صورت بیلد مستقل در Docker

پروژه مشابهی در ذهن دارید؟

بگویید چه چیزی می‌سازید و تا کی به آن نیاز دارید؛ با چند سؤال و قدم‌های بعدی جوابتان را می‌دهم.

تماس با من

طراحی و ساخته‌شده با Angular.