[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-metallurg":3,"expertises:{\"sort\":\"order\",\"perPage\":100,\"is_main\":1}":20},{"id":4,"order":5,"title":6,"archiveTitle":7,"slug":8,"url":9,"urlName":10,"description":11,"previewImageUrl":12,"releasedAt":13,"isIndexed":14,"text":15,"mainImageUrl":12,"expertises":16,"metaTitle":6,"metaDescription":17,"createdAt":18,"updatedAt":19},408,20,"Сайт ХК Металлург","Сайт хоккейного клуба «Металлург» (Магнитогорск)","metallurg","http:\u002F\u002Fwww.metallurg.ru\u002F","www.metallurg.ru","Официальный сайт хоккейного клуба",null,"2013-09-02",true,"\u003Cp>\r\n\t Мы&nbsp;приняли участие в&nbsp;подготовке к&nbsp;сезону 2013\u002F2014&nbsp;КХЛ хоккейного клуба «Металлург», разработав для клуба удобный современный сайт.\r\n\u003C\u002Fp>\r\n\u003Ch2>Какую задачу мы решали?\u003C\u002Fh2>\r\n\u003Cp>\r\n\t Сотрудничеством с&nbsp;Магнитогорском мы&nbsp;обязаны другому легендарному хоккейному клубу&nbsp;— \u003Ca href=\"\u002Fportfolio\u002Fdynamo\u002F\">московскому Динамо\u003C\u002Fa>, для которого мы&nbsp;сделали сайт еще в&nbsp;2010&nbsp;году. За&nbsp;эту работу мы&nbsp;получили свою первую Премию Рунета&nbsp;— сайт «Динамо» был признан лучшим сайтом спортивного клуба и&nbsp;надолго стал настоящим эталоном для российских хоккейных клубов.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Если другие команды предпочитали, не&nbsp;мудрствуя лукаво, тихо заимствовать наши идеи&nbsp;— руководство «Металлурга» решило обратиться к&nbsp;первоисточнику. Нам предложили вместе поработать над новым сайтом.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Переговоры не&nbsp;были долгими. Во-первых, работая над проектом московского Динамо, мы&nbsp;успели полюбить российский хоккей и&nbsp;стать, пусть не&nbsp;фанатичными, но&nbsp;преданными его болельщиками. Поэтому возможность создать проект для другого маститого клуба была очень привлекательной. Кроме этого, времени на&nbsp;долгие переговоры попросту не&nbsp;было&nbsp;— с&nbsp;Магниткой мы&nbsp;познакомились в&nbsp;середине июня, а&nbsp;сайт нужно было открыть к&nbsp;первой игре сезона, которая была назначена на&nbsp;6&nbsp;сентября&nbsp;и, по&nbsp;мистическому совпадению, именно с&nbsp;динамовцами из&nbsp;Москвы.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Проект идеально отвечал нашим целям: нам предстояло решить непростую задачу&nbsp;— создать работу, которая выводила&nbsp;бы на&nbsp;новый уровень эталон, созданный нами&nbsp;же самими.\r\n\u003C\u002Fp>\r\n\u003Ch2>Как мы решали эту задачу?\u003C\u002Fh2>\r\n\u003Cp>\r\n\t Чтобы не&nbsp;терять времени, нам нужно было добиться максимально точных ожиданий от&nbsp;конечного результата с&nbsp;обеих сторон. Ребята из&nbsp;«Металлурга» находились в&nbsp;полутора тысячах километров от&nbsp;нас, поэтому в&nbsp;качестве основного коммуникационного инструмента мы&nbsp;выбрали Skype, а&nbsp;для визуализации собственных идей подготовили подробный интерактивный прототип.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Пока мы&nbsp;занимались подготовительными работами и&nbsp;подготовке к&nbsp;дизайну, пришла неожиданная новость&nbsp;— Металлург обновил собственный логотип. Логотип&nbsp;— один из&nbsp;основных элементов графической концепции, а&nbsp;значит, нам нужно было учитывать новую версию при работе над поиском графической концепции.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Новый логотип клуба был выполнен в&nbsp;традициях североамериканского хоккея. Основную его часть занимал лис&nbsp;— клубный талисман, имя которого, в&nbsp;частности, носит молодежная команда клуба («Стальные Лисы»).\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002Fb7c4abc95ba4c0111c25df2cedffa0164cc2a743.png\"> \u003Cfigcaption>Старый и новый логотип клуба\u003C\u002Ffigcaption> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Создание графической концепции для сайта спортивного клуба&nbsp;— задача, которая только кажется простой. С&nbsp;одной стороны, такие сайты изобилуют информацией&nbsp;— болельщики проводят на&nbsp;страницах сайта длительное время и&nbsp;просматривают, зачастую, по&nbsp;несколько десятков страниц. С&nbsp;другой, спорт&nbsp;— это все-таки азарт, адреналин и&nbsp;движение. А&nbsp;хоккей&nbsp;— это еще и&nbsp;здоровая доля агрессии. Нельзя было забывать и&nbsp;о&nbsp;том, что будущий дизайн должен был отражать характер Магнитки&nbsp;— клуба, родным для которого является один из&nbsp;основных центров российской черной металлургии.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Для решения этих задач мы&nbsp;предложили необычную концепцию, сочетающую в&nbsp;себе крупные контрастные легко-читаемые шрифты с&nbsp;агрессией и&nbsp;динамикой, присущей спортивной тематике.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F37f77d0a440415ab029edea90b787d8aba0d5f73.jpg\"> \u003Cfigcaption>Главная страница\u003C\u002Ffigcaption> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Металлургический стиль выражен в&nbsp;графических акцентах. Так, например, начертание названия клуба стилизовано под неполированный металл, а&nbsp;логотип начинает разбрасывать горячие искры при наведении на&nbsp;него курсора.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Хоккей&nbsp;— очень динамичная игра и&nbsp;передача этой динамики стала по-настоящему интересной и&nbsp;увлекательной задачей. Нам нужно было создать азартную, увлекательную атмосферу&nbsp;— атмосферу игры. С&nbsp;этой задачей, в&nbsp;частности, отлично справились в&nbsp;свое время дизайнеры Electronic Arts&nbsp;— одного из&nbsp;лидера рынка компьютерных игр, ответственные за&nbsp;выпуск таких игровых шедевров, как FIFA и&nbsp;NHL.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Именно игры&nbsp;EA оживили воспоминания главного продюсера проекта Сергея Филиппова о&nbsp;том, с&nbsp;каким удовольствием он&nbsp;возился в&nbsp;детстве с&nbsp;коллекционными карточками любимых футболистов. Информацию об&nbsp;игроках и&nbsp;тренерах команды решено было выполнить в&nbsp;стиле таких карточек, лицевую часть которых занимала&nbsp;бы фотография и&nbsp;номер игрока, а&nbsp;на&nbsp;обороте были&nbsp;бы отражены его основные игровые показатели. Эффект переворота карточки впоследствии был анимирован, что создало еще большую эмоциональную привязку пользователей.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F5811e5e261f4eaafe660e477a0fd319a4bc685a1.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Календарь игр&nbsp;— важная для болельщиков штука. Когда будет следующая игра и&nbsp;то, как сыграли прошлую игру&nbsp;— одни из&nbsp;тех самых частых вопросов. Поэтому на&nbsp;главной странице мы&nbsp;поместили небольшой анонс, в&nbsp;центре которого всегда расположена предстоящая игра. Анонс интерактивный&nbsp;— если подвести курсор к&nbsp;одной из&nbsp;ячеек, появятся дополнительные опции: для прошедших игр это итоговый счет и&nbsp;протокол состоявшейся игры, а&nbsp;для предстоящих&nbsp;— возможность сделать прогноз на&nbsp;исход поединка.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F77ee81754919950f21cf2304628168025439ae0e.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Подробному календарю мы&nbsp;выделили отдельную страницу. Одним взглядом можно быстро оценить, в&nbsp;каком состоянии команда&nbsp;— «на&nbsp;подъеме», когда выигранных игр больше, чем проигранных, или «испытывает спад».\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F0672deb8e9295f7890c192659ecaafc7a6edf7b2.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Матчи&nbsp;— ключевой элемент сайта спортивного клуба. Ведь именно ради них все и&nbsp;делается&nbsp;— тренировки, наем лучших тренеров и&nbsp;игроков, разработка тактики и&nbsp;стратегии. Каждой игре на&nbsp;сайте хоккейного клуба «Металлург» посвящена отдельная страница.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002Fc3dcbd5c4d953fda5015d1a04290115d57c6114d.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Здесь помещена ключевая информация о&nbsp;матче: когда и&nbsp;где состоялась игра, с&nbsp;каким результатом завершилась, а&nbsp;также ключевая статистическая информация, разбитая по&nbsp;игровым периодам (в&nbsp;хоккее основными показателями являются голы, броски по&nbsp;воротам, выигранные вбрасывания и&nbsp;общее количество штрафных минут).\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002Fdfa948c771bb4b3469a218aa05779213337ee1e3.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Сразу под протоколом мы&nbsp;поместили офигительную штуку, которую внутри Студии прозвали «таймлайном». Игра длится 60&nbsp;минут (три периода по&nbsp;20&nbsp;минут для большинства игр), в&nbsp;том случае, если она завершилась победой одной из&nbsp;команд. Поэтому мы&nbsp;сделали временную шкалу, на&nbsp;которую нанесли важные игровые моменты. Для каждого из&nbsp;событий мы&nbsp;придумали свою иконку, при наведении на&nbsp;которую можно посмотреть дополнительную информацию&nbsp;— время события, имя и&nbsp;фамилия игрока и&nbsp;небольшие пояснения.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F65442619a741f2efd39a8fe57a023a3302d38f9c.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Еще ниже расположились ссылки, с&nbsp;помощью которых можно переключать режимы дополнительной информации об&nbsp;игре. Основным режимом является режим отображения состава играющих команд.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t В&nbsp;хоккее команды разбиты на&nbsp;так называемые «пятерки» (два защитника + три нападающих). Игроки постоянно сменяют друг друга на&nbsp;льду, но&nbsp;чаще всего замена происходит целыми пятерками, и&nbsp;от&nbsp;того, как тренер распределил игроков по&nbsp;звеньям, зачастую, зависит исход матча.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Для более наглядной демонстрации этого игрового аспекта мы&nbsp;создали интерактивную карту «пятерок». Переключая звенья между собой, посетитель сайта, словно настоящий тренер, сможет увидеть, как одна пятерка «покидает лед», а&nbsp;другая&nbsp;— сменяет ушедших партнеров.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Вторым режимом является режим с&nbsp;подробным протоколом матча. Здесь, точно так&nbsp;же, как и&nbsp;в&nbsp;таймлайне, ключевые события отражены в&nbsp;хронологическом порядке.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002Fd52113abfaf60007197ca079a8c95b8bb6fb9eca.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Если протокола, который содержит сухую статистическую информацию, окажется мало&nbsp;— можно посмотреть запись текстовой «онлайн-трансляции». Такую трансляцию проводит самый настоящий спортивный комментатор, старающийся описывать еще и&nbsp;ход игры&nbsp;— так у&nbsp;пользователей, у&nbsp;которых нет возможности посетить стадион или следить за&nbsp;ТВ-трансляцией матча, появляется возможность почувствовать атмосферу и&nbsp;накал страстей.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002Fdbab8596000cdf83b11e9188715c453cc01624ea.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Работая с&nbsp;информационными составляющими сайта, мы&nbsp;старались внедрить наиболее удобные практики современных СМИ. В&nbsp;ленте новостей мы&nbsp;отказались от&nbsp;страницы с&nbsp;полным текстом, после посещения которой нужно снова возвращаться к&nbsp;списку новостей. Вместо этого полный текст открывается в&nbsp;окне прямо поверх списка новостей.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Чаще всего новости касаются матчей, поэтому мы&nbsp;постарались упростить работу редакторам сайта&nbsp;— врезки с&nbsp;информацией из&nbsp;протоколов матчей интегрируются в&nbsp;текст публикации одним нажатием.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F59866d53c6830462608980ebed9ac15b93b0821a.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Небольшая иконка-индикатор переводит окно из&nbsp;пассивного режима чтения в&nbsp;активный режим, позволяющий членам фан-клуба «Металлурга» обсудить новость между собой.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F6c0a66ca8460380f32bad35ee27ef3acddf14498.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t В&nbsp;этом проекте так&nbsp;же, как и&nbsp;в&nbsp;работе с&nbsp;«Динамо», мы&nbsp;автоматизировали публикацию многих материалов, интегрировав систему управления сайтом с&nbsp;информационными системами КХЛ. Проще говоря, то, что можно подгружать с&nbsp;сайта КХЛ автоматически&nbsp;— подгружается автоматически.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Мы&nbsp;всегда стараемся создавать проект, думая о&nbsp;людях, которые будут им&nbsp;пользоваться. На&nbsp;собственном опыте мы&nbsp;убедились в&nbsp;том, насколько непросто управлять сайтом современного спортивного клуба. Поэтому необходимость такой автоматизации даже не&nbsp;обсуждалась, и&nbsp;мы&nbsp;очень удивлены, что подавляющая часть сайтов других хоккейных клубов не&nbsp;пользуется этой очевидной возможностью облегчить жизнь редакторов сайтов.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Для постоянных болельщиков мы&nbsp;переработали некоторые популярные сервисы прежней версии сайта. Одним из&nbsp;таких сервисом был и&nbsp;остается интернет-тотализатор&nbsp;— своеобразный конкурс прогнозистов с&nbsp;настоящими призами, которые вручаются по&nbsp;итогам сезона.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F6cbee9b277edd915d0f46bb988200be3b77761ff.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t С&nbsp;помощью этого сервиса болельщики могут делать свои «ставки» на&nbsp;исход предстоящих игр&nbsp;и, в&nbsp;зависимости от&nbsp;точности сделанного прогноза, получать игровые «очки», идущие в&nbsp;общий зачет участников конкурса.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F7f15f9d09e6cabecd26dda2c517cc95867e9988e.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Настоящие болельщики (а&nbsp;болельщики магнитогорского «Металлурга» именно такие) всегда поддерживают клуб, в&nbsp;том числе и&nbsp;приобретая фирменную атрибутику. Поэтому на&nbsp;сайте представлены несколько компонентов e-commerce.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t В&nbsp;интернет-магазине можно приобрести атрибутику клуба.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t В&nbsp;отличие от&nbsp;сайтов многих спортивных клубов, на&nbsp;сайте Магнитки представлена не&nbsp;«форма заказа», а&nbsp;настоящий функционал электронной коммерции. Магазин интегрирован с&nbsp;учетной и&nbsp;складской системой «1С», которую используют в&nbsp;клубе. А&nbsp;пользователи могут не&nbsp;только выбрать понравившийся товар, но&nbsp;и&nbsp;оплатить его прямо на&nbsp;сайте, получив свой заказ выбранным способом доставки уже через несколько дней. Все, как у&nbsp;взрослых!\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Для фанатичных болельщиков мы&nbsp;предусмотрели возможность получить эксклюзивную вещь&nbsp;— например, игровой свитер с&nbsp;автографом любимого игрока. Правда за&nbsp;такой раритет придется побороться с&nbsp;конкурентами на&nbsp;аукционной площадке клуба.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Наконец, одной из&nbsp;важнейших задач, ради которых спортивные команды вообще обзаводятся сайтами&nbsp;— это продажа билетов на&nbsp;матчи.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Бизнес-процесс продажи, как правило, отдается на&nbsp;обслуживание специализированной компании. Нам нужно было обеспечить понятный и&nbsp;удобный интерфейс, который принимал&nbsp;бы заказ от&nbsp;посетителя сайта и&nbsp;передавал&nbsp;бы в&nbsp;специальную систему бронирования билетов.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002Ff1f4ed0f7b221278928d404abc943f3c8879d304.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Мы&nbsp;гордимся тем, как все получилось. Совместная работа с&nbsp;третьим участником проекта&nbsp;— это всегда непросто. Но&nbsp;наши партнеры из&nbsp;компании «\u003Ca target=\"_blank\" href=\"http:\u002F\u002Fwww.infotec.ru\u002F\">Инфотех\u003C\u002Fa>», чья билетная система была использована для реализации этого функционала, оказались настолько профессиональны, что нам удалось реализовать практически все идеи и&nbsp;интегрировать не&nbsp;только саму систему так, что пользователь не&nbsp;замечает разницы, но&nbsp;даже добиться 100%-ной интеграции пользователей. То&nbsp;есть зарегистрированным пользователям клубного сайта не&nbsp;приходится дополнительно регистрироваться в&nbsp;билетной системе.\r\n\u003C\u002Fp>\r\n \u003Cfigure class=\"img-shadow\"> \u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F45b6b837f6e75f0784187f63f4b8fdf430f0f972.png\"> \u003C\u002Ffigure>\r\n\u003Cp>\r\n\t Хороший сайт&nbsp;— это всегда результат напряженной работы с&nbsp;обеих сторон. И&nbsp;сайт «Металлурга» никогда не&nbsp;получился&nbsp;бы таким, каким его можно увидеть сегодня, без той готовности и&nbsp;того самоотверженного труда ребят из&nbsp;магнитогорского хоккейного клуба, оказывающих нам любую помощь, о&nbsp;которой мы&nbsp;только просили, на&nbsp;протяжении всего проекта.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Стоило нам попросить собрать для фото-сессии всех игроков и&nbsp;тренеров, как уже буквально через несколько дней нам подготовили несколько сотен фотографий. Нам нужны были фотографии арены с&nbsp;различных ракурсов&nbsp;— ребята, в&nbsp;буквальном смысле, бросили все и&nbsp;отправились готовить для нас материал. Нам не&nbsp;хватало информации об&nbsp;истории клуба&nbsp;— в&nbsp;тот&nbsp;же день в&nbsp;наш адрес была отправлена посылка с&nbsp;печатным двухтомником, который для нас подписал на&nbsp;память Президент Клуба.\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Оказалось, что «Металлург»&nbsp;— это не&nbsp;только сильная хоккейная команда, но&nbsp;еще и&nbsp;«команда мечты» с&nbsp;точки зрения сотрудников, — клиент, о&nbsp;котором можно только мечтать. Спасибо, Металлург, что выбрали нас. Мы&nbsp;знаем&nbsp;— работа не&nbsp;всегда протекала идеально, были и&nbsp;сложные моменты. Но&nbsp;все-таки мы&nbsp;верим в&nbsp;то, что клуб и&nbsp;болельщики остались довольны результатом&nbsp;— в&nbsp;конечном счете, все делалось именно ради них!\r\n\u003C\u002Fp>\r\n\u003Ch2>Награды\u003C\u002Fh2>\r\n\u003Cp>\r\n\t В&nbsp;октябре 2014 года сайт ХК&nbsp;«Металлург» стал серебряным призером \u003Ca target=\"_blank\" href=\"http:\u002F\u002Fprosport-awards.ru\u002F\">PROsport Awards\u003C\u002Fa> в&nbsp;номинации «Лучшее digital-маркетинг решение».\r\n\u003C\u002Fp>\r\n\u003Cp>\r\n\t Уже через месяц сайт ХК&nbsp;«Металлург» вновь был удостоен награды, но&nbsp;уже в&nbsp;конкурсе интернет-проектов «\u003Ca target=\"_blank\" href=\"http:\u002F\u002F2014.goldensite.ru\u002F\">Золотой сайт\u003C\u002Fa>». Ему присудили \u003Cnobr>3-e место\u003C\u002Fnobr> сразу в&nbsp;двух номинациях: «Сайт спортивной тематики, здоровый образ жизни» и&nbsp;«Дизайн тематического сайта».\r\n\u003C\u002Fp>\r\n \u003Cbr>",[],"Разработка нового сайта для хоккейного клуба Металлург. Магнитогорский «Металлург» — самый титулованный хоккейный клуб в Европе - Проект SVK.Digital","2026-05-15 07:37:53","2026-05-18 10:17:29",{"currentPage":21,"lastPage":21,"perPage":5,"from":21,"to":22,"total":22,"nextPageUrl":12,"previousPageUrl":12,"items":23},1,5,[24,31,38,45,52],{"id":25,"title":26,"shortDescription":27,"imageUrl":28,"url":29,"slug":30},43,"Заказная разработка","\u003Cdiv class=\"service-content\">\r\n\u003Cul>\r\n\u003Cli style=\"font-size: 12pt;\">\u003Cspan style=\"font-size: 12pt;\">• Разработка веб-приложений\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli style=\"font-size: 12pt;\">\u003Cspan style=\"font-size: 12pt;\">• Разработка мобильных приложений\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli style=\"font-size: 12pt;\">\u003Cspan style=\"font-size: 12pt;\">• Разработка продуктов и стартапов (MVP)\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003C\u002Fdiv>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F43\u002Fmain\u002F9b536e910e22b0c053432f4058d5594ca6f79874.jpg","\u002Fservices\u002Fcustom-development\u002F","custom-development",{"id":32,"title":33,"shortDescription":34,"imageUrl":35,"url":36,"slug":37},52,"ИИ-разработка","\u003Cp dir=\"ltr\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">Внедрение ИИ в работу компаний и предприятий\u003C\u002Fspan>\u003C\u002Fp>\r\n\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Автоматизация рутинных процессов\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• LLM и RAG-системы (корпоративный GPT, чат-боты)\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• ML (обучаемые модели)\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Компьютерное зрение\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Генеративные интерфейсы\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp>&nbsp;\u003C\u002Fp>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F52\u002Fmain\u002Fb245231d8506ae3ea4c77015c36c3b25499952f1.png","\u002Fservices\u002Fai\u002F","ai",{"id":39,"title":40,"shortDescription":41,"imageUrl":42,"url":43,"slug":44},41,"Интеграция и автоматизация","\u003Cdiv class=\"service-content\">\r\n\u003Cp>\u003Cspan style=\"font-size: 12pt;\">Кастомная разработка\u003C\u002Fspan>\u003C\u002Fp>\r\n\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Автоматизированных систем управления\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Личных кабинетов\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Учетных систем\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• CRM\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• ERP\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp>&nbsp;\u003C\u002Fp>\r\n\u003Cp>\u003Cspan style=\"font-size: 12pt;\">Внедрение PIM-систем\u003C\u002Fspan>\u003C\u002Fp>\r\n\u003Cul>\r\n\u003Cli>\u003Cspan style=\"font-size: 12pt;\">• На базе PIMcore\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp dir=\"ltr\" role=\"presentation\">&nbsp;\u003C\u002Fp>\r\n\u003Cp dir=\"ltr\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">Автоматизация бизнеса\u003C\u002Fspan>\u003C\u002Fp>\r\n\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• На базе заказной разработки\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Заказная разработка + точечное внедрение ИИ\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp>&nbsp;\u003C\u002Fp>\r\n\u003C\u002Fdiv>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F41\u002Fmain\u002F7f0f8a036ec2c365f2099d796f774c2a0053a63d.png","\u002Fservices\u002Fintegration-automation\u002F","integration-automation",{"id":46,"title":47,"shortDescription":48,"imageUrl":49,"url":50,"slug":51},53,"Аренда выделенных команд","\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Поддержка и развитие веб-сервисов\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Создание веб-сервисов “с нуля”\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp>&nbsp;\u003C\u002Fp>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F53\u002Fmain\u002F3c00e6bbc3263141bc54ea51b816e383fcc49506.png","\u002Fservices\u002Fit-outsourcing\u002F","it-outsourcing",{"id":53,"title":54,"shortDescription":55,"imageUrl":56,"url":57,"slug":58},44,"ИТ-консалтинг","\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Аудит и оптимизация инхаус-команд\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Продуктовый консалтинг\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• HR в сфере диджитал\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp>&nbsp;\u003C\u002Fp>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F44\u002Fmain\u002F53c7eb07fb9f9d3b8f2184b6026cd9fcae15a875.png","\u002Fservices\u002Fit-consulting\u002F","it-consulting"]