۰۱
خلاصه پروژه
آرکا یک پروژهی مفهومی در حوزهی SaaS است که با هدف کاوش در صفحات فرود مدرن طراحی شد. تمرکز اصلی: ساختن صفحهای که بدون متنهای طولانی، ارزش محصول را در چند ثانیه منتقل کند.
۰۲
چالش اصلی
اکثر سایتهای SaaS ایرانی با متنهای طولانی و اصطلاحات فنی، کاربر را در همان ثانیههای اول گیج میکنند. سؤال اصلی طراحی این بود: چطور میشود در کمتر از ۳ ثانیه، کاربر بفهمد محصول چیست، برای چه کسی است، و چه ارزشی میسازد؟
۰۳
رویکرد من
- تحلیل ۲۰ سایت موفق SaaS ایرانی و خارجی برای شناسایی الگوهای مشترک
- طراحی معماری اطلاعات با تمرکز بر سلسلهمراتب بصری واضح
- ساخت دیزاین سیستم مینیمال با پالت خنثی و یک رنگ تأکیدی
- پیادهسازی با HTML/CSS/JS خالص برای کنترل کامل روی جزئیات
- تست سه نسخهی مختلف از Hero Section تا انتخاب بهترین
۰۴
نقاط برجسته
- Hero Section که در ۳ ثانیه پیام اصلی را منتقل میکند
- داشبورد mockup با دادههای شبیهسازیشده
- سیستم pricing با toggle ماهانه/سالانه
- FAQ accordion و tab system بدون کتابخانه خارجی
- دسترسیپذیری کامل طبق WCAG 2.2 AA
۳ ثانیهزمان درک پیام اصلی
۷ بخشتعداد بخشهای طراحیشده
۲ هفتهزمان پروژه
۰۵
درسآموخته
در طراحی SaaS، «کمتر» همیشه «بیشتر» است. حذف ۴۰٪ از متنها، تجربهی کاربر را بهطرز محسوسی بهتر کرد.
- HTML
- CSS
- JavaScript
