WOW-дизайн сайта для эзотерики. Эффектная вёрстка на TildaВ этом кейсе вы прочитаете и увидите процесс + результат разработки многостраничного сайта.Подготовка → Дизайн → Вёрстка → Настройка СЕО → Интеграция с amoCRMВведениеЭто особенный проект.Большой. Красивый. С крутым результатом. Со своими сложностями.Мне написала Маргарита с просьбой обновить дизайн многостраничного сайта для сообщества профессионалов Рэйки.Проблемы старого сайта:Неудобная навигацияОтсутствие дизайн-системы, единого стиля всех страниц сайтаШаблонный дизайн, не запоминающийся посетителямНе было динамики, чего очень хотела заказчикНа тот момент действующий сайт работал на платформе Flexbe, с которой я дело не имел. Посмотрел внутрянку платформы и понял, что результат будет посредственный даже если очень постараюсь.На тот момент действующий сайтМы хотели сделать красивый, трендовый динамичный дизайн, но Flexbe этого не позволялПоэтому решаем — что сделаем новый дизайн и перенесём сайт на платформу Tilda. Она даёт большие возможности для красивых динамичных анимаций.Теперь задача выросла — нужен не только дизайн, но еще и сверстать его на Тильде. То есть с нуля собрать сайт на Tilda. С учетом готовых текстов и фотографий.Я решил, что сделаю такую анимацию для главной страницы, чтобы она стала эталоном захватывающего эмоционального дизайна.Спойлер, это получилось!Разобрались с платформой, на которой получим нужный нам результат — идём дальше.ПодготовкаСобрал референсы для дизайна, выбрал два шрифта для заголовка и наборного текста и дополнительный ярко зеленый цвет к основному сиреневому. И уже понял в каком стиле сделаю новый сайт.Некоторые из референсов:РеференсыШрифты и цвета:ДизайнСделал дизайн главной страницыНе представите, какое получил нереальное удовольствие от процесса и результата дизайна главной страницы. Пересматривал её десятками раз с таким же тотальным увлечением, как ежегодно смотрю трилогию Властелин Колец. +3Вёрстка на TildaМаргарите, заказчику, понравился дизайн не меньше, чем мне. По дизайну утвердились и я сверстал главную основную страницу на Tilda. Закарпел над анимацией, сделал приятно и интересно, в то же время не перегрузил.Десктопная версия с анимацией, свёрстанная на TildaДругие страницы решил собирать сразу на Тильде. Ориентируясь на главную страницу — собираю дизайн и верстаю одновременно.Сделал удобное меню для навигации.МенюАдаптировал сайт под экраны смартфонов:Мобильная версия с анимацией, свёрстанная на TildaДалее настроил pop-up окна. Добавил Политику конфиденциальности, на некоторых страницах она отличалась. И подключил домен к Tilda.Страница ошибки 404.Сейчас сайт уже готов и туда идет трафик https://reikitravel.ru/СЕО-позицииПри переносе домена на Тильду мы должны были сохранить СЕО позиции. Сайт находился на первом месте в поиске по определенным запросам.Мы выполнили задачу — сайт сохранил первые позиции. Я выжал максимум из Тильды.Для примера, один из нужных запросов в Яндексе, который должен быть в топе:Запрос в ЯндексеИнтеграция с amoCRMНастроил интеграцию с amoCRM, раньше заявки заносились вручную. Тильда хороша тем, что интегрируется почти со всеми сервисами для решения бизнес-задач.Также настроил метки, чтобы было понятно, с какой страницы и формы сайта приходит заявка.Отзыв Маргариты о нашем сотрудничествеПонравился кейс и готовы обсудить свой проект? Напишите мне во ВКонтакте vk.me/ayrat_designили в телеграм t.meАйрат
а как на счет оптимизации...
СЕО-оптимизацию или скорость загрузки имеете ввиду?