بررسی سایت های طراحی شده با قالب Divi ( نمونه سایت با دیوی )

پست های وبلاگ دیوی
دیوی مارکتسپتامبر 20, 2021

امیدواریم از خواندن این مقاله لذت کافی را ببرید

اگر می خواهید قالب قدرتمند دیوی را با لایسنس اورجینال و قابلیت آپدیت اتوماتیک تهیه کنید و با ما سفری هیجان انگیز به سوی راه اندازی کسب و کاری سودآور با تجربه کنید اینجا کلیک کنید.

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

آیا برای شما مهم است که بدانید در ایران یا خارج از کشور کدام سایت با دیوی طراحی شده است؟

شاید اصولا این موضوع برای شما اهمیت چندانی نداشته باشد که بدانید از قالبی که از آن استفاده می کنید در چه وبسایت های دیگری استفاده شده یا با آن قالب چه نوع سایت هایی راه اندازی شده است؟

اگر این موضوع برای شما اهمیتی ندارد قطعا این مقاله برای شما نگارش نشده است و بهتر است که از خواندن ادامه آن صرف نظر کنید اما اگر می خواهید در خصوص سوالات زیر اطلاعاتی کسب نمایید این مقاله قطعا به شما کمک خواهد کرد.

از قالب دیوی در دنیا بر روی چه نوع وبسایت هایی استفاده شده است؟

تعدادی از نمونه سایت های موفقی که در دنیا با استفاده از قالب دیوی طراحی شده است کدامند؟

آیا شرکت ها و سازمان های بزرگ نیز از قالب دیوی برای طراحی و راه اندازی وب سایت خود استفاده می کنند؟

جهت پاسخ به سوالات فوق و بسیاری سوالات دیگر در ادامه این مقاله با ما همراه باشید.

در مقاله معرفی قالب دیوی به بررسی آمار استفاده از این قالب پرداختیم و بیان کردیم که Divi یکی از محبوب ترین قالب های وردپرس بوده و بر روی بیش از 2 میلیون وبسایت (که در حال حاضر لایو و آنلاین هستند) استفاده می شود.

Divi دارای دو بخش است: قالب وردپرس دیوی و دیوی پیج بیلدر. در حالی که قالب ظاهر و UI وب سایت را نشان می دهد، divi builder ابزارهایی را برای ایجاد محتوا با عناصر مختلف on-page در اختیار شما قرار می دهد.

دلیل اصلی محبوبیت دیوی تعداد تمپلیت های فراوان (طراحی شده برای آن) و همچنین ویژگی های پیشرفته ای مانند سیستم A/B test داخلی و همچنین پیج بیلدر توکار می باشد.

Divi Builder نه تنها از کارایی و انعطاف پذیری بسیار بیشتری نسبت به ویرایشگر پیش فرض وردپرس یعنی Gutenberg برخوردار است بلکه بسیار قدرتمندتر از صفحه سازهای سنتی است.

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

آیا این موارد از دید شما نیاز به اثبات دارد؟ پس اجازه دهید نگاهی به برخی از بهترین وب سایت های ساخته شده با Divi بیندازیم.

سایت های خارجی با دیوی

در ابتدا به بررسی برخی وب سایت های طراحی شده در خارج از کشور با قالب Divi می پردازیم. تعدادی از این سایت ها عبارتند از:

ends+stems

Ends + Stems یک وبلاگ در خصوص غذاست که برنامه های غذایی را به صورت هفتگی برای کاهش میزان ضایعات مواد غذایی منتشر می کند. این وب سایت برای توضیح خدمات سایت و اینکه این خدمات چگونه می تواند کیفیت زندگی آنها را افزایش دهد طراحی شده است و تلاش می کند شک و تردیدها در خصوص کارایی برنامه ها را برطرف کند.

Share Vancouver Island

Share Vancouver Island یک وب سایت طراحی شده با Divi است که برای بازدیدکنندگان بالقوه و کسانی که قبلا از جزیره ونکوور در بریتیش کلمبیا بازدید کرده اند طراحی شده است. این وب سایت شامل تصاویر، فیلم ها، کلیپ ها و پست های رسانه های اجتماعی است که زیبایی جزیره را به نمایش می گذارد.

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

Huntington YMCA

هدف اصلی هانتینگتون YMCA تقویت جوامع با تمرکز بر توسعه جوانان، زندگی سالم و مسئولیت اجتماعی است.

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

حرکت در صفحه آسان و بارگذاری سایت سریع انجام می شود.

Customer Camp

اگر مخاطبان هدف کسب و کار خود را درک نکنید، رشد کسب و کارتان سرعت چندانی نخواهد داشت و توسعه آن بسیار کند خواهد بود.

به همین دلیل باید شرکت هایی مانند Customer Camp را به خدمت بگیرید. آنها به شما کمک خواهند کرد که مشتری خود را بهتر بشناسید تا بتوانید تصمیمات بهتری بگیرید و در بازار هدف هوشمندانه تر عمل کنید.

صفحه اول وب سایت انیمیشنی از تعامل خانمی با تلفن همراه را نشان می دهد. در زیر انیمیشن، می توانید آرم رسانه هایی که این وب سایت به نوعی در آن ها حضور داشته است را مشاهده نماید.

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

در میانه صفحه نیز یک CTA (اقدام به عمل وجود دارد) که از کاربر می خواهد که در صورت تمایل در کارگاه هایی که توسط وب سایت برگزار می شود شرکت کند و یا اینکه محققانی را برای بررسی و تحلیل امور کسب و کار خود بکار بگیرد.

در پایین صفحه، درست قبل از فوتر، یک فرم وجود دارد که از شما می پرسد آیا می خواهید افکار دیگران را بخوانید (Mind Reader)؟

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

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

Marqeta

Marqeta یک شرکت صدور کارت و پردازنده پرداخت از اوکلند در ایالت کالیفرنیا است. این شرکت بیش از 500 کارمند دارد و در 35 کشور جهان فعالیت می کند.

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

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

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

آبی تیره، سفید و سبزرنگهای غالب وب سایت هستند که رنگهای سازمانی مارکتا را نشان می دهند.

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

EasyPay

EasyPay یک شرکت پذیرنده دستگاه های کارتخوان و راهکارهای پرداخت و همچنین حسابداری در صنعت هتلداری است.

هنگامی که صفحه اصلی سایت بارگذاری شود، یک تصویر از پذیرش یک هتل را مشاهده خواهید کرد.

همچنین یک دکمه “Try for free” را می بینید که با کلیک بر روی آن به فرم تماس در پایین صفحه می برد. در این فرم می توانید اطلاعات تماس خود را برای دریافت یک نسخه دمو وارد کنید.

وب سایت دارای یک نوار ناوبری ثابت (منو) با یک دکمه CTA در سمت راست است. وقتی صفحه را به پایین اسکرول نمایید یک مورد انیمیشن نیز در میانه های صفحه مشاهده خواهید کرد.

شما همچنین با کلیک کردن بر روی آیکون CTA در سمت راست منو، باز هم به فرم پایین صفحه هدایت خواهید داشت.

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

Thoroughbred Construction Group

این شرکت در ایالت اوهایو واقع است و در زمینه تعویض و تعمیرات سقف منازل در سطح کشور آمریکا و به خصوص در نزدیکی مناطق Ironton، Huntington و Ashland Tri-State در ایالت مذکور فعالیت می کند.

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

درست بعد از این متن، دو دکمه اقدام به عمل (CTA) وجود دارد که کاربر با کلیک بر روی دکمه ” get an estimate ” به یک فرم هدایت خواهد شد که با پرکردن اطلاعات خود می تواند آدرس و نیازهای خود را به شرکت اعلام کند و شرکت نیز می تواند با استفاده از آن علت برآورد خود را از میزان هزینه و زمان انجام تعمیرات یا تعویض به کاربر اطلاع دهد. همچنین با کلیت بر روی دکمه “Call Now” شماره تماس شرکت نمایش داده می شود که فرد قادر خواهد بود با شرکت در خصوص نیازهای خود تماس بگیرد.

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

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

LOCAMAT

Locamat یک شرکت در کشور توگو در غرب آفریقا است. این شرکت به ارائه خدمات سنگین باربری و حمل و نقل، جرثقیل و … در توگو، بورکینافاسو، بنین و غنا ارائه می پردازد.

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

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

شما می توانید با استفاده از منوی ناوبری چسبنده بالای صفحه به سرعت از صفحه ای به صفحه دیگر منتقل  شوید.

در بخش فوتر، می توانید با وارد کردن نام و ایمیل خود، به لیست خبرنامه ایمیلی وب سایت بپیوندید.

رنگ نام تجاری این شرکت قرمز است و این رنگ همان رنگی است در صفحات بیشتر قسمت های وب سایت مشاهده می شود.

Greene

Greene یک شرکت اسپانیایی است و ایده اصلی آنها این است که از دست زباله ها خلاص شوید و آن را به انرژی سبز تبدیل کنید.

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

منوی اصلی سایت تنها در بالای صفحه اصلی قابل مشاهده است و در تمام صفحه به آن دسترسی وجود ندارد. هنگامی که به پایین اسکرول می کنید، بیشتر در مورد فرآیندهای حذف زباله خواهید آموخت البته در هر بخش دکمه های اقدام به عمل ( Call to Action) نیز وجود دارد که هر کدام مربوط به عملی خاص است

همچنین آخرین پست های وبلاگ سایت نیز در صفحه اصلی قابل مشاهده است.

EcoHost

EcoHost راه حل های هاستینگ و میزبانی سبز را برای افراد و کسب و کارهای کوچک ارائه می دهد. به گفته مسولان شرکت، آنها از سرورهایی استفاده می کنند که 100٪ توسط انرژی باد کار می کند. آنها همچنین به ازای  هر ماه که وب سایت خود را با آنها میزبانی می کنید یک درخت می کارند.

این سایت یک وب سایت تک صفحه ای است. این سایت از منوی ناوبری چسبنده استفاده می کند، که حرکت به بخش های مختلف صفحه را آسان می کند.

در این وب سایت توضیحاتی در خصوص میزان آلایندگی اینترنت بیان شده است و تاکید شده که این هاستینگ یک میزبان سبز بوده و دوستدار محیط زیست است.

در پایین صفحه سوالات متداول را می توان پیدا کرد. همچنین در بخش فوتر می توان به خبرنامه و فرم دریافت ایمیل کاربران دسترسی پیدا کرد.

 رنگ غالب وب سایت سبز است. این رنگ در ترکیب دیگر رنگ ها یک وب سایت چشم نواز را بوجود آورده است.

Mike’s Country Meats

این شرکت یکی از شرکت های تامین گوشت گاو در ایالات متحده است که در ایالت ویسکانسین واقع شده است.

طریقه طراحی وب سایت و رابط کاربری آن نیز کاملا گویای این موضوع است.

هدر وب سایت یک مزرعه را نشان می دهد که در منظقه ای سرسبز و مملو از ابر و باران واقع شده است که با وضعیت آب و هوایی ویسکانسین کاملا تطابق دارد.

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

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

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

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

در پایین و بالای صفحه در هر دو بخش برای راحتی کاربر اطلاعات تماس و … درج شده و به آسانی قابل دسترسی است.

Whyfi

Whyfi یک آژانس دیجیتال و برندینگ استراتژیک است که در ایالت بنگلور هند واقع است.

با شعار تجاری “Spotted” منطقی است که وب سایت Whyfi بسیار چشم نواز است. وب سایت Whyfi با طرح رنگی پر جنب و جوش، تایپوگرافی پررنگ (bold) و هدر عمودی، از سایر آژانس های دیجیتال که سایت خود را با Divi طراحی کرده اند، متمایز می شود.

هنگامی که صفحه اصلی وب سایت به پایین اسکرول می شود موارد مختلفی scroll effect در آن مشاهده می شود که جلوه خاصی به وب سایت می دهد.

همچنین هدر عمودی وبسایت در تمام صفحه در دسترس است که دسترسی به سایر صفحات را به آسانی مهیا می سازد.

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

رنگ لوگوی شرکت قرمز است که از این رنگ در دکمه (باتن) ها نیز استفاده شده است.

دیگر رنگ های غالب وبسایت رنگ های مشکی، زرد و سفید است که به میزان زیادی می توان آن ها را مشاهده کرد.

Findability Sciences

Findability Sciences با ترکیب بیگ دیتا، علوم و محاسبات شناختی و هوش مصنوعی (AI) راه حل های استراتژیک را به شرکت های جهانی ارائه می دهد.

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

همچنین چند باتن اقدام به عمل (CTA) برای تماس و کسب اطلاعات بیشتر و همچنین تماشای ویدئوهای آن ها در یوتیوب در وبسایت مشاهده وجود دارد.

عکس موجود در بخش هدر وب سایت گویای همه چیز است و زمینه فعالیت شرکت را منعکس می سازد.

Findability Science یک مثال عالی از وب سایت هایی که برای اپلیکیشن ها با Divi طراحی شده است.

Dan Carr Photography

وب سایت Dan Carr Photography یکی دیگر از وب سایت های منحصر به فرد عکاسی است که با Divi ایجاد شده است.

هدر صفحه اصلی دارای یک تصویر تمام عرض بزرگ است که در زیر آن دو ردیف چهار ستونه از تصاویر کوچکتر نمایش داده می شود.

همچنین برندهایی که عکاس با آن ها همکاری داشته است نیز در صفحه اصلی وب سایت نمایش داده شده است.

صفحه اصلی دارای چندین ماژول دیگر (ماژول های دیوی) و گزینه های سفارشی سازی شده می باشد، از جمله پارالکس افکت، نمایش آخرین مقالات وبلاگ، گالری عکس، فید Instagram  (آخرین تصاویر منتشر شده در اینستاگرام عکاس)، آیکون های رسانه های اجتماعی و غیره.

0 Comments

Submit a Comment

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *