Instagram story viewer> @saeedyousefi.pro> Posts

Saeed Yousefi | سعید یوسفی

@saeedyousefi.pro

167

posts

6K

followers

1390

following

Art Director | UI/UX Design | Brand Design
Founder @proment.agency
🚀 Creative Design Mentor
👇 My Portfolio

POSTS STORIES REELS TAGGED

Download All

3

33

11 hours ago

.
طراحی رابط کاربری UI/UX وب اپلیکیشن کریپتو ( پارت اول ) ✳️

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

فرآیند طراحی با تحلیل رفتار کاربران در پلتفرم‌های معاملاتی آغاز شد. یکی از مهم‌ترین چالش‌های این حوزه، حجم زیاد اطلاعات، مسیرهای پیچیده انجام تراکنش و فشار شناختی بالای رابط‌های کاربری است. استراتژی طراحی بر کاهش این پیچیدگی‌ها و ایجاد ساختاری شفاف استوار شد؛ به گونه‌ای که اطلاعات مهم در اولویت قرار گیرند، تصمیم‌گیری کاربران سریع‌تر انجام شود و تعامل با محصول در هر مرحله ساده و قابل پیش‌بینی باشد.

اطلاعات پروژه
طراحی رابط کاربری و تجربه کاربری وب اپلیکیشن
گیتی نکست | بلاکچین خرید و فروش رمز ارز
زمان پروژه | فروردین ۱۴۰۱

مدیر پروژه | سعید یوسفی
طراح رابط کاربری | احمد کرمانشاهیان | سعید یوسفی

آژانس طراحی پرومنت | ®Proment Agency

#رابط_کاربری #بلاکچین #وب_اپلیکیشن
#uiux #cryptocurrency در ادامه توسعه تجربه دیجیتال این برند ؛ در طراحی رابط کاربری با استفاده از زبان طراحی یکپارچه، رنگ‌های آینده‌نگر، نورپردازی دیجیتال دارک و ساختار مینیمال، فضایی ایجاد کرده که علاوه بر نمایش داستان برند ، احساس امنیت و مدرن بودن را نیز به کاربران منتقل می‌کند. by @saeedyousefi.pro

3

85

3 days ago

3

24

6 days ago

3

24

10 days ago

3

46

11 days ago

.
طراحی رابط کاربری UI/UX وبسایت فروشگاه پوشاک شاپو ( پارت سوم ) ✳️

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

- مگا منو (Mega Menu) هوشمند: طراحی یک مگا منوی ساختاریافته که دسترسی به دسته‌های اصلی (مردانه، زنانه، اکسسوری) و زیردسته‌ها را با کمترین کلیک ممکن فراهم می‌کند. استفاده از سایه‌ها و لایه‌بندی دقیق برای تفکیک بصری آیتم‌ها.
- داشبورد کاربری پیشرفته: طراحی پنل کاربری که فراتر از یک لیست ساده است. ما جداول داده (Data Tables) را برای پیگیری سفارشات، کیف پول و لیست علاقه‌مندی‌ها بازطراحی کردیم تا خوانایی (Readability) در اوج باشد. استفاده از تگ‌های رنگی برای وضعیت سفارش (در حال پردازش، ارسال شده و...) به کاربر کمک می‌کند در یک نگاه وضعیت را درک کند.
- فیلترهای داینامیک: طراحی سیستم فیلترینگ پیشرفته در سایدبار که به کاربر اجازه می‌دهد بر اساس بازه قیمت (اسلایدر)، برند و ویژگی‌های محصول به سرعت به نتیجه برسد.

اطلاعات پروژه
طراحی رابط کاربری وبسایت | شاپو | فروشگاه اینترنتی پوشاک و مد
زمان پروژه | فروردین ۱۴۰۱

#uiux #productdesigner #ecommercedesign #webdesign #mobileappdesign در طراحی نسخه دسکتاپ فروشگاه، با حجم بالایی از دیتا و دسته‌بندی‌های تو در تو روبرو بودیم. چالش ما نمایش این حجم از اطلاعات بدون ایجاد شلوغی بصری بود.

- مگا منو (Mega Menu) هوشمند: طراحی یک مگا منوی ساختاریافته که دسترسی به دسته‌های اصلی (مردانه، زنانه، اکسسوری) و زیردسته‌ها را با کمترین کلیک ممکن فراهم می‌کند. استفاده از سایه‌ها و لایه‌بندی دقیق برای تفکیک بصری آیتم‌ها. by @saeedyousefi.pro

3

94

a month ago

.
طراحی رابط کاربری UI/UX وبسایت فروشگاه پوشاک شاپو ( پارت اول ) ✳️

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

رویکرد ما در این پروژه:
- تدوین یک زبان بصری منسجم با استفاده از تایپوگرافی‌های مدرن و پالت رنگی گرادیانت (بنفش به صورتی) که حس پویایی و انرژی برند را منتقل می‌کند، بدون اینکه چشم کاربر را خسته کند.
- استفاده از رنگ‌های ملایم ولی کنتراست بالا برای Call-to-Actionها (دکمه‌های خرید و افزودن به سبد) تا مسیر کاربر به سمت خرید نهایی هموار شود.

❇️ در بخش های بعدی درباره وبسایت و وب اپلیکیشن این پروژه صحبت میکنیم .....

اطلاعات پروژه
طراحی رابط کاربری وبسایت | شاپو | فروشگاه اینترنتی پوشاک و مد
زمان پروژه | فروردین ۱۴۰۱

#UIUX #ProductDesign #EcommerceDesign
#طراحی_محصول #طراحی_رابط_کاربری by @saeedyousefi.pro

3

89

2 months ago

.
طراحی رابط کاربری UI/UX وب اپلیکیشن موبایل فروشگاه پوشاک ( پارت دوم ) ✳️⚡️

نسخه موبایل به صورت وب اپلیکیشن با رویکرد Mobile-First طراحی شده است. در اینجا، محدودیت فضا به معنای حذف امکانات نیست، بلکه به معنای اولویت‌بندی هوشمندانه محتواست. هدف، ایجاد یک جریان کاربری خرید سریع و کاربرپسند بود.
در نسخه موبایل نیز، تجربه کاربری صرفاً کوچک‌سازی نسخه دسکتاپ نبود. ساختار Bottom Navigation، الگوهای تعاملی ساده‌تر، دسترسی سریع به دسته‌بندی‌ها و طراحی رفتارهای Micro Interaction باعث شد تجربه استفاده در فضای وب اپ سریع، سبک و نزدیک به رفتار اپلیکیشن‌های ناتیو باشد.

The mobile version was engineered as a web app following a rigorous Mobile-First methodology. In this context, screen real estate constraints didn't lead to feature reduction; instead, they drove intelligent content prioritization. The primary objective was to architect a swift, frictionless shopping flow optimized for on-the-go users.
Crucially, the mobile UX was not merely a downscaled version of the desktop interface. By implementing a persistent Bottom Navigation, streamlined interaction patterns, and optimized category access alongside strategic Micro-Interactions we delivered a lightweight, high-performance web experience that closely mimics the fluidity and responsiveness of a native application.

اطلاعات پروژه
طراحی رابط کاربری وبسایت | شاپو | فروشگاه اینترنتی پوشاک و مد
زمان پروژه | فروردین ۱۴۰۱

#وب_اپلیکیشن #اپلیکیشن_موبایل #uidesign نسخه موبایل به صورت وب اپلیکیشن با رویکرد Mobile-First طراحی شده است. در اینجا، محدودیت فضا به معنای حذف امکانات نیست، بلکه به معنای اولویت‌بندی هوشمندانه محتواست. هدف، ایجاد یک جریان کاربری خرید سریع و کاربرپسند بود.
در نسخه موبایل نیز، تجربه کاربری صرفاً کوچک‌سازی نسخه دسکتاپ نبود. ساختار Bottom Navigation، الگوهای تعاملی ساده‌تر، دسترسی سریع به دسته‌بندی‌ها و طراحی رفتارهای Micro Interaction باعث شد تجربه استفاده در فضای وب اپ سریع، سبک و نزدیک به رفتار اپلیکیشن‌های ناتیو باشد. by @saeedyousefi.pro

3

86

2 months ago

119

15

3 years ago

3

30

2 months ago

Leveling up my creative space ☕️🫡

New ideas, new vibes, and a space that inspires me every day.
It’s not just about the desk . when your workspace inspires you, you know you’re on the right path.

What’s your must-have item in your workspace? 👀

Thanks to Hillan for paying attention to the details of its products
@hillan.ir

#desksetup #workspace #setups #minimalsetups
#میز_کار #اتاق_کار #فریلنسر #گرافیک_دیزاین #ستاپ by @saeedyousefi.pro

3

42

a year ago

طراحی رابط کاربری UI/UX وبسایت هاستیکا ( پارت دوم ) ✳️

طراحی رابط کاربری هاستیکا یکی از پروژه‌هایی بود که از مرحله تحلیل و آنالیز ، وایرفرم ، ساخت Design System کوچک متناسب و طراحی صفحات اصلی تا داشبورد کاربری برای دسکتاپ و موبایل به صورت کامل انجام شد .

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

در این پروژه یک سیستم طراحی کامل شامل رنگ‌ها، تایپوگرافی، کامپوننت‌ها، الگوهای داشبورد و نمودارهای کاربردی ساخته شد تا تیم توسعه بتواند محصول را مقیاس‌پذیر و استاندارد پیش ببرد.

اطلاعات پروژه
طراحی رابط کاربری وبسایت | هاستیکا
ارائه دهنده خدمات هاستینگ، سرور مجازی و دامنه
زمان پروژه | بهمن ۱۴۰۳

مدیر پروژه | سعید یوسفی
طراح رابط کاربری | هاشم طباطبایی | سعید یوسفی
دولوپر و توسعه دهنده | تیم توسعه هاستیکا

آژانس طراحی پرومنت | ®Proment Agency

#طراحی_رابط_کاربری #طراحی_وب #طراحی_محصول
#uiux #webdesign by @saeedyousefi.pro

3

109

7 months ago