Система проектирования сайта: 160 блоков страниц

Пришло время представить вам систему проектирования сайтов, с важными обновлениями Gridbox Design System. Мы подготовили для вас невероятные обновления. Дамы и господа, Joomla Website Builder Gridbox получила огромный пакет из 160 совершенно новых блоков страниц.

За последнее время мы проанализировали сотни сайтов и целевых страниц, выделили наиболее часто встречающиеся блоки страниц, в результате чего создали 160 блоков в 14 категориях.

Блоки страниц являются незаменимым помощником, который следует использовать в процессе создания сайта. Используя блоки страниц, вы можете значительно ускорить процесс создания прототипа и построения страницы.

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

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

В результате нашего исследования мы пришли к выводу, что эффективная страница должна состоять из 6 основных разделов.

Также мы хотим отметить, что схема не является аксиомой, порядок разделов и категорий может варьироваться в зависимости от типа вашего сайта.

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

Целью вводных блоков является представление вашего делового предложения посетителю.

Первое, что видит пользователь при посещении вашего сайта - это экран обложки. Цель экрана «Обложка» - показать основное предложение веб-сайта вашему посетителю и заинтересовать его в том, чтобы остаться. Основное предложение на сайте должно быть кратким, четким и передавать суть вашего делового предложения. Доступные блоки «Cover» вы можете увидеть ниже:

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

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

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

В разделе «Детали» вам необходимо показать свое предложение более подробно.

Блоки «Описание» позволяют подробно описать ваше предложение. Большинство созданных блоков сочетаются с картинками, поэтому вы можете создать интересное описание вашей услуги или продукта. Доступные блоки «Описание» вы можете увидеть ниже:

Обычно шаги используются для объяснения того, как работает конкретная услуга или продукт. Доступные блоки «Шаги» вы можете увидеть ниже:

Если вы создаете веб-сайт или целевую страницу для конференции или мастер-класса, блоки «Расписание» станут незаменимыми помощниками, с помощью которых вы сможете добавить расписание на страницу. Доступные блоки вы можете увидеть ниже:

В разделе «Преимущества» вы должны ответить на следующие вопросы:

• Почему ваш продукт или услуга лучше, чем продукт или услуги вашего конкурента?
• Что делает ваш продукт интересным и уникальным?
• Почему посетитель должен выбрать ваш продукт или услуги?

Мы создали 18 различных вариантов «функций», с помощью которых вы можете показать лучшие и уникальные аспекты вашего продукта или услуги. Доступные блоки «Особенности» вы можете увидеть ниже:

Для удобства мы решили разделить блоки ценообразования на 2 категории: таблица цен и список цен.

Как правило, «Таблицы цен» используются, если продукт или услуга могут иметь несколько вариантов. Представление цен в столбцах позволяет пользователям сделать сравнительную оценку. Самый популярный план выделен цветом. Доступные блоки «Таблица цен» вы можете увидеть ниже:

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

Наличие блоков «Доверие» играет важную роль в принятии решений. Но как завоевать доверие клиента, если он впервые посетил страницу? С помощью блоков "Доверие"!

Отображение отзывов реальных пользователей - самый популярный способ завоевать доверие клиентов. Мы хотели бы обратить ваше внимание на очень важную вещь. Может быть, вы только начали свой бизнес, и у вас еще нет отзывов, и это абсолютно нормально! Использование ненастоящих обзоров ненормально. Используя поддельные отзывы, вы можете потерять своего потенциального клиента. Доступные блоки «Отзывы» вы можете увидеть ниже:

Команда - еще один отличный инструмент, чтобы завоевать доверие. Отображение фотографии членов вашей команды со ссылками на социальные сети может значительно повысить доверие. Доступные «Командные» блоки вы можете увидеть ниже:

Цифры всегда акцентируют внимание посетителей. Обычно счетчики используются для отображения достижений компании, например: «Мы работаем в 20 странах», «Более 1000 загрузок», «1000 успешно завершенных проектов» и т. д. Доступные блоки «Счетчики» представлены ниже:

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

Цель любого сайта состоит в том, чтобы стимулировать некоторые действия - заказать услугу, заполнить анкету, оставить электронное письмо и т. д. Как правило, блоки преобразования размещаются в нижней части сайта и имеют выраженный дизайн для привлечения внимание.

Доступные блоки «Призыв к действию» вы можете увидеть ниже:

Как мы отмечали ранее, мы проанализировали большое количество сайтов и реализовали наиболее используемые блоки в современном веб-дизайне. Многофункциональное решение для разных типов сайтов. Блоки страницы Gridbox готовы к новому вызову!

Все блоки страниц создаются с помощью цветовых переменных Gridbox и системы наследования типографики . Поэтому после добавления блока страницы на страницу он прекрасно адаптируется к стилю вашего сайта и наследует существующую цветовую палитру и шрифты сайта.

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

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

Новые блоки страниц идеально адаптированы для мобильных устройств, поэтому вам не нужно тратить время на адаптацию блока страниц для каждого разрешения мобильного устройства, все уже сделано!

Заказав установку системы Gridbox, вы автоматически получаете установку блоков страниц.

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

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

Совершенно новые страничные блоки - это совершенно новый опыт. Тесное взаимодействие настроек темы с блоками страниц создает целостность темы в Gridbox.

Таким образом, можно сказать, что задача по созданию единой системы проектирования в Gridbox Joomla Website Builder успешно выполнена! Типография веб-сайта , цветовая палитра , пресеты и современные совершенно новые блоки страниц объединены в одну цепочку и связаны друг с другом, создавая единую интегрированную систему Gridbox Design System.

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

Если у вас есть вопросы, предложения или вы хотите поделиться своим опытом разработки веб-страниц, пишите в комментариях ниже. Мы будем рады прочитать ваши отзывы!