Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления

Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления

8 декабря 2017


Автор: Команда Аспро
Уникальный, неповторимый, единственный в своем роде – к этим понятиям сводится погоня владельцев сайтов за дизайном мечты. И это не удивительно: эксклюзивный дизайн выделяет сайт среди конкурентов и притягивает больше посетителей. Но разработка стильного оформления стоит сотни тысяч рублей – непосильная сумма для владельцев малого и среднего бизнеса. Что делать?

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

Давайте подробнее рассмотрим возможности дизайна в Аспро: Корпоративный сайт 2.0 и убедимся в легкости создания уникального оформления.

Фото 1: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»


42+ настройки для создания неповторимого дизайна сайта
Всего в новом решении 42 настройки оформления. Чтобы подробно изучить каждую, зайдите на демо-версию решения и поэкспериментируйте с виджетом настроек – меняйте цвета, блоки, варианты отображения и создавайте идеальный дизайн.

  • 4 шрифта на выбор размерами от 13 До 15 px – Open Sans, PT Sans, Ubuntu и новый Roboto. Если вы владеете навыками разработки на 1С-Битрикс, то можете самостоятельно добавить на сайт любой шрифт.

  • Цвет меню. Впервые в решениях Аспро появился баннер с наложением главного меню поверх изображения. А чтобы буквы не терялись на темном или светлом изображении, мы предусмотрели настройку «Цвет меню» – меняется за пару кликов.

  • Ширина сайта от 1200 px до 1700 px. Благодаря адаптивной верстке решение выглядит отлично на любом устройстве. Подбирайте ширину страниц, ориентируюсь на размер мониторов типичного посетителя сайта. Если к вам чаще заходят с ноутбуков, то достаточно 1200 px. Когда продукцию нужно рассмотреть в большом разрешении – установите 1700 px.

  • Подключение информирования об обработке персональных данных. Не испытывайте судьбу – Роскомнадзор все еще ищет нарушителей № 152-ФЗ «О персональных данных». С нашими решениями закон соблюдать легко: два клика, и во всех формах появляется согласие на обработку персональных данных. В комплекте с решением идем стандартная Политика конфиденциальности, в которую нужно добавить только название организации.

  • Кнопка печати страницы. Наши решения отлично выглядят не только на экране, но и в распечатанном виде. Посетителям сайта будет удобно использовать кнопку, чтобы распечатать карточку товара или весь заказ из корзины.
Больше настроек оформления на демо-версии Аспро: Корпоративный сайт 2.0.

Фото 2: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»
Главная страница: перемещение блоков, фоновый баннер, варианты отображения блоков и элементов
В Аспро: Корпоративный сайт 2.0 вы можете изменять не только внешний вид блоков и элементов, но и их положение. Свободно перемещайте разделы на главной странице и акцентируйте внимание на нужных элементах. Если занимаетесь ремонтными работами – вынесите наверх услуги. Недавно открылись и хотите заработать репутацию? Разместите повыше положительные отзывы. Занимаетесь оптовыми поставками умной техники? Поставьте под главными баннерами роботы-пылесосы, как главный хит этого года. Следите за конверсией и адаптируйте дизайн главной страницы под желания клиентов.

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



Выберите один из четырех вариантов отображения услуг – каждый из них хорош по-своему:
  • иконки с описанием
  • картинки с описанием
  • круглые картинки с описанием
  • плавающие баннеры.
Вы легко определите своего любимчика – протестируйте каждый из вариантов и оставьте самый кликабельный.

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

Фото 3: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»

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

Фото 4: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»
Детальные страницы: блоки и списки
Варианты отображения есть для каждого раздела – все зависит от количества элементов на странице и наличия акцентов. Например, раздел «Акции» будет отлично выглядеть с 3 новостями в виде списка и с десятками элементов в виде блоков с большими и маленькими баннерами.

Примеры отображения разделов: плиткой, блоками, списком.

Фото 5: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»
Чтобы вы могли подчеркнуть индивидуальные особенности сайта, мы сделали три варианта дизайна детальных страниц. Есть классический – простое отображение заголовка и текста на белом фоне. Еще вариант – с серой подложкой заголовка, чтобы выделить его на странице.

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

Фото 6: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»
Знакомство с внутренними разделами сайта начинается уже с выпадающего меню каталога. Экспериментируйте с его видом – определите сколько колонок вам нужно, чтобы показать товар в выгодном свете, и нужны ли в выпадающем меню картинки у корневых разделов.


Фото 7: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»
Карточка товара: с табами и без
Впервые в наших решениях вы можете оформить карточку товара с табами и без. Для завода металлоконструкций больше подойдет вариант с табами – много информации о продукте, видео про изготовление, документация, отзывы и десятки характеристик и марок стали. Все это легко умещается на одной странице, а посетитель знакомится с теми вкладками, которые его интересуют.

Пример карточки товара с табами.

А если у вас магазин корпоративных подарков, то табы вам вряд ли понадобятся – достаточно емкого описания и примеров работ. Вы получите имиджевый лендинг, где перед покупателем сразу откроется вся информация.

Пример карточки услуги без табов.

Из дополнительных настроек в карточке товара вы получаете возможность настроить умный фильтр – вертикально или горизонтально, выбрать расположение меню – справа или слева, заполнить карточку товара тизерами, тарифами, фотогалереей и другими элементами.

Фото 8: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»

При выборе вариантов отображения бокового меню обратите внимание на элемент «Товар дня». Мощный маркетинговый инструмент активируется в 2 клика и помогает точечно воздействовать на клиента.

Фото 9: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»
Раздел «Компания»: меняйте дизайн страницы
Владельцы сайтов часто пренебрегают разделом «Компания», считая, что на него никто не заходит. Некоторые даже полностью закрывают раздел или оставляют пустым.

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

Используйте все подразделы – выбирайте дизайн страницы и акцентируйте внимание на сильных сторонах. Клиенты обязательно заметят, что вы уделяете внимание деталям.

Фото 10: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»
Мобильная версия

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

Фото 11: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»
Где посмотреть
  • На демо-версии Аспро: Корпоративный сайт 2.0. Знакомьтесь со всеми настройками оформления в специальном виджете. Кликните по иконке с настройками в левой части экрана, и увидите весь список настроек с разбивкой по группам. Для вашего удобства большая часть настроек выведены в виде превью.
Фото 12: «Аспро: Корпоративный сайт 2.0 – новые фишки в настройках оформления»
  • В Центре управления Аспро. Запросите демо-доступ, заполнив форму «Посмотреть админку» на демо, и мы пришлем вам логин и пароль для доступа.

Обзор настроек оформления в готовом решении Аспро: Корпоративный сайт 2.0