Дизайн в RetailCRM Sites строится на готовых шаблонах и блоках: вы не верстаете страницы с нуля, а собираете их из секций и настраиваете под свой бренд. Разберём, как работают шаблоны, как задать единый стиль, цвета и типографику и как не сломать адаптивность.
Готовые шаблоны как отправная точка
Работа над дизайном начинается не с чистого листа, а с шаблона. Sites предлагает готовые заготовки под разные задачи — магазин, лендинг, промо-страница.
- Шаблон магазина — с каталогом, карточкой и корзиной.
- Шаблон лендинга — обложка, преимущества, форма, футер.
- Пустой шаблон — для тех, кто хочет собрать структуру сам.
Блоки и их настройка
Страница в Sites — это набор блоков, идущих сверху вниз. Каждый блок отвечает за свою секцию и имеет собственные настройки.
| Блок | Назначение |
|---|---|
| Обложка | Первый экран с оффером и кнопкой |
| Каталог | Вывод товаров из CRM |
| Преимущества | Иконки и короткие тезисы |
| Галерея | Фото товаров или работ |
| Форма | Заявка, обратный звонок |
| Футер | Контакты, реквизиты, ссылки |
У каждого блока настраиваются отступы, фон, выравнивание и содержимое. Порядок блоков меняется перетаскиванием, поэтому структуру легко перестроить без вёрстки.
Единые стили и типографика
Чтобы сайт выглядел цельно, а не как набор случайных секций, задайте общие стили. Они применяются ко всем страницам сразу.
- Фирменные цвета — основной, акцентный, фон, текст.
- Шрифты — заголовки и основной текст, размеры и начертания.
- Кнопки — форма, цвет, состояние при наведении.
- Отступы — единый ритм между блоками.
Фирменный стиль и контент
Готовый шаблон превращается в ваш сайт за счёт брендинга и контента. Здесь мелочи решают, будет ли сайт выглядеть дорого или шаблонно.
- Загрузите логотип и настройте фавикон.
- Замените стоковые изображения на собственные фото товаров.
- Перепишите тексты под свой голос бренда, уберите рыбу.
- Настройте цвета кнопок под фирменную палитру.
Собственные качественные фотографии товаров поднимают доверие сильнее любого шаблона. Стоковые картинки, наоборот, выдают несерьёзный подход.
Адаптивность под мобильные
Большая часть покупателей приходит с телефонов, поэтому мобильная версия — не второстепенна. Sites делает блоки адаптивными автоматически, но проверять результат нужно вручную.
- Смотрите предпросмотр под разные размеры экрана.
- Проверьте, что кнопки и формы удобно нажимать пальцем.
- Убедитесь, что тексты не мельчают и не разъезжаются.
- Проверьте, что тяжёлые изображения не тормозят загрузку.
Особое внимание — карточке товара и корзине на мобильном: именно там чаще всего теряются заказы из-за неудобного оформления.
Итог
Дизайн в RetailCRM Sites — это сборка из готовых блоков поверх шаблона, приведённая к единому фирменному стилю. Общие цвета, пара шрифтов, собственный логотип и настоящие фото товаров превращают заготовку в узнаваемый сайт. Обязательно проверяйте мобильную версию — с неё приходит основной трафик.
Мы оформляем сайты на Sites под фирменный стиль клиента: настраиваем блоки, стили и адаптив так, чтобы витрина продавала и выглядела цельно. При необходимости увяжем дизайн с процессами в RetailCRM в рамках внедрения и поддержки.
Частые вопросы
Нужно ли уметь верстать, чтобы оформить сайт?
Нет. Дизайн собирается из готовых блоков и настраивается визуально. Знание HTML/CSS пригодится только для тонкой доработки отдельных элементов.
Можно ли изменить готовый шаблон?
Да. Шаблон — это отправная точка: блоки можно добавлять, удалять, менять местами и перекрашивать под свой бренд.
Как задать фирменные цвета на всём сайте?
Через общие стили сайта. Заданные основной и акцентный цвета применяются ко всем страницам и блокам сразу.
Адаптируется ли сайт под мобильные автоматически?
Да, блоки адаптивны по умолчанию. Но мобильную версию всё равно нужно проверить вручную — особенно карточку товара и корзину.
Можно ли поставить свой логотип и фавикон?
Да. Логотип загружается в шапку, фавикон настраивается отдельно и отображается на вкладке браузера.
Сколько шрифтов лучше использовать?
Одну-две гарнитуры: одна для заголовков, одна для текста. Обилие шрифтов и цветов делает сайт пёстрым и менее профессиональным.
Стоит ли использовать стоковые картинки?
Лучше собственные фотографии товаров — они поднимают доверие. Стоковые изображения выдают шаблонный подход и снижают конверсию.
Поможем с настройкой и поддержкой RetailCRM
Поможем с настройкой, доработкой и поддержкой RetailCRM.