Мы используем файлы cookie и Яндекс.Метрику для анализа и улучшения работы сайта. Продолжая пользоваться сайтом, вы соглашаетесь с политикой конфиденциальности.
Согласен

Почему сайт нельзя начинать с референсов

Марков Вадим
Дата публикации: 27 мая 2026
Время чтения: 6–8 минут
Почему сайт нельзя начинать с референсов
27.05.2026
Руководитель студии Мармелад

Главное: почему референсы не должны быть первым шагом

Сайт нельзя начинать с референсов, потому что референс показывает внешний вид, но не объясняет задачу бизнеса.

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

Референсы полезны, но только после того, как определены:

  • цель сайта;
  • аудитория;
  • формат проекта;
  • структура страниц;
  • смысловые блоки;
  • тексты;
  • SEO-задачи;
  • сценарий заявки;
  • технические ограничения.

Если начать с референсов, легко выбрать красивую оболочку, которая не подходит под задачу. Например, сайт с крупной анимацией может хорошо смотреться у бренда одежды, но быть слабым решением для B2B-услуги, где важнее структура, доверие, кейсы, FAQ и понятный путь к заявке.

Поэтому правильный порядок такой: сначала задача и структура, потом тексты и прототип, затем визуальные референсы и дизайн.

Что происходит, когда сайт начинают с референсов

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

Типичные последствия:

Ошибка

Что происходит

Копируют визуал без задачи

Сайт выглядит красиво, но не объясняет предложение

Берут чужую структуру

Блоки не подходят под вашу услугу и аудиторию

Игнорируют тексты

Дизайн готов, но его нечем наполнить

Не учитывают SEO

Нет нужных страниц, заголовков, URL и перелинковки

Повторяют сложную анимацию

Страница становится тяжёлой и неудобной на телефоне

Ориентируются на вкус, а не на цель

Решения выбираются по нравится, а не по работает


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

Если сайт должен развиваться в поиске, лучше заранее продумать SEO-продвижение, а не добавлять его после дизайна.

С чего на самом деле нужно начинать сайт

Сайт лучше начинать не с визуальных примеров, а с короткой диагностики задачи. Это помогает выбрать правильный формат: лендинг на Тильде, сайт-визитку на Tilda, многостраничный сайт на Tilda, сайт услуг на Tilda, каталог, интернет-магазин или промо-сайт.

Минимальный порядок перед референсами:

Этап

Зачем нужен

Цель сайта

Понять, что сайт должен делать: заявки, продажи, презентация, SEO

Аудитория

Определить, кому сайт должен быть понятен

Источники трафика

Реклама, поиск, соцсети, рассылки, прямые переходы

Формат сайта

Лендинг, многостраничный сайт, каталог, магазин

Структура

Определить страницы и блоки

Контент

Понять, какие тексты, кейсы, фото и доказательства нужны

SEO-логика

Заложить URL, заголовки, разделы и внутренние ссылки

Прототип

Собрать логику до финального дизайна


Только после этого референсы начинают работать правильно. Они помогают обсудить стиль, визуальную плотность, типографику, настроение, анимацию и уровень детализации. Но они уже не управляют проектом вместо задачи.

Если сайт уже есть и хочется просто сделать как у конкурентов, лучше сначала проверить, что именно нужно менять: визуал, структуру, тексты, SEO, формы или мобильную версию.

Для этого подходит аудит сайта на Tilda или полноценный редизайн сайта на Tilda.

Когда референсы становятся полезными

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

Хороший референс помогает показать:

  • уровень визуала;
  • настроение бренда;
  • плотность экрана;
  • работу с типографикой;
  • стиль иллюстраций;
  • подачу фотографий;
  • характер анимации;
  • оформление карточек;
  • ритм блоков;
  • примеры навигации.

Но референс должен отвечать на вопрос что именно в нём полезно.

Например:

Плохая формулировка

Лучше

Нравится этот сайт

Нравится крупная типографика и спокойная сетка

Хотим как у них

Нравится подача кейсов, но структура нужна другая

Сделайте в таком стиле

Подходит визуальная строгость, но без тяжёлой анимации

Нравится первый экран

Берём принцип крупного оффера, но пишем свой сценарий


Референс — это не макет для копирования, а инструмент диалога.

Он помогает студии понять вкус и ожидания клиента, но не заменяет проектирование.

Как правильно подбирать референсы для сайта

Лучше выбирать не 20 случайных красивых сайтов, а 3–5 сильных примеров с пояснениями.

Так студии проще понять, какие решения вам действительно важны.

Что приложить к каждому референсу

  • Что именно нравится.
Например: типографика, первый экран, карточки, цветовая система, спокойная подача, структура кейса.


  • Что точно не подходит.
Например: слишком много анимации, неудобное меню, мелкий текст, тёмный фон, тяжёлые эффекты.


  • Почему пример близок к задаче.
Он похож по аудитории, формату, уровню бренда, типу услуги или сценарию заявки.


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


  • Какая цель у вашего сайта.
Например: собрать заявки, объяснить сложную услугу, показать каталог, продать консультацию, усилить доверие.


Для сайта на Тильде также важно смотреть, насколько референс реалистичен для платформы и бюджета.

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

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

Красные флаги: когда референсы вредят проекту

Референсы начинают вредить, когда становятся единственным ориентиром.

Это часто приводит к переделкам: сначала делают красиво, потом выясняется, что сайт не подходит под контент, SEO, мобильную версию и заявки.

Красный флаг

Почему это проблема

Референс выбран только потому, что красиво

Нет связи с задачей бизнеса

Все примеры из другой ниши

Можно перенять неподходящую структуру

Нравится только анимация

Есть риск утяжелить сайт и потерять удобство

Нет понимания, какие тексты будут на сайте

Дизайн придётся переделывать под контент

Референс сложнее бюджета

Ожидания не совпадут с объёмом работ

Клиент хочет копию

Это риск по уникальности, бренду и SEO

Референс не проверен на мобильном

Можно повторить решение, которое плохо работает с телефона

Частые вопросы

Короткий вывод

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

Хороший сайт рождается не из копирования чужого примера, а из точной логики: что нужно пользователю, что должен сделать сайт и какие решения помогут довести человека до действия.
Made on
Tilda