Трансформатор - Разоблачение: обзор сайта transitplus.ru

23 ноября 2018

В этом выпуске мы рассмотрим сайт transitplus.ru трансформатора Дмитрия Портнягина, это сайт его многомиллионной компании занимающейся поставками грузов из Китая. Все баги и замечания по сайту актуальны на момент выпуска статьи, но надеемся что команда трансформатора быстро все исправит.

Плюсы

Сайт очень информационный, насыщенный и мертвый), вот что из плюсов мы заметили:

  • Во первых сайт неплохо оптимизирован (десктопная версия), ресурсы сжаты — изображения, скрипты, стили и даже html-код.
  • Приятный дизайн, все в одних тонах, действительно, это не мелочь, сейчас множество ресурсов акцентирующих свой бренд более чем двумя контрастными цветами
  • Есть много интересных решений по дизайну, графике и видеовставкам, к примеру видео-анимация в блоке «Команда» — по наведению курсора мыши на одного из персонажей автоматически запускаются видео с реакцией других персонажей.

Анимация в блоке Команда

Минусы

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

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

Размытие изображений

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

Здесь наглядная иллюстрация как не нужно делать мобильное меню:

Кривое мобильное меню

Все очень просто, минимальное пятно ссылки на телефоне должно быть 40х40 пикселей — чтобы палец мог свободно «попасть в цель». Здесь же активная область ссылок ограничена лишь текстом, при чем это не информационные ссылки где-то в подвале, это все таки главное меню, основной элемент навигации по мобильному сайту.

На разрешениях около 800 пикселей на сайте разгорается настоящая война между мобильной и десктопной версиями..

Война мобильной и десктопной версий сайта

Это зацикленное видео загрузки но оно полностью отражает реальную ситуацию — происходит бесконечная череда редиректов.

Еще один странный момент, все встроенные видео подключены сразу в трех форматах mp4, ogv и webm, чтобы наверняка видимо. Сейчас все браузеры поддерживают воспроизведение mp4, включая старинный Internet Explorer 9 вышедший в 2011 году. А разработчики продолжают форматить видео по древним письменам.

Баг с картой в контактах

При загрузке карты на странице контактов что-то пошло не так…

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

  • зачем-то дважды подключили скрипт comagic
  • криво установили теги roistat для телефонов в контактах — разноразмерные шрифты, не похоже это на дизайнерский ход)
  • еще один прием менеджерской верстки в мобильной версии произошли недопонимания с кавычками и тегами

Ошибка в мобильной версии

Сайт мертвый?

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

Материал не заказной и содержит познавательный характер, ну и если сайт transitplus планирует дальнейшее развитие мы с удовольствием предложим свои услуги в плане разработки;).

#Трансформатор #Терминатор #ДмитрийПортнягин #Разоблачение #Транзитплюс #Transitplus #ОбзорСайта