Сегодня в обзоре сайт одного из самых популярных российских рэп-исполнителей Тимати и его лейбла Black-Star. Все найденные ошибки и замечания актуальны на момент публикации статьи.
На первый взгляд сайт очень хорош, все стильно, в черном цвете лейбла, но при подробном досмотре кажется, что его программировала Ольга Бузова, по крайней мере несколько тегов)
Логотип заслуживает отдельного комментария, мало того что он сделан из помеси html и png-графики, так и еще как-то уж явно не симметрично.
Возможно, так было задумано, и это специальный графический трюк, но если вы хоть немного занимались дизайном - ваши глаза уже вытекли). К тому же растровый логотип не самый лучший вариант, что можно сказать и о некоторых иконках, в компании с векторными смотрится ужасно, особенно в растянутом виде на широком экране:
На отдельных страницах исполнителей лейбла забавный баг с развертыванием текста, вроде бы мелочь но сбивает с толку. Что стоило дописать здесь текст? А еще лучше запрограммировать проверку на количество символов.
Еще есть загадочный момент со страницей 404 - она работает только при отсутствии закрывающего слеша, а если он есть то нет части верстки. Причем эта ошибка распространяется на страницу обратной связи: http://black-star.ru/feedback/, которая указана в разделе политики конфиденциальности сайта, видимо эту страницу удалили или переименовали без добавления редиректа по новому адресу.
Что на мобилках?
По классической схеме декстопная версия сайта оптимизирована хорошо, а на мобильную версию наполовину забили, хотя здесь как раз оптимизация намного важнее, судя по развитию высокоскоростного мобильного интернета в России.
Также здесь достаточно странная мобильная панель навигации, ощущение что на этапе создания прототипа работу над ней закончили и закодили как есть.
На странице вакансий в мобильной версии ошибка похожая на 404, здесь начинается война мобильных и десктопных шаблонов дизайна:
Что еще интересного на сайте black-star?
Страшно не валидный html-код, из самых странных особенностей это - теги div внутри контейнера head и отсутствующие в исходном коде закрывающие теги /body и /html. Если бы браузеры не были такими всеядными, сайт бы попросту не работал.
У вас тоже есть «крутой» сайт, и вы полностью в этом уверены? Если нет, можете заказать аудит сайта у нас чтобы удостовериться, пока мы не провели его бесплатно:)
Читайте полный обзор на нашем сайте!