уебсайтове

Диетата и храненето са важни за здравословния живот и в мрежата има много информация по темата. Това означава, че има много уебсайтове, които да получат вдъхновение за следващия ви проект за диети и хранене. В тази статия ще разгледаме 13 примера за уебсайтове за диети и хранене, създадени с Divi, за да помогнат да се развихри въображението на всеки дизайнер на Divi.

Независимо дали вашият клиент трябва да обсъди диети и рецепти, да покаже продукти като здравни добавки и витамини или дори да осигури коучинг, курсове и семинари, тези сайтове могат да помогнат с вдъхновение за следващия ви дизайн. Уебсайтовете не са в определен ред.

1. Лин К Вагнер

Lynn K Wagner показва фон на цял екран с призив за действие (CTA) и прозрачно вертикално меню. Превъртането разкрива прозрачна регистрация за бюлетин в паралакс, CTA в паралакс, триколона за раздел в два цвята, раздел за препоръки и публикации в блога. Разделът about изглежда изглежда като че е дошъл направо от добре проектирана страница на списанието. Разделът за препоръки използва изображения и показва препоръката като наслагване при нанасяне на курсора на мишката. Разделът на блога включва изображението на блога с откъс в отделно наслагване. Различните страници включват галерии, паралакс и CTA.

2. Резултати Коучинг на храни

Резултати Food Coaching включва наслагване на цял екран в паралакс с CTA. Превъртането разкрива секция „about“ в три колони и елегантна информационна секция с CTA, препоръки, секция „Как работи“, използваща размитици с маркови цветове, форма за контакт и долен колонтитул с връзки с резултати и ресурси. Тук-там се хвърлят няколко изображения на цял екран. CTA за имейл остава в долната част на екрана и може да бъде отхвърлен, ако читателят реши. Сайтът използва чудесно икони, цветове и изображения.

3. Бляскав хипи

Glamour Hippie използва изображение с пълна ширина с просто меню с маркови цветове. Скролирането разкрива най-новите публикации в блога в мрежа с още много функции. Под това има регистрация на имейл с пълна ширина с маркови цветове. Последният раздел показва вградени емисии на Instagram с още функция за зареждане и бутон за следване. Този сайт се справя отлично с маркови цветове, фотография и представяне на публикации в блогове и социални емисии.

4. Нео Суплемен

Neo Suplemen включва плъзгач на цял екран, последван от списъци с продукти, задвижвани от WooCommerce. Статистическите данни за продажбите се показват с паралакс, друга секция показва членовете на екипа, последвана от секция с телефонния номер и слогана. Долният колонтитул показва информацията за контакт, заедно с около и джаджи за менюто. Сайтът отлично използва цвета и продуктовото разположение.

5. Trivert Nutrition

Trivert Nutrition включва плъзгач на цял екран, последван от списъци с продукти. Вместо да използват модул за магазин с продукти на WooCommerce, продуктите се показват с изображения и акордеони за подробна информация, а WooCommerce се използва за добавяне на бутон за покупка към списъка. Страницата Продукти просто изброява предимствата на продукта. Сайтът е прост и ефективен, запазвайки фокуса върху продукта.

6. Корен на живота

Root of Life има фон на цял екран в паралакс с CTA. След това е плъзгач на продукта, който показва следващия продукт в рамките на бутона със стрелка при задържане и показва продуктите като миниатюри точно под плъзгача. Модул за магазин показва продукти на WooCommerce с връзка към магазина. Публикациите в блога се показват с помощта на плъзгач за блог. Долният колонтитул показва формуляр за регистрация и връзки към менюто. Страницата Статии показва категориите отгоре и връзки към различните статии. Сайтът е с изчистен и опростен дизайн.

7. Естествена жизненост

Natural Vitality включва плъзгач на цял екран за публикация и интересна връзка към менюто с раздели за горното меню, което отвежда читателя до сестра сайт. Превъртането показва изображения с връзки към няколко страници, последвани от долен колонтитул с пет колони с връзки и формуляр за регистрация за бюлетин. Различните продуктови страници държат продукта от едната страна на екрана при превъртане. Страницата Find Natural Valley Products използва EasyLocator за вграждане на функция за локатор на магазини. Магазинът се захранва от WooCommerce. CTA остава на екрана и може да бъде отхвърлен, ако читателят пожелае. Сайтът използва чудесно продуктовия паралакс и CTA.

8. Загуби телесните мазнини

Lose the Body Fat е единственият сайт в този списък, който е създаден като блог за началната страница. Включва изображение на цял екран с анимационен герой и наслагване на слогани. Превъртането показва публикациите в блога в две колони със странична лента. Различните страници насочват вниманието към жизненоважна информация за диетите. Страницата за отслабване показва категорията в списък с една колона. Сайтът е чист, без да отвлича вниманието от съдържанието.

9. Отслабнете без диети

Отслабнете без диети използва изображение на цял екран с CTA, прозрачно меню и плаващ бутон за свидетелства. Превъртането разкрива секция за информация, секция в две колони с информация и препоръки, елегантна секция в блога, форма за контакт и долен колонтитул с връзки за контакт и социално следване. Разделът на блога включва фон и две публикации с маркови цветове и шрифтове. Между няколко раздела има по-малки раздели с мотивационни изявления. Страницата „Отслабване без диети“ създава разделители, използвайки елегантни секции с броячи.

10. Цял нов живот

Целият нов живот има голяма секция с лозунг като заглавен елемент, секция с пълна ширина с изображение и информация за контакт, CTA, препоръки, кръгли изображения с връзки към страници, формуляр за бюлетин и списък с последните публикации в пълна ширина . Страницата Рецепти показва категориите с изображение и текстови връзки към всяка публикация. Плащането се извършва чрез WooCommerce. Сайтът използва чудесно маркови цветове.

11. Спечелете Диетичната война

Win the Diet War включва изображение на цял екран с CTA, около раздел с препоръки, около раздел с CTA, раздел с три различни цветни текстови модула с CTA, раздел с представени лога на медиите и долен колон с джаджи за показване на публикации и информация за контакт. WooCommerce се използва за показване на курсове и книги на елегантно проектирани страници на магазини. Подкастите са вградени в публикациите в блога. Сайтът използва чудесно цвета и дизайна на оформлението.

12. Айри къри

Ayesha Curry включва голяма заглавка и лого, последвано от секция с двойна колона, която включва изображение, CTA и тристранична фотогалерия, показваща две снимки наведнъж. Разделът за CTA включва три полета с текстови връзки. Следващият раздел включва изображение с линк към нейното шоу в Food Network. След това има мрежа от блогове с ефекти на задържане и раздел с Писание в елегантен сценарий от Bible Gateway. Страницата за гледане показва видео галерия. Различните страници показват съдържание в три колони. WooCommerce управлява страницата на магазина. Сайтът използва чудесно цвета и дизайна на оформлението.

13. Изследователски институт по хранене

Nutrition Research Institute от Университета на Северна Каролина и има дизайн на списания. Началната страница включва плъзгач за публикация, CTA, секция с раздели и акордеони, странична лента с най-новата публикация и CTA и долен колонтитул с информация за контакт. Страницата на хронологията показва вградена времева линия. Графиците, заетостта и друга информация се показват с акордеони. WooCommerce се използва за получаване на дарения. Публикациите в блога се поставят в категорията Новини и се показват във формат на отместване в две колони с функция за зареждане на повече. Това е голям сайт, но е организиран и лесен за навигация и използва чудесно цвета.

Финални мисли

Тези 13 примера за уебсайтове за диета и хранене, създадени с Divi, показват, че Divi може да се използва за създаване на интересни дизайни за всеки тип уебсайт за диети и хранене, независимо дали включва рецепти и статии, онлайн магазин или сайт с курсове и семинари.

Тези сайтове са чудесни за предоставяне на идеи за оформления, цветове, фотография, видео, подкасти, навигация и др. Тези уебсайтове със сигурност ще ви вдъхновят за следващата ви диета и хранителен дизайн с Divi.

Кои са някои от любимите ви елементи от диетата и храненето на Divi сайтове? Уведомете ни в коментарите по-долу!

Представено изображение чрез Visual Generation/shutterstock.com

От Ранди А. Браун

Ранди А. Браун е писател на свободна практика от източна TN, специализиран в WordPress и електронна търговия. Той е дългогодишен ентусиаст на WordPress и обича да учи нови неща и да споделя информация с другите. Ако не пише или чете, вероятно свири на китара.

Разгледайте Divi, най-популярната WordPress тема в света и Ultimate Page Builder

Вижте тези свързани публикации

Как да добавите цветни и градиентни наслагвания към фоновете Divi Parallax и Video

Публикувано на 7 декември 2020 г. от Ранди А. Браун в Divi Resources

Препоръчаният плъгин в продажба в Divi Marketplace Divi Background Plus се предлага в Divi Marketplace! Това означава, че е преминал нашия преглед и е установено, че отговаря на нашите стандарти за качество. Можете да посетите Superfly на пазара, за да видите всички налични продукти. Закупени продукти.

Изтеглете БЕЗПЛАТЕН заглавен колонтитул за пакета за оформление на недвижими имоти на Divi

Публикувано на 6 декември 2020 г. от Donjete Vuniqi в Divi Resources

Хей Divi Nation! Благодарим ви, че се присъединихте към нас за следващата част от нашата седмична Divi Design Initiative, където всяка седмица раздаваме чисто нови безплатни продукти. Наскоро споделихме чисто нов Realtor Layout Pack. За да ви помогнем да стартирате и да стартирате уебсайта си възможно най-скоро, споделяме глобално.

Вземете ексклузивния БЕЗПЛАТЕН пакет за оформление на продуктовата страница на WooCommerce в кибер понеделник

Публикувано на 5 декември 2020 г. от Donjete Vuniqi в Divi Resources

Наличен само за кратко Кибер понеделник пристигна Пропуснахте ли разпродажбата ни в Черния петък? Не се притеснявайте! Нашите награди за Черния петък и ексклузивните пакети може да са изчезнали, но с нашата продажба в Кибер понеделник идва чисто нов набор от награди и ексклузивни пакети на пазара, така че това означава.