Приём 1. Больше пустого пространства

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

Как проверить: сделайте скриншот главной страницы. Если вам кажется, что элементов слишком много и глазу не за что зацепиться - увеличьте отступы.

Приём 2. Ограниченная цветовая гамма

Максимум 3 цвета: основной (фон - обычно белый или светло-серый), акцентный (кнопки, ссылки, заголовки), дополнительный (детали, иконки). Не используйте радугу. Серый текст на белом фоне - это база, не бойтесь серого. Яркие цвета оставьте для кнопок и важных акцентов.

Приём 3. Инфографика вместо списков

Вместо текста «Причины работать с нами: 1. Опыт 2. Цены 3. Скорость» нарисуйте три кружка или иконки с подписями. Глаз цепляется за иконки быстрее, чем за маркированный список. Иконки можно выбрать прямо на платформе.

Что ещё делает сайт дорогим за копейки

  • Простые линии-разделители между блоками (тонкая серая полоска).
  • Круглые аватарки для отзывов.
  • Лёгкие тени на кнопках (почти незаметные, но добавляющие объём).
  • Скруглённые углы у картинок (совсем чуть-чуть).

Что удешевляет сайт

  • Градиенты на весь фон (остались в 2010 году).
  • Анимированные фоны и мигающие элементы.
  • Слишком много скруглений на углах (будто сайт для детей).
  • Разные шрифты в каждом блоке.

Как проверить свой сайт

Сделайте скриншот главной и покажите человеку, который не знает ваш бизнес. Спросите: «Это сайт дорогой компании или сомнительной?» И честно примите ответ. Потом покажите скриншот конкурента с дорогим сайтом - сравните отступы, цвета, иконки.

Как Фром помогает без дизайнера

В настройках темы платформы вы можете регулировать отступы (увеличить расстояние между блоками). Выбирать цветовые схемы из готовых палитр - они уже сбалансированы. Выбирать иконки из бесплатной библиотеки. Включать или отключать тени, скругления, линии. Всё это делается внутри плптформы быстро и легко, без кода.

Коротко о главном

  • Больше воздуха между блоками.
  • Не больше трёх цветов на весь сайт.
  • Иконки и инфографика вместо длинных списков.
  • Избегайте градиентов, анимации, разных шрифтов.
  • Фром позволяет настроить всё это визуально.

Дорогой сайт - это не про бюджет, а про аккуратность и воздух. Сделайте свой сайт дорогим в Фром за вечер.