Сайт создан в 2010 году и в то время в web дизайне процветала Flash анимация. Для полной совместимости, во всех проектах я использовал свою адаптивную технологию - создавалось два вида анимации (Flash и HTML5 + CSS) в одной странице, с автоматическим определением версии показываемой анимации.
Технология основана на фреймворке Adobe для определения наличия в браузере плагина Flash Player. Я модернизировал и усовершенствовал стандартный фреймворк Adobe для создания технологии адаптивной анимации (когда создаётся сразу 2 вида анимации для 1 страницы).
В результате: при наличии в браузере посетителя включённого Flash плагина, страница сайта показывает самую полную интерактивную Flash-анимацию (весом всего 280 Кб) с контролем сценария и режимов потоковой загрузки. При отсутствии плагина (или отключённом JS) пользователю показывается HTML+CSS анимация (она весит 290 Кб, но примитивна и без интерактивности). Дизайн сайта разрабатывается под вёрстку, с учётом интеграции сразу 2-х видов анимации в коде страницы. При этом, анимация - это только часть страницы. Контент и навигация страницы полностью открыты для индексации и SEO оптимизации страницы сайта. А наличие анимации резко повышает поведенческие показатели сайта в алгоритмах поисковых систем (время просмотра) и снижает процент отказа посетителя (быстрый уход со страницы). Что было максимально использовано в этом сайте и других моих проектах.
Архитектура технологии адаптивной анимации:
Кадры CSS анимации:
Кадры CSS анимации:
Кадры CSS анимации:
О проекте
Этот проект – один из моих самых интересных кейсов по его эффективности. Хотя бюджета на постоянное продвижение сайта не было, но в ходе его разработки и SEO оптимизации (на основании предварительного анализа специфики спроса и конкуренции), был сформирован способ выхода на целевую аудиторию в поисковом спросе. Были выбраны 3 основных запроса в семантическом ядре "транспортное обслуживание...", вместо жёсткой конкурентной борьбы за поисковые запросы со словами "аренда транспорта..." или "транспортная компания...".
Результат: стабильная и многолетняя позиция в ТОП по нескольким поисковым запросам целевой аудитории (+ эксклюзивное оформление) позволяла сайту компании годами постоянно наращивать клиентскую базу. Даже с небольшой посещаемостью сайта (только целевыми посетителями) и без услуг продвижения сайта. Правильные технологии + хороший дизайн (хорошие поведенческие факторы) и сайт работает сам много лет, даже без модернизации и обновлений...
Современные технологии требуют уже других технологий, с выполнением требований Core Web Vitals 2021.
Заказчик: Группа компаний "Наземный флот" (ООО "Транс Строй Сервис").
Создание сайта (2010): дизайн, адаптивная анимация, вёрстка, сборка и наполнение, SEO сайта и хостинга, тестирование, планирование первичной публикации и проведение индексации сайта.
Комплексная поддержка сайта (2010): анализ спроса и конкуренции, контент менеджмент, SEO, вывод в ТОП целевого спроса в поисковых системах, работа с ПС-сервисами, индивидуальные графические материалы для сайта, техническая поддержка, настройка хостинга.
Исполнитель: 👉 finest.ru (весь объём работ - один full stack developer );
Описание проекта - finest.ru/sozdanie-sayta-nazemflot.htm
Действующие шаблоны (valid templates) - finest.ru/sites/flot/index.htm
Так как поддержка Flash прекращена с 2020 года, то адаптивная технология покажет только HTML5 + CSS вариант анимации. Для просмотра полной версии можно воспользоваться расширением для браузеров — Ruffle (эмулятор Adobe Flash Player). Есть в библиотеке приложений для браузеров. Позволяет просматривать примеры сайтов с устаревшей Flash анимацией и увидеть каким интерактивным (и лёгким) был web дизайн 15 лет назад.
