Найти тему

Что может испортить ваш сайт на Тильде

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

1. Попытки сэкономить, заказав макет, но оставив верстку на штатных участников своей команды (которые обычно заняты другой работой, никак не связанной с дизайном).

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

Макет блока в программе Figma и его сборка на Tilda в нулевом блоке. При правильной верстке все элементы загружены отдельными слоями, предназначенными для их функции.
Макет блока в программе Figma и его сборка на Tilda в нулевом блоке. При правильной верстке все элементы загружены отдельными слоями, предназначенными для их функции.

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

2. Работа над сайтом в сжатые сроки

Когда мне было 24-25, я могла собрать сайт за сутки (и макет, и верстку, и адаптив), на следующий день уже был запуск. В проекте знали о такой возможности и нередко ТЗ поступали впритык.

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

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

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

3. Пропуск промежуточных версий адаптации

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

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

4. Крутые фишки и анимации
Казалось бы, это наоборот плюс, и никак не может негативно сказаться на показателях сайта.

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

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

Блоки, собранные с кодом, накладывались без проблем, не затрагивая остальные части сайта
Блоки, собранные с кодом, накладывались без проблем, не затрагивая остальные части сайта

На реальном проекте мы попробовали повторить такую же анимацию, и на android все шло хорошо.

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

Тот момент, когда понимаешь, что анимации не быть.
Тот момент, когда понимаешь, что анимации не быть.

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

5. Поддомен с хвостиком ".tilda.ws "от Тильды вместо своего собственного домена

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

_____________________________________________________________

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