راهاندازی سایت آرتیک یکی از بهترین تجربههای زندگیمون بود! آرتیکو با دل و جان دوست داریم، براش وقت میزاریم و از دیدن پیشرفتش افتخار مکنیم.
از همان اوایل لانچ سایت دوست داشتیم قالبی بسیار منحصر به فرد داشته باشیم و کاربران بتونن به راحتی با سایت تعامل داشته باشن.
مهمترین فاکتورمون هم، زیبایی و به اصطلاح UI و UX خوب بود؛ ولی نیاز به فرصت داشتیم! پس تصمیم گرفتیم یه قالب موقت بسازیم!
از این فرصت استفاده کردیم و محتوای سایت رو هم بیشتر کردیم. در این مدت حدود ۲ الی ۳ ماهه قالب جدید آرتیک از پایه ساخته شد!
ریزترین جزیئات سایت از قلم نیفتاد و خودمون فکر میکنیم قالب خیلی خوبی شده D:
ساختار قالب جدید آرتیک
خب ما ساختار سایت رو یکم تغییر دادیم. به اینصورت که وقتی میرید به صفحهی اصلی سایت میبینید که به جای اینکه تمام پستها نشون داده بشن؛ اولش آخرین ویدیوها هست، بعد یه Tab داریم و بعد آخرین مطالب.
هر کدوم از بخشها شامل ۶ پست هست. اگه بخواید تمام موارد مربوط به اون قسمت رو ببینید هم باید روی دکمهی بیشتر بزنید.
آخرین مطالب یا بهتره بگم آرشیو تمام مطالب سایت روی میتونید توی arteek.ir/posts ببینید.
یه اسلایدر هم توی صفحهی اصلی گذاشتیم.
یه ساید بار کوچولو هم سمت راست سایت داریم (در نسخهی دسکتاپ). در نسخهی موبایل پایین صفحه و بالای قسمت فوتر هست.
یه موضوع مهمی هم که راجع به سایت هست Mobile First شدن قالب هست. یعنی اول استایل قالبو برای موبایل درست کردیم بعد برای دسکتاپ. چون گوگل خیلی سایتهای Mobile First رو دوست داره!
تم Light و Dark!
شاید یکم مسخره باشه ولی اسم تم لایت رو گذاشتیم پاستل 😐
البته بی دلیل هم نیست. چون سبک آیکنهایی که استفاده کردیم سبک Pastel هست 🙂
راستی میدونید چطوری باید تم رو عوض کنید؟ اگه نمیدونید به عکس زیر نگاه کنید:

اسم تم دارک رو هم گذاشتیم کهکشان راه شیری.
راستشو بخواید این که کاربر بتونه روی دو تم سوییچ کنه؛ اولین تجربهی توسعهدهندگان آرتیک بود D: ولی خوب از آب در اومده خداییش.
شاید بپرسید چرا دو تا تم درست کردیم برای سایت؟ خب دو تا دلیل داریم:
- بعضی از کاربرا سبکهای تیره رو دوست دارن و برای اونا این تم دارک رو تدارک دیدیم ❤️
- شاید نصف شب باشه و بخواید بیاید سایتمون 😍. از اونجایی که دوست نداریم چشاتون خدایی نکرده آسیب ببینه و راحت مطالعه کنید تم دارک رو توسعه دادیم.
شما از کدوم تمِ قالب جدید آرتیک بیشتر خوشتون اومده؟ توی بخش دیدگاه ها بنویسید.
سایدبار چسبان قالب جدید
قبلنا وقتی از لپتاپ به سایت آرتیک میومدید و یه مطلب رو میخوندید؛ سایدبار ثابت بود و همون بالا میموند. در نتیجه وقتی مقاله زیاد طولانی بود، سمت چپ سایت خالی بود. توی قالب جدیدمون دیگه سمت راست هیچموقع خالی نیست و احساس امنیت بیشتری خواهید کرد 😅
لوگو با ترکشی از انیمیشن
خب چرا ترکش اصلا؟ چون زیاد نمیشه اسمشو انیمیشن گذاشت ولی خب! اگه به لوگوی سایت (بالا سمت چپ) دقت کنید رنگش عوض میشه 😁😁😁

نظرتون راجع به این قابلیت جدید چیه؟ باز توی بخش دیدگاهها بنویسید.
کاملا واکنشگرا
قالب قبلی رو کمتر میشه واکنشگرا حساب کرد ولی توی قالب جدید آرتیک حسابی از Media Queryها استفاده کردیم.
الان دیگه راحت توی هر دستگاهی سایتو بهینه شده برای اون اندازه ببینید و محتوایی رو از دست نخواهید داد!
منوی جدید و منحصر به فرد!
خداییش منوی جدید رو جایی دیدید؟ مخصوصا که تم عوض میشه میتونید ببینید که چقدر سعی کردیم خوب اجراش کنیم.
منوی نسخهی موبایل که ساده هستش و پیچیدگی زیادی نداره ولی به نظرمون منوی دسکتاپ خیلی خوب شده. نظرتون با ما یکیه؟؟🤨

فوکوس به ویدیوها!
اولش که به سایت میاید بخش آخرین ویدیوها رو میبینید! یعنی از این به بعد به ویدیوها بیشتر توجه خواهیم کرد.
اگر هم خدا بخواد میخوایم محتوای ویدیویی مخصوص اینستاگرام هم تولید کنیم.
دزدی از اپل یا شاید هم مایکروسافت؟
ما توی قالب جدید دو سه جا عکسهامونو Blur کردیم.
هر کدوم از این دو شرکت اول Blur رو اختراع کرد ازش عذرخواهی میکنیم. 🍼😂😂

تیک آبی
فرض کنید شما یه دیدگاه زیر این پست گذاشتید، اگه من اون رو پاسخ بدم قبل از اسمم تیک آبی مثل اینستاگرام رو میزنه 😎 چون من نویسندهی این پستام! اگه میخواید امتحان کنید همین الان یه کامنت بنویسید برای این پست D:

صفحهی اختصاصی برای نویسندهها
نویسندههامون واقعا سنگ تموم گذاشتن برای آرتیک.
برای خوشحال کردنشون صفحهی نویسندهها رو هم شخصی سازی کردیم. باز ازشون اینجا تشکر میکنیم. مرسی که هستید. ❤️🌹
رنگ تیترها برای هر دسته بندی
اگه به اینستاگراممون هم دقت کنید هر دسته بندی اصلی که سایتمون داره یه رنگ برای خودش مشخص کردیم، مثلا مال عکاسی رنگ زرد هست.
توی قالب جدید اومدیم و برای تیتر نوشتههای هر دستهبندی همون رنگها رو استفاده کردیم.
قالب جدید آرتیک در آینده
خیلی از ایدههامونو توی این قالب برای آرتیک پیاده کردیم. باز یه سری موارد مونده. چون زیاد طول کشید. ولی باز دست از تلاش بر نمیداریم.
انشالله در بروزرسانیهای آینده موارد زیر رو هم اضافه میکنیم:
- نشان دادن نام و پروفایل تصویرسازهامون؛ بغل هر تصویری که تصویرسازا برای کاور درست میکنن.
- فعال کردن Notification برای دریافت آخرین اخبار بصورت آنی
- بعضی از قابلیتهایی که برای ادمینها و نویسندهها قابل دیدنه
شما هم اگه پیشنهادی دارید که میتونه برای قالب جدید مفید و کاربردی باشه حتما توی بخش نظرات بهمون بگید.
منم یه قالب مثل قالب جدید آرتیک میخوام!
اگر از قالب جدید آرتیک خیلی خوشتون اومده و میخواید تیم آرتیک براتون یه قالب شخصی با قابلیتهای دلخواهتون بسازه، همین حالا به اینستاگرام آرتیک دایرکت بزنید.
ما درخواستتون رو بررسی میکنیم و قیمت رو بهتون اعلام کنیم 🙂
قالب جدید آرتیک از منظر شما
خب یه نظر سنجی کوچولو هم میخوایم از شما داشته باشیم.
لطفا جواب هر موردو همراه با شمارَش توی بخش نظرات بنویسید. مرسی 🙂
- کلا از قالب جدید آرتیک خوشتون میاد؟
- اندازه متنها چطوره؟ هم توی دسکتاپ هم توی گوشی
- راجع به تم دارک پیشنهادی دارید؟
- آیا این قالب میتونه زمان موندن شما توی سایت رو بیشتر کنه؟
قابلیتهای دیگهای هم توی قالب جدید داریم که دیگه چون نوشته طولانی شد اینجا ذکرشون نکردیم.
میتونید توی بخش دیدگاهها قابلیتهای جدیدی که توی این مطلب ننوشتیم رو بنویسید.
واقعا عالیه...دست مریزاد اورمان جان :)
خیلی ممنون امیرحسین، عزیزی D: 🌷
خیلی عالی و حرفه ای شده خسته نباشی اورمان جان💛
مرسی محمّدرضا جان، لطف داری 😊❤
خداوکیلی خیلی خوبه 🤩خسته نباشین و بیشتر از همه از تغییر رنگ لوگو و عکس های اول سایت با پس زمینه blur خوشم اومد😍👍 خیلی خوبین❤
مرسی مهدی جان عزیز، خوشحالیم که خوشت اومده ❤❤❤