نمونهی مفهومی. این پروژه را استودیو لوزی برای نمایش روش کارش طراحی کرده است؛ نامها و دادهها واقعی نیستند و بخش «اثر» فقط هدف و برنامهی سنجش را نشان میدهد.
خلاصه
| صنعت | خدمات حقوقی (۶ حوزهی تخصصی) |
|---|---|
| نقش لوزی | استراتژی، UX، UI، توسعه |
| پلتفرم | وردپرس + المنتور پرو |
| دامنه | خانه، صفحهی حوزهی تخصصی، وکلا و درباره ما، مقالهی حقوقی + موبایل |
| زمانبندی | ۸ هفته |
چالش
سایت قبلی یک صفحه با شماره تلفن بود. موکل نمیدانست پروندهاش در کدام حوزه است یا مؤسسه آن را میپذیرد؛ وکیل پیش از تماس هیچ شرحی از پرونده نداشت و برای جستوجوهایی مثل «وکیل ملکی» صفحهای وجود نداشت.
هدفها و معیار موفقیت
- صفحهی هر حوزه: خدمات، سؤالات رایج و وکلای همان حوزه. معیار: ورودی جستوجو به صفحههای حوزه.
- فرم سهمرحلهای مشاوره با آپلود مدارک و تأکید بر محرمانگی. معیار: درخواستهای کامل (با شرح و مدرک).
- مجلهی حقوقی برای اعتمادسازی و دیدهشدن. معیار: تبدیل از مقاله به درخواست بازبینی قرارداد.
سیستم طراحی
- رنگ: پالت Indigo؛ سرمهای (Indigo 900) برای هیرو و فوتر که جدیت حقوقی دارد، Indigo 600 برای دکمهها (سفید روی 600 = 6.12:1). متن Indigo 200 روی سطح Indigo 900 = 7.71:1.
- اعتماد بدون عکس استوک: وکلا با حروف اول نام در آواتار معرفی میشوند تا عکس واقعی جایگزین شود؛ هیچ چهرهی استوکی استفاده نشده است.
- تایپوگرافی: Display xl برای هیرو، Display lg برای تیتر مقاله، متن مقاله Text lg با ارتفاع خط ۳۲ برای خواندن طولانی.
- چیدمان: گرید ۳ستونهی حوزهها، مقاله با ستون فهرست مطالب چسبان ۳۴۰px.
معماری کامپوننت
Stepper فرم (موضوع ← شرح و مدارک ← زمان)، چیپهای انتخاب حوزه، ناحیهی آپلود با خطچین و فایلهای بارگذاریشده با بج موفق، Alert «نکتهی مهم» در مقاله، کارت فراخوان تیره «بازبینی قرارداد».
صفحههای کلیدی
- صفحهی حوزهی تخصصی: هر حوزه یک صفحهی فرود سئو؛ فرم مشاوره با حوزهی از پیش انتخابشده.
- وکلا: کارت هر وکیل با حوزه، سابقه و «رزرو مشاوره با…».
- مقاله: فهرست مطالب، نکتههای برجسته، نویسنده و فراخوان بازبینی قرارداد کنار متن.




موبایل
تماس و مشاورهی آنلاین در نوار پایین ثابت؛ فرم سهمرحلهای با شمارندهی کاراکتر و پیام محرمانگی.
تحویل و پیادهسازی
حوزهها، وکلا و مقالهها بهعنوان پستتایپ با رابطه؛ فرم با آپلود امن و ارسال فقط به وکیل مسئول.
اثر
تحویلشده: ۴ قالب دسکتاپ، ۳ صفحهی موبایل، ۱۴ قالب در دامنهی کامل. برنامهی اندازهگیری: درخواستهای کامل، ورودی صفحههای حوزه، تبدیل مقالهها. [جای نتایج واقعی]