Instagram story viewer> @masalan502> Posts

Nastaran Soltani | طراح رابط کاربری

@masalan502

1.2K

followers

218

following

💻🎨طراح رابط کاربری وب
🪄همراه شما در مسیر ساختن یک تجربه کاربری عالی
با من درتماس باشید 👇

POSTS STORIES REELS TAGGED

Download All

🏔🍃
در طراحی این صفحه، هدف فقط نمایش محصولات نبود؛ بلکه ایجاد تجربه‌ای بود که متریال را واقعی‌تر و قابل لمس‌تر نشان دهد.

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

Pierre Ceramique — France 🇫🇷
2024

#طراحی_رابط_کاربری
#طراحی_وبسایت
#طراحی_فروشگاه_اینترنتی
#UIDesign
#UXDesign Homepage UI design for Pierre Ceramique featuring three key sections: a hero banner, product categories, and a custom ceramic stone slider. The slider showcases ceramic slabs placed in front of natural rock formations with scenic backgrounds, creating a dynamic, immersive, and three-dimensional product presentation as users navigate between slides.
طراحی رابط کاربری صفحه اصلی وب‌سایت Pierre Ceramique شامل سه بخش اصلی: هیرو سکشن، دسته‌بندی محصولات و اسلایدر نمایش سنگ‌های سرامیکی. در اسلایدر، هر سنگ سرامیکی در کنار یک صخره و با پس‌زمینه‌ای از طبیعت نمایش داده می‌شود تا هنگام تغییر اسلاید، جلوه‌ای سه‌بعدی، طبیعی و واقعی‌تر از محصول ایجاد شود. taken in Isfahan by @masalan502

25

23

3 months ago

🗻🌊
طراحی صفحه اصلی فروشگاه آنلاین سرامیک برای بازار فرانسه — ساختار اطلاعات، چیدمان محصولات و تجربه روان برای دو گروه متفاوت از کاربران.
Pierre & Céramique — France 🇫🇷 2024

#طراحی_رابط_کاربری #UX_Design #UI_Design #فروشگاه_آنلاین #طراحی_وب موکاپ چند صفحه‌ای از طراحی وب‌سایت فروشگاهی Pierre & Céramique؛ شامل صفحه اصلی با هدر تیره، هیرو با تصویر دریا، بخش محصولات با کارت‌های سرامیک، و فوتر با اطلاعات تماس. رنگ‌بندی بر پایه تیره و قرمز با تایپوگرافی تمیز

Multi-screen mockup of the Pierre & Céramique e-commerce website UI design; featuring a hero section with ocean imagery, product cards with ceramic textures, a countdown section, and a clean navigation header in dark and red tones. Designed for the French market. taken in Isfahan by @masalan502

24

13

3 months ago

19

9

4 months ago

🌊🗻
طراحی UI/UX فروشگاه سرامیک برای بازار فرانسه 🇫🇷

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

طراحی خوب، مسیر تصمیم‌گیری را ساده‌تر می‌کند.

Pierre Ceramique — France 🇫🇷
2024

#طراحی_رابط_کاربری
#طراحی_وبسایت
#UIUXDesigner
#WebDesign
#uxdesign Two sections of the homepage for a ceramic and building materials e-commerce website targeting the French market. Modern design with large product images, minimal typography, professional e-commerce structure, and a focus on user experience for professional buyers and regular customers.دو بخش از صفحه اصلی وب‌سایت فروشگاهی سرامیک و متریال ساختمانی برای بازار فرانسه. طراحی مدرن با تصاویر بزرگ محصولات، تایپوگرافی مینیمال، ساختار حرفه‌ای فروشگاهی و تمرکز بر تجربه کاربری برای خریداران حرفه‌ای و مشتریان عادی. taken in Isfahan by @masalan502

19

3

4 months ago

✨️🧡
صفحه درباره ما، طراحی با تمرکز بر معرفی تیم و ایجاد اعتماد در مخاطب اروپایی.

Saffronir.com — 2023

#طراحی_رابط_کاربری #طراحی_تجربه_کاربری #طراحی_وب #فروشگاه_آنلاین #طراح_ایرانی UI design screenshots of an About Us page for a luxury saffron e-commerce website. The layout includes a full-width hero banner with saffron field photography and bold headline, a split two-column section with a person working at a laptop alongside red botanical line illustrations, a team section with member cards showing names, roles and social icons, and a footer with newsletter signup. Color palette combines deep olive green, terracotta red, and white. Designed for a German-market online store. taken in Isfahan by @masalan502

16

1

4 months ago

🧡💜
وقتی برند ناشناخته‌ست، این محتواست که کاره فروش رو می‌کنه.
بلاگ و درباره ما رو طوری طراحی کردم که این مسیر روان بشه.

Saffronir.com — 2023

#طراحی_UI #طراحی_UX #uidesign #uxdesign #webdesign UI design screenshots from a saffron e-commerce website. Three layered screens are visible: a blog archive page titled "Saffron Blog" with image-based category cards and terracotta header, an About Us page featuring a hero banner with saffron field photography, value proposition cards, and a split layout with a person at a laptop alongside illustrated botanical elements, and a single blog post page showing an article about saffron with a nature photography header. Clean white layout with terracotta red accents throughout. Designed for a German-market online store. taken in Isfahan by @masalan502

23

9

4 months ago

31

7

4 months ago

🛒🧡💜
طراحی صفحه محصول برای فروشگاه آنلاین زعفران در آلمان

وقتی محصول لوکسه، UI هم باید همون حس رو منتقل کنه.
تمرکز اصلی روی سه چیز بود:
↳ ساده‌سازی فرآیند خرید
↳ افزایش حس اعتماد در کاربر اروپایی
↳ ظاهر مینیمال هماهنگ با قالب WoodMart

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

🛒 Client: Saffronir.com — Germany
📅 2023

#طراحی_UI #طراحی_UX #طراحی_رابط_کاربری #طراحی_تجربه_کاربری #فروشگاه_آنلاین Screenshot of a luxury saffron e-commerce product page UI design. The interface features a clean white layout with a product image on the left, pricing in terracotta red ($59.00), quantity selector, and "Add to Cart" button. Description tabs (Description, Reviews, Shipping) are visible below, with product photography of saffron threads. Designed for a German-market online store using the WoodMart theme. taken in Isfahan by @masalan502

25

4

4 months ago

💜🧡
وقتی داشتیم روی هیرو سکشن این پروژه کار می‌کردیم، تمام چالش ما این بود که چطور حس "لوکس بودن" زعفران رو در کنار "اعتماد" ترکیب کنیم. بازار آلمان هم که می‌دونید، روی نظم و شفافیت خیلی حساسه :)

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

شما هم معتقدید که هیرو سکشن باید خلوت باشه؟ من که میگم هرچی خلوت‌تر، جذاب‌تر! ✨

#طراحی_سایت #وردپرس #وودمارت #رابط_کاربری #زعفران #دیزاین #نمونه_کار #فروشگاه_اینترنتی #طراحی_تجربه_کاربری #UIUX #Webdesign نمایش طراحی بخش بالای سایت فروش زعفران در لپ‌تاپ با رنگ‌بندی بنفش و نارنجی.

Laptop mockup showing a saffron shop website header with purple and orange UI elements. taken in Isfahan by @masalan502

43

29

9 months ago

🇩🇪🛒
زعفران ایرانی در اروپا ✨

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

مشخصات پروژه:
ـ ساخت استایل‌گاید و پالت رنگی اختصاصی
ـ استفاده از مکمل رنگی بنفش و نارنجی (تضاد جذاب و مدرن)
ـ بهینه‌سازی شده برای تجربه کاربری (UX) خرید سریع

چقدر به استفاده از رنگ‌های مکمل در طراحی اهمیت میدید؟‌

#طراحی_سایت #طراحی_رابط_کاربری #وودمارت #طراحی_فروشگاه_اینترنتی #وردپرس #زعفران #بازطراحی_سایت #تجربه_کاربری #دیزاین_سایت #فریلنسر_طراحی_سایت #UIUX #WebDesign #Woodmart #SaffronShop #GraphicDesign طراحی صفحه اصلی وب‌سایت فروشگاهی زعفران در آلمان با ترکیب رنگی بنفش و نارنجی، استفاده از قالب وودمارت و تصویر گل زعفران در هیرو.
UI Design of a saffron e-commerce website for the German market, featuring purple and orange color palette, customized WoodMart theme, and saffron flower hero image. taken in Isfahan by @masalan502

41

16

10 months ago

23

10

a year ago

🖤✨️

در این بخش قسمت‌هایی از هیرو سایت، منو و بنر سایت رو می‌بینید.
طراحی با تمرکز روی ترکیب سادگی و دقت انجام شده تا تجربه‌ای روان و حرفه‌ای برای کاربر ایجاد کنه.
رنگ‌ها و جزئیات ظریف در کنار تایپوگرافی منظم، حس اعتماد و ثبات برند رو تقویت می‌کنن.

طراح رابط کاربری: Nastaran Soltani
پروژه Ziggurat | طراحی وب‌سایت شرکتی ساخت درب و پنجره زیگورات

⠀
⠀
#uiux #uidesign #uxdesign #webdesign #flatdesign #modernui #ziggurat #uiiran #uiproject #figmadesign #uiart #uxiran #nastaransoltani #webdesigner #uiinspiration
#طراحی_رابط_کاربری #طراحی_سایت #طراحی_وب #پروژه_زیگورات #نمونه_کار #پروژه_طراحی #طراح_ایرانی #نسترن_سلطانی #طراحی_فلت #طراحی_مدرن #تجربه_کاربری #دیزاینر نمایی از بخش‌های هیرو، منو و بنر وب‌سایت Ziggurat. طراحی با سبک فلت مدرن و جزئیات ظریف برای شرکت ساخت درب و پنجره، با ترکیب رنگ‌های خنثی و طلایی انجام شده است.

Sections of the Ziggurat website including the hero area, navigation menu, and main banner.
Designed in a modern flat style with fine details and neutral–gold color tones for a door and window manufacturing company. taken in Isfahan by @masalan502

35

34

a year ago