بهترین طراحی وب سایت‌ به انتخاب المنتور در آپریل ۲۰۲۲

چکیده

المنتور همواره به عنوان یکی از محبوب‌ترین ابزار‌های طراحی وبسایت در چارچوب وردپرس شناخته شده است. این شرکت موفق به صورت منظم مجموعه‌ای از طراحی‌های برگزیده ی خود را در قالب ماهنامه ارائه می دهد. در این مطلب مروری بر وبسایت‌های برگزیده ی المنتور و ماهنامه ی آپریل ۲۰۱۲ آن خواهیم داشت.

فهرست مطالب

عضویت در خبرنامه

اشتراک گذاری

شرح مطلب

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

طراحان المنتور به صورت دوره‌ای بعضی از طراحی‌های وب‌سایتِ متفاوت را در سایت خود منتشر می‌کنند. به این ترتیب طراحان سایت می‌توانند با مطالعه این مطالب و بررسی طراحی‌های مورد نظر المنتور توانایی‌های خویش را در زمینه طراحی وب‌سایت گسترش دهند و اطلاعات سودمندی به دست آورند. وب‌سایت‌های زیر شامل یک شرکت تکنولوژی محور، یک شرکت صنعتی ساخت و ساز، یک کسب و کار املاک، استودیو‌های طراحی، یک اموزشگاه، یک شرکت ارائه‌دهنده مشاوره، و یک وبسایت درباره ی جزیره‌ای در مدیترانه است.

در این مطلب می‌توانید استفاده به جا از انیمیشن‌های lottie را ببینید، با افکت‌های هاور و اسکرول جدیدی آشنا شوید، از ترکیب‌رنگ‌های جذّاب و هوشمندانه الهام بگیرید، راه‌های جدید ارائۀ مطالب اساسی وب‌سایت را بیاموزید، و قدرت و امکانات استفاده از global styling در المنتور را درک کنید.

با ما همراه باشید:

LumenVox، نمونه طراحی سایت خدمات هوشمند

انجام شده توسط solid digital

این شرکت شیوه‌ی استفاده‌ی کاربر از وب‌سایت را با فنّاوری درک کلام و تشخیص صدا جایگزین می‌کند. این فنّاوری منعطف و مقرون به صرفه کاربرانش را قادر می‌سازد به ساده‌ترین شکل خدمت خود را به شکلی نوین ارائه دهند. هم‌چنین ترکیب فنّآوری تشخیص کلام و تشخیص صدا باعث می‌شود کاربران بتوانند با سرعت و امنیّت رابطه با مشتریانشان را بهبود بخشند.

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

به کارگیری انیمیشن‌های لاتی فضایی زنده را در بعضی از صفحات محصولات ایجاده کرده است. هم‌چنین خطوطی نیز در طراحی این وب‌سایت به کار رفته که در مجموع یک دایره را می‌سازند، این ایده در کنار باقی اجزای سایت باعث شده که فضای وب‌سایت با کسب‌وکار آن کاملا هماهنگ بوده و محیطی مدرن و فنّاورانه را بسازد. در کنار همه‌ی این‌ها فونت sans serif و استفاده به جا از فضاهای خالی به همین هدف کمک می‌کنند.

طراح: Adriana Ortner – sofresh digital

توسعه: Robert Kurzmann

تم: Hello

پلاگین ها
Elementor Pro, Complianz Cookie Consent, MouseWheel Smooth Scroll, Rank Math SEO: Pro, United Elements for Elementor, Woody Code Snippets, WP Rocket 

Xania Real Estate، نمونه طراحی سایت مشاور املاک

 انجام شده توسط Sofresh

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

بکار گیری ویدئو‌های تمام عرض در هیرو راهی هوشمندانه برای جذب مخاطب است، به خصوص با استفاده از زاویه دید عمودی که تصویری وسیع تر ارائه می دهد. به کمک تایپوگرافی درشت، فونت‌های sans serif، و فضای خالی، این وب‌سایت یک نمونه مناسب از طراحی مدرن برای مخاطب مدرن است.

طراح: Adriana Ortner – sofresh digital

توسعه: Robert Kurzmann

تم: Hello

پلاگین ها

Elementor Pro, Complianz Cookie Consent, MouseWheel Smooth Scroll, Rank Math SEO Pro, United Elements for Elementor, Woody Code Snippets, WP Rocket 

eatyjet، نمونه طراحی سایت در حوزه فرهنگ و غذا

انجام شده توسط Avocado

این شرکت در شرایط بحرانی شکل گرفت: یک بیماری همه گیر، منع رفت و آمد، بسته شدن هتل‌ها و البته میل شدید همگان برای سفر و گشت‌ و گذار. از همین روی ایده ساختن این وب‌سایت برای سفر در جهان مجازی به وجود آمد. این پروژه با ایده اولیه زندگی کردن در فرهنگ هر گوشه از جهان به واسطه غذا ،مزه‌ها، صداها و خاطره‌های آن به وجود آمد.
با به کارگیری مجموعه‌ای از رویکردهای طراحی بروز و مدرن همچون طراحی هم سطح، رنگ‌های روشن و تایپوگرافی بزرگ، این وب‌سایت مخاطبان آشنا با تکنولوژی را به عنوان جامعه‌ مخاطب خود قرار داد. با استفاده از پس‌زمینه‌های خالی که فضایی برای تنفس ایجاد کرده، فلش هایی که مسیریابی را راحت‌تر کردند، متون شفّاف و موارد دیگر این سایت تصویری بروز و تازه را در تمام صفحات خود ارائه می‌دهد

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

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

طراحی و توسعه: Avocado

تم: Hello

پلاگین ها

Advanced Custom Fields, Cookiebot, Elementor, Elementor Pro, Sticky Header Effects for Elementor, Yoast SEO, WP-Optimize, iThemes Security

MSZ Lab، نمونه طراحی سایت آژانس تبلیغاتی

انجام شده توسط Matteo Pranzini

نمونه طراحی وب سایت برند سازی

این شرکت یک آژانس تبلیغاتی است که با به‌کارگیری پرسنلی حرفه‌ای، و با تمرکز بر ارائه خدمات عالی به مشتریان شکل گرفته است. این تیم اساسا، در نقطه‌ تلاقی برنامه‌ریزی رویداد، بازاریابی، تولید محتوا، طراحی، مدیریت پروژه و توسعه وب دست به همکاری و کسب تجربه زده‌اند. آنها بر این باور بودند که اگر امنیت نقطه قوه ماست، پس باید این نقطه‌ی قوّت را در گروه جست. ساخت یک آینده دیجیتال که هسته اصلی آن ارتباط ماندگار انسان‌هاست , نیروی پیش‌ران آن‌هاست.
چشم نواز اولین واژه ای است که هنگام گشت زدن در این وب سایت زیبا به ذهن میرسد. به عنوان مثال بخش درباره ما با استفاده از ایموجی‌ها و تایم لاینی کوچک که بیانگر تاریخ شرکت است, شکلی منحصر به فرد و قابل درک به خود گرفته است.
یک فونت serif زیبا در این مجموعه استفاده شده, در کنار آن یک هیرو تمام عرضِ مدرن به همراه اسلایدری از تصاویر که نشانگر سرویس های شرکت است، یکپارچگی را در سایت ایجاد کرده. استفاده از تصاویر رنگی روی پس زمینه سفید تجربه ای خوشایند برای کاربر ساخته. هیچکدام از صفحات بیش از حد طولانی نیست و اطلاعات آن همواره در دسترس است. فضای رنگی سایت سبک و ساده بوده و احساسی استعلایی را به بیننده القا می کند

طراحی و توسعه: Matteo Pranzini

تم: Hello

پلاگین ها

Elementor, Elementor Pro, UpdraftPlus – Backup/Ripristino, Premium Addons for Elementor, Facebook for WordPress, Cookie and Consent Solution for the GDPR & ePrivacy

Grupo Criativo، نمونه طراحی وب سایت آژانس تبلیغاتی

انجام شده توسط Gabriel Dutra

نمونه طراحی سایت بازاریابی

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

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

صفحه خانه یک رنگ سبز فیلتر شده را در کنار انیمیشن های lottie به وسیله نقطه های قرمز که به شکل های مختلف ترسیم شده‌اند ,ارائه می دهد. طراحی تمام‌عرض وب‌سایت ایده‌های مدرن را پیش می‌کشد و این امر به کمک سرتیترهای متحرک در صفحات داخلی و نوشته‌های متحرک در صفحات وب‌سرویس‌ها تکمیل شده است  .

طراحی و توسعه: Gabriel Dutra

تم: Hello

پلاگین ها

Black Widgets, Honeypot for Contact Form 7, Modernaweb Plugin, WP ULike, MouseWheel SmElementor PRO, Custom post type UI, Premium Addons, Qi Addons, Wordfence Security, WebP Express, Polylang, Yoast SEO

Escuela21، نمونه طراحی سایت آموزشی

انجام شده توسط Banuka Studio

نمونه طراحی وب سایت آموزشی

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

 وب سایت یک الگوی جذاب را در سلسله مراتبِ تایپوگرافی، در رنگ‌ها و شکل‌ها دنبال کرده است و با به کارگیری طراحی مینیمال و استفاده از فضای خالیِ به اندازه، توانسته مخاطب مورد نظر خود را جذب کند.

استفاده از بناها و آثار شناخته شده در نقاط مختلف جهان و کنار هم قرار دادن این عناصر تصویری، تمام عناصر طراحی را به خوبی به هم وصل می‌کند. انگار این اجزاء همان خطِّ ربطی هستند که می‌تواند جهان را یکپارچه سازد. در واقع، این وب‌سایت پر است از عکس‌های مربوط به صفحه‌ی هر نهاد که ذیل صفحه‌ی خدمات با رنگی متمایز مشخص می‌گردد. جزئیات بسیاری همچون فونت sans-serif متناسب و فضای خالی قابل توجه بیانگر طراحی مدرن و پیام بروز آنهاست  .

طراحی و توسعه: David Fernández Graña – Banuka Studio

تم: Hello

پلاگین ها

Clear Cache for Me, Crocoblock, Polylang, Rank Math SEO, WP-Sweep, PublishPress Capabilities, GDPR Cookie Consent, Elementor Pro

Wolves Art، نمونه طراحی سایت هنری

 انجام شده توسط Fanny Péneau

نمونه طراحی هنری وب سایت

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

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

طراحی و توسعه: Fanny Péneau, Ronan Hello

تم: Hello

پلاگین ها

Yoast, ACF, Ele custom skin, Wp super cache, Site kit, Secupress

Visite Guia de Isora، نمونه طراحی سایت گردشگری

انجام شده توسط Travel Productions

نمونه طراحی سایت گردشگری

این جزیره تجربه‌های بیاد ماندنی بسیاری برای شما خلق می‌کند. این شهر از ۱۷ بخش کوچک و روستا که از کرانه اقیانوس تا ارتفاعات پراکنده شده‌اند تشکیل شده است. در این مکان برای هر گونه سلیقه محتوا و سرگرمی فراهم شده است تا سفری به یاد ماندنی داشته باشید.

یک خوشامد آفتابی تجربه اول کاربران در این وب سایت است. از آنجا که وب‌سایت برای توریست‌ها طراحی شده است, ویدیو تمام عرض نمایی پانوراما از فعالیت‌هایی که در این جزیره اسپانیایی مدیترانه انجام می‌گیرد را نمایش می دهد.

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

 طراح: Jose Toste – Travel Productions 

توسعه: Ania Kawachi

تم: Hello

پلاگین ها

JetElements, Polylang, The Events Calendar Pro, WordFence, WP Rocket, Yoast SEO : Premium, Simple Custom CSS, and JS

Resilience Development Company، نمونه طراحی سایت شرکتی

انجام شده توسط The Collective

نمونه طراحی یک سایت شرکتی

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

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

طراح: Jose Toste – Travel Productions  

توسعه: Brian Mann – The Collective

تم: Hello

پلاگین ها

JetElements, Polylang, The Events Calendar Pro, WordFence, WP Rocket, Yoast SEO : Premium, Simple Custom CSS, and JS


منبع: سایت المنتور

مطالب مشابه

آموزش
بهترین طراحی وب سایت‌ به انتخاب المنتور در آپریل ۲۰۲۲

المنتور همواره به عنوان یکی از محبوب‌ترین ابزار‌های طراحی وبسایت در چارچوب وردپرس شناخته شده است. این شرکت موفق به صورت منظم مجموعه‌ای از طراحی‌های برگزیده ی خود را در قالب ماهنامه ارائه می دهد. در این مطلب مروری بر وبسایت‌های برگزیده ی المنتور و ماهنامه ی آپریل ۲۰۱۲ آن خواهیم داشت.

ادامه مطلب »
آموزش
چگونه فایل robots.txt وردپرس خود را برای سئو بهینه کنید؟

فایل robots.txt راه حلی مرسوم برای محدود کردن و یا دسرس پذیر ساختن شاخه های مختلف سایت شما برای موتورهای جستجو است. می توانید از طریق آن بعضی قسمت های سایت خود را از چشم موتورهای جستجو مخفی کنید و یا بخشی از نقشه ی سایتتان را که می خواهید سریعا کاوش شوند معرفی کنید. در ادامه می توایند توضیحات کاملی را در این رابطه بخوانید.

ادامه مطلب »

با ما تماس بگیرید