نمودار جریان کاربر
دو مسیر ورود و عضویت. عضویت: هویت، تأیید موبایل OTP، مدارک لازم. ورود مستقیم به فضای عضو. حداقل حواس‌پرتی بصری اطراف فرم.
بنیاد شفاء
پرتال سازمانی / عضویت
طراحی پرتال + توسعه
پرتال نهادی عضویت و ورود با OTP — باجه دیجیتال، نه لندینگ
درگاه اعتماد برای عضو و متقاضی: احراز موبایل، زبان رسمی آرام، و مسیر پنل پشت دیوار ورود.
نقش استودیو هش: طراحی پرتال + توسعه
خلاصه پروژه
اول بگو چطور وارد شوم؛ بقیه پشت احراز است
آنچه از شفاء به‌صورت عمومی دیده می‌شود بیشتر درگاه ورود و عضویت است تا ویترین بازاری. بنیاد نیاز به باجه دیجیتال داشت: مهمان مسیر عضویت را بفهمد، عضو با OTP یا احراز موبایل بدون اصطکاک وارد شود، و لحن نهادی آرام جای کمپین استارتاپی را بگیرد. محتوا و خدمات اصلی پشت دیوار اعتماد می‌مانند — و UX باید همان را محترم بشمارد.
اعداد محصول — از خود پروژه، نه KPI استودیو
- درگاه اولورود و عضویت بالای همه چیز
- OTPاحراز موبایل برای دسترسی
- نهادیلحن رسمی به‌جای لندینگ فروش
مسئله چه بود؟
داده حساس، کاربر کم‌حوصله، برند جدی
فرم یک‌صفحه‌ای مدارک رها می‌شود. اگر هم بیش از حد جادویی باشد نهاد جدی دیده نمی‌شود. باید ورود از عضویت جدا، مراحل شماره‌دار، پیام خطای انسانی و حس «باجه» می‌آمد — نه هیرو تبلیغاتی.
اهداف استراتژیک
- جدا کردن واضح ورود عضو از ثبت‌نام متقاضی
- عضویت/احراز مرحله‌ای با OTP و پیشرفت مشخص
- فرود مستقیم به پنل بعد از ورود موفق
رویکرد ما
از کشف مسئله تا مسیر محصول
استراتژی، تحقیق و طراحی تجربه — بر اساس واقعیت‌های کاربر و محدودیت‌های کسب‌وکار.
تحقیق و استراتژی
کاربر بنیاد وب را مثل باجه می‌بیند
انتظار مدرک و تأیید هست، اما انتظار سردرگمی نیست. هر برچسب مبهم یعنی تماس با دفتر. صفحه عمومی نباید کمپین را بالای درگاه بگذارد.
یافته‌های کلیدی
- خطای ورود باید دلیل انسانی بدهد نه کد سیستم
- بازیابی دسترسی برای عضو قدیمی حیاتی است
- دیوار ورود عمدی است؛ دور زدنش با لندینگ شلوغ اعتماد را کم می‌کند
UX و محصول
باجه دیجیتال، نه لندینگ کمپین
طرح‌های اولیه و پروتوتایپ
لندینگ شلوغ اول حذف شد. تست با کاربران متنوع فونت و کنتراست را بالا برد، مراحل را کوتاه‌تر و برچسب فیلدها را صریح‌تر کرد.
جزئیات رابط
نهادی، دسترس‌پذیر، بدون زرق
سبز آرامش بنیاد، فضای سفید، فونت خوانا، فوکوس واضح روی فیلدها. کنتراست بالا برای فرم — احترام به روح دسترس‌پذیری.
رنگ‌ها
- سبز نهاد#0F766E
- سطح#F0FDFA
- تیره#134E4A
- متن#17252B
- تاکید آرام#CA8A04
- CTA#FFB818
تجربه محصول
صفحاتی از تجربه نهایی
نمایی از رابط واقعی — بزرگ، خوانا و نزدیک به تجربه کاربر.
پیاده‌سازی فنی
احراز OTP، نقش، فرم عضویت
ورود مبتنی بر موبایل و نقش، ذخیره مرحله عضویت، پیام خطای قابل‌فهم. پنل و خدمات بعد از گیت احراز لود می‌شوند — مطابق ماهیت پرتال بسته‌تر.
چگونه ساختیم
- درگاه ورود/عضویت
- OTP و احراز
- فرم مرحله‌ای
- پنل عضو
- پرتال
- OTP موبایل
- فرم حساس
- نقش کاربری
- دسترس‌پذیری
نتیجه پروژه
خروجی پروژه
نشانه‌های محصول و خروجی طراحی — نه شاخص مالی تأییدنشده
- تکمیل ورودکمتر رها شدن درگاه
- خطای انسانیکمتر تماس پشتیبانی
- OTPاحراز بدون رمز پیچیده
- دو حالتمهمان و عضو جدا
درس محصول از این پروژه
درس محصول نهادی: وقتی همه چیز پشت ورود است، کیفیت درگاه همان کیفیت برند است. باجه را روشن و محترم طراحی کن.
خدمات و مسیر مرتبط
این پروژه به چه مسئله‌ای مرتبط است؟
اگر مسئله‌ای شبیه بنیاد شفاء دارید
اگر مسئله‌ای نزدیک به «داده حساس، کاربر کم‌حوصله، برند جدی» دارید، یا در حوزه پرتال سازمانی / عضویت به طراحی پرتال + توسعه نیاز دارید، گفتگو را شروع کنید. بریف کامل لازم نیست.
