11 примеров веб-сайтов для малого бизнеса Divi

Опубликовано: 2017-05-07

В мире полно малых предприятий, и с каждым днем ​​их становится все больше. С этим возникает постоянная потребность в новых веб-сайтах. Существует множество веб-сайтов для малых предприятий, созданных с помощью Divi, чтобы вдохновить вас на дизайн вашего следующего проекта. В этой статье мы рассмотрим 11 примеров веб-сайтов для малого бизнеса Divi, которые помогут вам с идеями дизайна для вашего следующего проекта Divi.

Большинство из этих предприятий обслуживают местные регионы, а не продают товары через свои веб-сайты. Они предоставляют контактную информацию и информацию о местоположении, чтобы они могли либо прийти к вам, либо вы могли пойти к ним. Независимо от типа услуг, которые предоставляет малый бизнес, эти сайты могут вдохновить вас на создание вашего следующего дизайна. Они не в определенном порядке.

1. J-Tech Solar

J-Tech Solar использует полноэкранный видео-фон со слоганом, информацией о компании и интерактивным номером телефона в оверлее. Имеет вертикальное меню с призывом к действию. Далее следует раздел из трех столбцов со ссылками на обслуживаемые отрасли, раздел с призывом к действию, в котором используется частичное наложение поверх полноэкранного изображения, и раздел информации из четырех столбцов с текстом. В следующем разделе показано одно из самых интересных применений параллакса, которое я когда-либо видел - он включает полноэкранное фоновое изображение с вырезанным текстом, использующим как положительное, так и отрицательное пространство. Первая строка текста блокирует фон, а вторая строка текста показывает фон. После этого еще один призыв к действию с наложением и настраиваемым нижним колонтитулом с контактной информацией справа. Сайт отлично использует цвет, изображения, видео и параллакс.

2. Fixheat

Fixheat отображает полноэкранное изображение с чрезмерным синим цветом, которое включает в себя логотип, слоган, CTA и значки услуг, предоставляемых с истинным параллаксом. Меню открывается при прокрутке. После этого находится раздел «Информация», который включает изображение на белом фоне и ссылку для получения дополнительной информации. Сервисы отображаются в виде больших значков поверх фонового изображения с истинным параллаксом. CTA размещается над темно-серым разделом. Пользовательский нижний колонтитул показывает логотипы на более темном сером фоне. На сайте отлично используются цвета и шрифты.

3. Нестандартные формы

В нестандартных формах отображается полноэкранное изображение с наложенным логотипом с истинным параллаксом. Раздел из трех столбцов показывает услуги, предоставляемые с большими изображениями в монохромных и стилизованных ссылках. В следующем разделе показан отзыв во всю ширину, напечатанный крупным красным шрифтом. Далее следует слайдер портфолио, полноэкранный слайдер с отзывами над фоновым изображением с истинным параллаксом и контактная форма. На странице «Портфолио» каждая услуга размещается на фоне разного цвета. На сайте отлично используются цвета, фон и шрифты.

4. Sardis Tire and Auto Works

Sardis Tire and Auto Works включает полноэкранное изображение со слоганом и призывом к действию. Прокрутка показывает полноразмерный раздел с жирным желтым фоном, полноразмерный раздел с изображениями техников, работающих в магазине. Другой полноразмерный раздел включает ссылки на услуги, предоставляемые с помощью анимации наведения. Раздел контактов включает в себя контактную форму и карту на темно-синем фоне. Ссылки меню очень большие и отлично сочетаются с дизайном сайта. На сайте широко используется цветовая маркировка и шрифты.

5. Адам Алан Живопись и контракты

Adam Alan Painting and Contracting включает левое вертикальное меню. Он включает полноэкранное изображение с заголовком, слоганом и призывом к действию в параллаксе. В следующем разделе представлена ​​информация о компании на оранжевом фоне со стилем треугольной части. За ним следует раздел с изображениями, значками и текстом, описывающим предоставляемые услуги. Фотографии домов показаны в полноразмерном разделе, за которым следует раздел с отзывами, состоящий из нескольких столбцов. Контактный призыв к действию помещается поверх изображения с оранжевым оверлеем. Нижний колонтитул содержит сертификат BBB. На сайте удачно используется цвет.

6. Дева Джейн

Maiden Jane использует большой логотип над меню и включает полноэкранное изображение с приветственным сообщением и призывом к действию в параллаксе. При прокрутке отображается раздел из нескольких столбцов с изображениями и фоном со ссылками на различные страницы. Пользовательский нижний колонтитул отображает логотип, кнопки социальных сетей и контактную информацию на розовом фоне, который соответствует брендингу. На странице "Получить предложение" используется встроенная форма типа, в которой вы можете выбрать интересующий вас тип продукции. Сайт прост и имеет чистый дизайн.

7. Schlosserei Schneider

Schlosserei Schneider (Castle Cutters) использует одностраничный дизайн, который отображает полноэкранный синемаграфический фон с заголовком и слоганом в наложении. В следующем разделе отображается информация о компании и контактная информация, за которой следует большой раздел в трех столбцах с фотографией владельца в центре и описанием услуг во внешних столбцах. Следующий раздел включает три ползунка с изображениями работ, за которыми следует полный раздел с изображением и контактной информацией, контактная форма на полном фоне, галерея изображений, карта прокрутки во всю ширину и информация в нижнем колонтитуле. Макет чистый и понятный.

8. Разнорабочий IOW

Handyman IOW использует одностраничный дизайн, который отображает большой логотип над основным меню, который включает интерактивный номер телефона, и большой графический фон с логотипом, информацией и кнопкой «Читать дальше» в наложении. Следующие два раздела включают чередующиеся изображения и текст и включают интерактивный номер телефона. Полноразмерный раздел отображает службы поверх изображения в параллаксе, за которым следует контактная информация, карта и контактная форма поверх изображения в параллаксе с наложением. Сайты хорошо используют интерактивные телефонные номера как призыв к действию.

9. Уход за землей и орошение озера Норман

Land Care and Irrigation of Lake Norman включает ползунок для страниц «Услуги», «Галерея» и «Получить расценки» с кнопкой для просмотра дополнительных материалов, за которой следует призыв к действию в зеленом поле шириной с ползунок. На боковой панели есть виджет с описанием услуг. При нажатии на каждую из служб в нижней части виджета отображаются подробные сведения. Страницы включают CTA на боковых панелях и используют переключатели для информации и галерею с несколькими макетами для изображений. Страницы с расценками и платежами поддерживаются пользовательскими контактными формами. Сайт прост и отлично использует фирменные цвета.

10. Двери восточного побережья

East Coast Doors отображает полноэкранное фоновое изображение с приветственным сообщением в оверлее и призывом к действию в параллаксе. При прокрутке отображается информация о компании с номером телефона в стиле треугольника. Товары отображаются в трех столбцах со ссылками. Другой раздел отображает продукты в формате списка с информацией о продажах, полноразмерный раздел с призывом к действию и нижний колонтитул, который открывается при прокрутке. Навигация поддерживается Uber Menu и показывает продукты, категории продуктов и контактную форму в мегаменю. На сайте широко используются фотографии продуктов и представлены самые интересные меню из списка.

11. Pro Data Management

Pro Data Management использует полноэкранное фоновое изображение с наложением градиента, которое включает информацию о компании и призывы к действию. В следующих нескольких разделах отображаются три значка со ссылками на соответствующие службы, разделенные по типу. В следующем разделе отображаются сертификационные логотипы сотрудников, за которыми следуют призыв к действию и нижний колонтитул с призывом к действию, информацией и меню. Окно чата остается на экране. В меню есть призывы к действию и интерактивный номер телефона. Пункты меню содержат значки. Обращения отправляются через встроенные простые формы. На сайте отлично используются оверлеи и цвета, а также есть четкое меню.

Последние мысли

Эти 11 примеров веб-сайтов для малого бизнеса Divi являются отличными примерами, демонстрирующими, что Divi можно использовать для создания веб-сайтов любого типа, независимо от того, насколько малый бизнес. Независимо от того, является ли сайт простой брошюрой с контактной информацией или сайтом с логином и платежными системами, его можно создать с помощью Divi.

Эти сайты отлично подходят для предоставления идей макета, фирменных цветов, параллакса, изображений, анимации, видео, систем связи, CTA, навигации и многого другого. Эти веб-сайты обязательно вдохновят вас на дизайн вашего следующего веб-сайта для малого бизнеса.

Какие из элементов этих веб-сайтов для малого бизнеса Divi вам больше всего нравятся? Дайте нам знать в комментариях ниже!

Лучшее изображение через Mascha Tace / shutterstock.com