همه‌ی پروژهها
دیزاین سیستم Carsparency — یک کتابخانه برای چهار محصول
هر چهار محصول Carsparency را روی یک کتابخانه ساختیم: دوازده طیف رنگی، ماتریس State برای هر کنترل و کامپوننتهایی که تمام صفحهها از آنها استفاده می‌کنند.
- شرکت
- Carsparency
- نقش
- طراح محصول
- نوع
- سیستمها
- صنعت
- مارکتپلیس خودرو · دیزاین سیستم
- تیم
- طراح محصول؛ سازندهی بخشهایی از کتابخانه که در فایل‌های سینا نیست، ثبت نشده است
- ابزارها و فناوریها
- Figma
- مسئله
- چهار محصول برای چهار گروه از کاربران (فروشنده‌ها، کارشناس‌ها، اپراتورها و نمایشگاه‌دارها) باید در دو تم مثل محصولات یک شرکت دیده می‌شدند، بدون اینکه از هر دکمه چهار نسخه بسازیم.
- نقش
- طراحی دیزاین سیستم را پیش بردم؛ از طیف‌های رنگی و مقیاس تایپوگرافی تا مجموعههای کامپوننت با ماتریس Stateهایشان و بوردهایی که آنها را مستند می‌کنند.
- نتیجه
- طراحی ۱۵ مجموعه‌ی کامپوننت با ۲۶۵ واریانت و ۱۲ طیف رنگی؛ هر چهار فایل محصول هم از همین کتابخانه استفاده می‌کنند.
01زمینه
هر چهار محصول یک زبان بصری داشتند.
Carsparency چهار محصول داشت: وب‌سایتی برای فروشنده‌ها، اپلیکیشنی برای کارشناس‌ها در محل، بک‌آفیسی برای کارکنان و پلتفرمی برای نمایشگاه‌دارها. هرکدام فایل Figma خودش را دارد و هر چهار را روی یک کتابخانه‌ی مشترک ساختیم.
فایل دیزاین سیستم این کتابخانه را در یازده بورد (رنگ، تایپوگرافی، دکمه‌ها، فیلدهای فرم، تاگل‌ها، بردکرامب‌ها، صفحه‌بندی، توست‌ها، مودال‌ها، هدر و فوتر، و کامپوننت‌های کوچک) و یک صفحه‌ی آیکون مستند می‌کند.
