بازطراحی (Redesign) صفحه محصول فروشگاه ebay

redesigning_ftw

کمال‌گرایی یا وسواس، اسمش را هرچه بگذاریم، این ویژگی خوب یا بد در من نهادینه شده‌است؛ با این نگرش، می‌توان اثبات کرد که “هر چیزی می‌تواند بهتر شود”. به همین دلیل تصمیم گرفتم تا به شکل عملی، نمونه‌ای کوچک از روند و نتیجه بهینه‌سازی رابط کاربری (User Interface) و تجربه کاربری (User Experience) را به شما نمایش دهم.

۲ نظر
ادامه‌ی مطلب را بخوانید

بلاک ایستا(Static Blocks) در مجنتو

blogcart_static_block-(1)

بلاک‌ ایستا (Static Blocks)، امکانی است که به شما اجازه می‌دهد بدون نیاز به ویرایش کدهای قالب، از پنل ادمین تغییراتی در Front-end ایجاد کنید. به این شکل می‌توانید از بلاک‌ها در صفحات و بخش‌های مختلف استفاده کنید، برای مثال با پیدا کردن بلاک لینک‌های فوتر در پنل ادمین، می‌توانید عنوان‌های منو در فوتر را تغییر دهید. همچنین با بلاک‌های ایستا می‌توانید بنر و پروموشن‌های گرافیکی را هر لحظه و بدون نیاز به ویرایش قالب، تغییر دهید و برای جلب توجه بازدیدکننده‌های فروشگاه‌تان از بنرهای جدید استفاده کنید.

در این مطلب طرز ساختن و استفاده از بلاک‌ ایستا را آموزش می‌دهم.

یک نظر
ادامه‌ی مطلب را بخوانید

راست چین کردن قالب مجنتو

rtl_you_car_the_right_way

به تازگی تجربه راست‌چین کردن دو قالب مجنتو را داشته‌ام. یکی از آنها تم مجنتو سارینا و دیگری فروشگاهی بود که یکی از مشتری‌های سارینا از ما خواسته بود تا آن را راست‌چین کنیم. شاید در میان کسانی که تجربه این کار را ندارند، این تصور وجود داشته باشد که با یک استایل ;direction:right به body همه چیز بدون مشکل راست‌چین می‌شود. ولی ماجرا به این سادگی‌ها نیست. باید تمام صفحات و ماژول های مختلف سایت بررسی شود و در صورت لزوم به صورت دستی CSS هر قسمت را تغییر داد.

۱۶ نظر
ادامه‌ی مطلب را بخوانید

نمایش جذاب اطلاعات به کمک اینفوگرافیک

infographic for all of us

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

معنی اینفوگرافیک چیست؟

واژه اینفوگرافیک (Infographic)، شامل دو کلمه اینفو و گرافیک است، و خلاصه شده Information Graphic می باشد.
به طور کلی اینفوگرافیک ها نمایش دیداری از داده ها، اطلاعات و دانش هستند. با اینفوگرافیک ها می توان اطلاعات، اعداد، نکته ها، قانون ها و دانش را به شیوهِ تصویری در قالب نمودارها، علایم، تصاویر و نقشه ارائه کرد.

۱۴ نظر
ادامه‌ی مطلب را بخوانید

یک روز با من در نقد خصوصی از تبلیغات محیطی همراه شوید

lorem_ipsum_billboard

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

شما را دعوت می کنم تا یک روز در نقد خصوصی با من شریک شوید.

۱۷ نظر
ادامه‌ی مطلب را بخوانید

اولین قدم های یک طراح وب در کار با مجنتو

designing_magneto اولین باری که در مجتنو شروع به کار کردم، با دیدن تعداد زیادی فایل XML  و PHTML  و اینکه هرکدام از آنها چیست و به چه دردی می خورد حسابی گیج شده بودم. اکثر کسانی که با مجنتو کار می کنند، معتقند در روزهای اول کار با آن، گیج شده اند ولی کم کم قلق کار با مجنتو دستشان آمده است. تم مجنتو شامل سه قسمت می شود:

۱۱ نظر
ادامه‌ی مطلب را بخوانید