Круглые иконки, вкладки, схемы и ещё 89 приёмов для оформления контента на сайте

Стрaницa o кoмпaнии нa сaйтe «Инвeсттoргбaнкa» пoдeлeнa нa три крупныx инфoблoкa: тeкст o бaнкe, eгo миссии и ссылки нa другиe стрaницы. Пoльзoвaтeлю нe придётся мнoгo думaть и трaтить врeмя нa пoиск инфoрмaции. Цифры нa глaвнoй стрaницe «One click Yakutsk» пoдтвeрждaют, чтo пoртaл рaбoтaeт и рeшaeт прoблeмы житeлeй Якутскa. Oтвeты нa пoпулярныe вoпрoсы нa сaйтe «Тинькoфф Стрaxoвaниe» вывoдятся в рaскрывaющиxся блoкax. Кaкиe зaдaчи oн рeшaeт, в чём eгo дoстoинствa? Пишитe инструкции. Дeйствия бaнкa, пoкупaтeля и пoстaвщикa oбoзнaчeны цифрaми и рaсшифрoвaны пoд сxeмoй. Бaннeр в нaчaлe стрaницы о «Тинькофф Банке» привлекает внимание к мысли о том, что это надёжный современный банк с большим количеством клиентов. Каждый инструмент для работы в «Битрикс24» обозначен своей пиктограммой. Если все конкуренты пишут стандартные фразы о большом ассортименте велосипедов, то вы скажите о лёгкости движения и незабываемых поездках. Инструкция по инвестированию на сайте «БКС Брокер» состоит из шести пунктов. В каждом пункте списка останется только самая важная информация. Возможности городского портала Якутска показаны при помощи иконок. Интерактивная иллюстрация на сайте «Тинькофф Банка» показывает, как выглядит процесс накопления денег на отдельных счетах в интернет-банке. Цифры на главной странице сайта «БКС Брокер» говорят об обороте компании, количестве клиентов и сотрудников. Например, в статье о правилах скалолазания будет уместен промоблок со ссылкой на каталог альпинистского снаряжения в интернет-магазине. Облегчайте выбор продуктов. Используйте промоблоки. Теперь можно не вслушиваться в голос автоответчика, а сразу нажать нужную кнопку на телефоне. Столбцы в таблице с тарифами на сайте «Битрикс 24» подсвечиваются при наведении. Изображения — это тоже информация, только её легче воспринимать и запоминать. Каталог финансовых продуктов компании «БКС Брокер» оформлен в виде таблицы. А фраза «летать в отпуск бесплатно каждый год» звучит более конкретно и заставляет прокрутить страницу о кредитной карте «Тинькофф Банка» дальше. Длинные тексты о социальной ответственности «ТКБ Банка» спрятаны внутри разворачивающихся блоков. Длинная таблица станет удобнее, если в ней закрепить верхнюю строку при прокрутке страницы. Как привлечь внимание к контенту на сайте? Яркие и необычные фразы прорываются через баннерную слепоту и вовлекают пользователей в дальнейшее изучение предложения. Яркий баннер приглашает узнать подробную информацию о страховании путешествий в «Тинькофф Страхование». Пользователь сам включает нужный ему раздел. Все тексты на странице кредитной программы на сайте «ТКБ Банка» представлены в виде списков. Если словесное описание можно дополнить или заменить картинкой, то стоит это сделать. Изображения сменяют друг друга по нажатию на название фазы роста растения. Процесс выращивания сельскохозяйственных культур на сайте «Авангард-Агро» показан при помощи фотографий. Страница о кукурузе на сайте «Авангард-Агро» визуально поделена на блоки о характеристиках, сортах, географии выращивания и другие. Промоблок с фотографией и крупным текстом на странице об услугах «БКС Брокер» привлекает внимание к бесплатному вебинару. Иногда нужно привлечь внимание пользователей, которые изучают определённую страницу на сайте, к другим разделам. Поэтому любой кусок монолитного текста разбивайте на информационные блоки. Название каждого пункта подписано внизу инструкции, а подробное содержание можно листать при помощи стрелок. Инструкция по горячим клавишам, которые доступны при звонке в «ТКБ Банк», экономит время клиентов. На сайте «БКС Брокер» есть подбор персонального решения по инвестированию. В таком случае хорошо поставить промоблок — яркий прямоугольный элемент с крупным заголовком и ссылкой на какую-либо страницу. Так будет понятно, что означают данные в каждом столбце. А пробежать глазами по заголовкам, посмотреть картинки — это легко и приятно. Например, в таблицу можно занести тарифы интернет-провайдера, разные способы выращивания семян растений или калорийность продуктов питания. По клику на название продукции «Авангард-Агро» появляется подробное описание в раскрывающемся блоке. На странице о портале «One click Yakutsk» приведена краткая статистика обращений. Если передвигать бегунок вверху таблицы, то буду отображаться данные за выбранный год. 3. Рисунок с холодильником на сером фоне привлекает внимание к подбору рецепта на сайте «Foodkultur». При помощи промоблоков можно делать ссылки на похожие товары, статьи по теме, а также рекламировать мероприятия. На сайте «Тинькофф Страхование» выложена инструкция для клиентов, у которых произошёл страховой случай. Подробную информацию можно развернуть, если нажать на ссылку «Узнать больше». Повторяющиеся или похожие друг на друга тексты удобно прятать в отдельных блоках. В разделе о кредитовании в «ТрансКапиталБанке» используются анимированные иллюстрации для оформления преимуществ. Данные о сборе сельхозкультур на сайте «Авангард-Агро» занесены в таблицу. Блок с виджетами на главной странице сайта «КИТ Финанс Брокер» привлекает внимание к разделам с информацией о состоянии фондового рынка. Останется только прочитать каждый пункт и выполнить указания. Подбор продукта позволяет быстро найти нужную вещь на сайте. Пользователя вряд ли заинтересуют все эти данные сразу. Самый быстрый способ облегчить тексты для восприятия — написать их в виде списков. Покажите количество клиентов, сотрудников, выполненных проектов, проданных единиц товара, оборот или выручку за последний год. Страница о страховании путешествий в «Тинькофф Страхование» начинается с расслабляющего заголовка и знакомой туристам фотографии из кафе аэропорта. Описание операций по кредитной карте «Тинькофф Банка» разбито на три раскрывающихся блока. При этом не происходит перезагрузка страницы. На сайте «БКС Брокера» переключаются вкладки с тарифами. Баннер на странице о торговых стратегиях в «БКС Брокер» привлекает внимание к основной выгоде клиентов — возможности заработать деньги без стресса и переплат. Длинные тексты на странице спрятаны. Информацию в строках и столбцах легко сравнивать между собой. «Бонусные мили на карте» — слова знакомые, но не очень ясно, какая от них польза. Преимущества кредита поделены на короткие пункты и обозначены пиктограммами. Как сэкономить время пользователя на изучении контента? Преимущества компании «КИТ Финанс Брокер» обозначены иконками. Полный список продуктов компании «БКС Брокер» изначально скрыт на странице. Информационные блоки на странице услуг «Тинькофф Банка» визуально разделены при помощи свободного пространства и горизонтальных линий. Укусы животных, травмы и госпитализация — это неотъемлемая часть услуг по страхованию жизни и здоровья. На странице о кредитах в «ТКБ Банке» переключаются две вкладки: требования к заёмщику и список документов. Главные мысли в новостях на сайте «МДМ Банка» размещены в рамке и выделены жирным шрифтом. Блок с числами уместен на любой странице. Такой формат избавляет от необходимости сочинять лишние смысловые связки и переходы в тексте. На странице о компании на сайте «БКС Брокер» выделено четыре больших инфоблока: преимущества, история, финансовые показатели, руководители. И люди сами сделают выводы о том, насколько они могут доверять данной компании. Делайте таблицы. Схема работы бонусной системы в «Тинькофф Банке» показывает как накопить и использовать баллы. При помощи изображений и условных обозначений покажите, из каких частей состоит продукт и как эти части взаимосвязаны между собой. Практически в любой контент на сайте можно добавить иконки — схематичные изображения маленького размера. Ссылка на подробную информацию о каждом растении появляется при нажатии на строку. Преимущества «Тинькофф Банка» обозначены иконками. Даже если кажется, что все действия очевидны и совсем не сложно оформить заказ в интернет-магазине или записаться на тест-драйв в автосалоне, всё равно напишите инструкцию. Строки в таблице о продукции «Авангард-Агро» подсвечиваются при наведении. Информационные блоки об общих условиях кредита в «ТКБ Банке» и о материнском капитале можно сворачивать и разворачивать. Действие беспроцентного периода по кредитной карте «Тинькофф Банка» продемонстрировано на интерактивной схеме. Промоблок в разделе для бизнеса на сайте «Тинькофф Банка» приглашает скачать мобильное приложение. Раздел об интернет-трейдинге в «БКС Брокер» начинается с описания сущности услуги в формате призыва к действию. Как сделать тексты простыми для восприятия? Текст о компании на сайте «ТрансКапиталБанка» поделён на несколько информационных блоков. Вкладки позволяют выводить на экран меньше текста, поэтому экономят время на вертикальной прокрутке страницы. Этот инструмент заменяет необходимость читать и сравнивать описания десятков товаров. На сайте «БКС Брокер» выложена подробная пошаговая инструкция для новичков в интернет-трейдинге. На странице о компании на сайте «БКС Брокер» приведены финансовые показатели. Ответы на вопросы на сайте «БКС Брокера» расположены во вкладках. Краткое и подробное меню на сайте «КИТ Финанс Брокер» располагается в двух вкладках. Информация о трейдинге на сайте «КИТ Финанс Брокер» находится во вкладках, которые переключаются без перезагрузки страницы. Инструменты интернет-трейдинга в «БКС Брокер» обозначены иконками. Пользователи перетаскивают продукты в кастрюлю и подбирают рецепты блюд на сайте «Foodkultur». Информация об управляющих компаниях выложена в форме таблицы на городском портале Якутска. Видеоролики «БКС Брокера» располагаются во вкладках. Каждый пункт в списке преимуществ на сайте «Тинькофф Банка» подсвечивается при наведении мыши. Выгодные условия сотрудничества продемонстрированы при помощи анимированных картинок. 1. На некоторых сайтах нужно разместить множество однотипной информации. 2. Превращайте тексты в списки. На сайте «БКС Брокер» есть краткая инструкция по обмену валюты. Продукты удобно сортировать и сравнивать между собой.Подробная информация о каждом продукте разворачивается по нажатию на его название. Но у «Тинькофф Страхования» раздел начинается не со страшилок, а с эмоционального заголовка, который позволяет взглянуть на страхование здоровья под другим углом. На сайте «Авангард-Агро» вместо традиционных текстов о компании выложен большой блок с цифрами. Структурируйте контент. Текст на странице о возможностях «Битрикс 24» поделён на небольшие блоки, в каждом из которых есть картинка. Разбивайте информацию на вкладки. Благодаря цифрам сайт компании становится честнее. Нумерованный список на сайте «БКС Брокер» показывает последовательность действий персонального брокера. Попробуйте кратко сформулировать главные характеристики продукта. Это такие подразделы в рамках одной страницы, которые изначально скрыты. Разные версии логотипа «Тинькофф Банка» спрятаны во вкладках. На сайте «Тинькофф Страхование» есть краткая инструкция по покупке страховки. Интерактивная иллюстрация показывает долю каждого направления деятельности в структуре холдинга «Ротек». Графические схемы помогают лучше понять сложные товары и услуги.

Комментирование и размещение ссылок запрещено.

Комментарии закрыты.