اپلیکیشن تحت وب مجموعهٔ زیبایی چندشعبه‌ای

• نوع پروژه: اپلیکیشن تحت وب، لایهٔ فرانت‌اند
• کارفرما: یک برند زیبایی لوکس با چند شعبه (نام کارفرما بنا بر توافق محرمانه منتشر نمی‌شود)
• نقش سپرو وب: طراحی و پیاده‌سازی کامل سطح مشتری و مدل‌های دادهٔ نوع‌دار آن
• وضعیت: تکمیل‌شده در دامنهٔ توافق‌شده — این پروژه به‌عمد بدون بک‌اند، پایگاه داده، احراز هویت و پرداخت اجرا شده است

مسئله‌ای که حل کردیم

کارفرما پیش از سرمایه‌گذاری روی زیرساخت سنگین، می‌خواست تمام تجربهٔ مشتری را ببیند و لمس کند؛ و تیم بک‌اند نیاز داشت پیش از شروع کار بداند دقیقاً چه داده‌هایی و با چه ساختاری باید فراهم شود. راهکار، ساخت کاملِ لایهٔ رویی محصول با کیفیت تولیدی بود — نه یک ماکت گرافیکی، بلکه یک برنامهٔ واقعاً قابل‌استفاده که هر مسیر آن تا انتها کار می‌کند.

آنچه طراحی و پیاده‌سازی کردیم

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

هر جریان روی دادهٔ نمونهٔ نوع‌دار و مخازن وضعیتِ ماندگار کار می‌کند و تأخیر سرویس واقعی نیز شبیه‌سازی شده است. نتیجه این است که وقتی بک‌اند ساخته شود، شکل دقیق داده‌ها از پیش مشخص و توافق‌شده است.

مقیاس پروژه

• ۵ مسیر کامل مشتری در حدود ۶۶ صفحه
• ۱۹ دامنهٔ دادهٔ نمونهٔ نوع‌دار
• ۱۵ مخزن وضعیت با ذخیره‌سازی ماندگار

معماری فنی

برنامه با Next.js 16 و React 19 و TypeScript سخت‌گیرانه ساخته شده است. انواع دامنه و ماژول‌های دادهٔ نمونه، مخازن Zustand را تغذیه می‌کنند و یک لایهٔ کمکی، قالب‌بندی اعداد فارسی و تاریخ جلالی، پوشش سرویس شبیه‌سازی‌شده، جست‌وجو و بازنشانی داده را بر عهده دارد. حرکت‌ها و انتقال‌های صفحه با Framer Motion اجرا می‌شوند.