Эволюция сайтов российских компаний: от зари рунета до наших дней

22 сентября 2016 г.
Эволюция сайтов российских компаний: от зари рунета до наших дней
Как изменялся вид сайтов всем известных компаний
В этом году исполнилось 25 лет бизнесу в России. Сегодня мы садимся в машину времени и вспоминаем, какими были сайты российского бизнеса много лет назад. По тому, как выглядели сайты компаний в разные «годы жизни» можно уловить не только тренды в веб-дизайне, но и почувствовать дух того времени.

Специалисты AIC выбрали несколько всем известных компаний из разных сфер: промышленность, связь и интернет, банки, транспорт — и сравнили, как выглядели их сайты в разное время.

Алроса

Гигант алмазодобычи был основан в 1992, а почти через 10 лет появился его первый сайт. Что примечательно, на заре рунета сайт «Алросы» часто менялся — на тот момент не существовало той культуры наполнения контентом, привычной нам сегодня. Поэтому у сайта была новая главная страница буквально каждый месяц. Сайт не менялся радикально шесть лет — но главная исправно переверстывалась под каждый новый инфоповод, отчет или обращение к массам.
 2002
2004 

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

Ростелеком

Провайдер услуг связи (а затем и интернет-провайдер) обзавелся собственным сайтом в 2000-ом, хотя компания была основана в 1992-ом. От сайта образца 2000-го года ничего не сохранилось — однако по разметке можно догадаться, что это была модная в то время «приветственная страница» для иностранных коллег, а в тайтле сайта красовалась надпись «Welcome to Rostelecom!» В 2003-ем происходит первое большое обновление, сайт от «Студии Лебедева» у «Ростелекома» будет до 2007-го.

На тот момент сайт производит нужное впечатление инновационного продукта — стальные тона, тонкие линии. Кстати, молодое поколение вряд ли вспомнит такой логотип компании. В 2007-ом сайт телеком-провайдера меняется незначительно, а в 2012 — обновляется еще один раз, вместе с брендбуком, на этот раз серьезно. Всеми узнаваемое «ухо» на логотипе появилось всего 4 года назад.

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

Сегодня банк выступает одним из ключевых российских «проводников» технологий в сфере финтеха. Трудно представить, что в 1999 году первый сайт самого популярного российского банка выглядел так:

Пожалуй, он с комфортом бы поместился на экране смартфона, и даже масштабировать изображение бы не пришлось. Большое обновление настигло «Сбербанк» только в 2011-ом, 12 лет спустя. Многие помнят сайт банка именно таким, со стеклянными зелеными и оранжевыми кнопками. Если помните, на это же время выпал рестайлинг логотипа банка — вызвавший так много спора в дизайнерской тусовке. Следующее знаковое обновление произошло уже спустя 3 года — в таком виде сайт существует и сейчас.

 2011
2014 

Билайн

Помните пчелку? А рекламный джингл: «Би-лайн джи-эс-эм»? Первый сайт крупнейшего оператора связи был запущен в 1998, но, к сожалению, в таком виде сохранился только в памяти старожилов интернета. То, что до нас дошло спустя почти 20 лет (можно разглядеть название англоязычной акции «Be happy»). Пришли нулевые, эпоха флеша и дизайнерской вседозволенности.

Сайт оператора обзаводится анимированным баннером. Куда без него. Если помните, название бренда тогда писалось раздельно — «Би Лайн», а две части названия разделяла пчела — символ для нового термина «сотовая связь». К 2005-му у компании появляется тот самый узнаваемый фирменный стиль и это находит отражение в сайте.

 1998
2000 

Глобальные изменения ждут нас только спустя 4 года — в 2009-ом сайт меняется радикально и с тех пор заметно эволюционирует каждые 2-3 года.

 2009
2012 

Нынешняя версия практически идентична версии 2014 года.
АвтоВАЗ

«АвтоВАЗ» сайт появился в числе первых, в 1998 году. Архивные версии до 2004 года не показательны более, чем полностью — они фактически состоят из нескольких изображений, которые по понятным причинам уже не хранятся ни на одном сервере. Следующая версия появляется в 2004-ом году. С тех пор единственные изменения, которые затрагивают сайт автомобилестроителя — это смена флагманской модели на верхнем баннере.

 2008
2014 

Аэрофлот

Старейшая российская компания подключается к рунет-гонке и представляет миру свой первый сайт в 2000-ом году. Сервис бронирования билетов, говорите? Как вам интерфейс в виде приборной панели, нарисованный голым html? 

Сайт начинает двигаться от красивой безделушки в сторону сервиса в 2003-ем. Именно тогда на сайте появляется поиск авиабилетов. Последующие изменения не столь радикальны, сайт обрастает функциями, сохраняя свою сервис-центричность. Дизайн приводится в соответствие своему времени.

Спустя три года, 2007-ой, сервисов всё больше и больше. В 2010 с сайтом происходит странная метаморфоза — вместо того, чтобы развиваться с позиционированием «сайта-сервиса», сайт «Аэрофлота» зачем-то уходит в эмоциональный дизайн. Сервисная часть сохраняется, но теперь она спрятана глубже, на втором уровне вложенности. Однако в 2016 всё возвращается на свои места. Онлайн-сервис авиакомпании помогает пользователям, интерфейс довольно удачно совмещает его с промо-блоками. Гармония достигнута (на память от прошлого сайта остался тот самый самолет).

 2003
2004 

Лукойл

Без нефтегазовой отрасли вряд ли получилось бы обойтись. Первый сайт всем известной компании появился в 1999 году и выполнял, как и все его собратья тех лет, исключительно имиджевую функцию. Фразой года 2002-го можно без опаски назвать «пропустить заставку» — в то время «приветственные» страницы сайта еще не считались моветоном. После этого компания меняет слоган на «всегда в движении». Но вот что странно — движение самого сайта к прогрессу прекращается. Совсем.

 1999
2002 

Однако рекорды стабильности были и остаются за государственными организациями и их сайтами.

 2000
Наши дни 

К сожалению, несмотря на титаническую работу Вебархива, часть контента безвозвратно утрачена (привет, мода на flash-сайты). Но то, что сохранилось — очень здорово погружает в то время.

 

Общие тенденции

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

1997-2000

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

- Табличная html-верстка. Сайты этого периода следуют строгим правилам и не позволяют себе «вольностей», характерных для расцвета Flash (следующего периода). Именно с этих времен в головах многих укоренилось убеждение в том, что ссылки должны быть синими, а логотип компании — слева сверху.

- Приветственные страницы. Культура пользования интернетом этого периода была крайне низкой, поэтому сайтам нужны были особые приветственные страницы, объясняющие, куда пользователь попал и что здесь можно делать.

- Типографика отсутствует практически полностью. Пропускная способность интернета того времени не позволяет подключать много шрифтов, поэтому максимум, что мы можем видеть — вариации одного шрифта (жирный и курсив).

- Минимум графики. По той же причине на любых графических объектах «экономят» — всё равно большая часть пользователей отключает изображения в браузере.

2000-2005

- В середине периода берет начало эпоха «веб 2.0» — то есть интернет начинают создавать обычные пользователи, на первый план выходит их удобство, инструментарий для создания и публикации контента. Это стремление сделать пользование максимально удобным незамедлительно отражается и во внешнем виде сайтов компаний. Подражание реальным объектам. Развитие CSS позволяет сделать элементы сайта более похожими на реальные объекты — именно этой эпохе мы обязаны выпуклыми кнопками, тенями и градиентами. Выражение «кнопка, которую хочется нажать» — именно отсюда.

- Массивные меню. Меню выступает главным инструментом навигации — оно почти всегда занимает большую часть сайта. Из этого периода — вертикальные боковые меню, которые, к слову, со временем были полностью вытеснены горизонтальными, но снова стали модными сегодня (вспомните lenta.ru) благодаря технологии свайпа и маленьким экранам мобильных устройств.

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

2005-2010

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

- много графики, слайдеры, «большие фото». Нужда экономить пользователям трафик отпала, сайты начинают активно использовать блоки с большими фотографиями. Популярность набирает такой элемент, как слайдер — автоматически сменяющие друг друга крупные изображения с рекламным текстом.

- появляются первые социальные сети. Это приводит к необходимости добавления «социальной составляющей» на сайты компаний. Кнопки шеринга, ссылки на корпоративный твиттер, блоки с подписчиками из социальных сетей — неотъемлемые атрибуты сайтов того времени.

- парадигма больших экранов. Десктопные версии сайтов становятся шире — прежние сайты шириной в 640 пикселей смотрятся рядом с ними настоящими малютками.

- мобильные версии сайтов. Самые продвинутые интернет-ресурсы (социальные сети, крупные информационные порталы) обзаводятся мобильной версией — она позволяет комфортно пользоваться сайтом со смартфона и при этом экономит драгоценный трафик.

2010-2014

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

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

- Больше «воздуха». Сайты окончательно перестают экономить на пространстве — расстояние между элементами становится больше.

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

- Иконографика. Иконки использовались и 15 лет назад, однако массовую популярность они завоевали именно в этот период — это было вызвано в том числе ростом интернет-грамотности населения: каждый пользователь мог распознать, что значит символ «корзина» или «замок и ключ».

2014-2016

На сегодняшний день таких радикальных изменений, как раньше, не происходит, однако дизайн-парадигма меняется чаще — следовательно, предыдущий подход быстро морально устаревает. Об этом свидетельствует то, что за последние 4-5 лет сайты компаний менялись чаще, чем за предшествующие 15. В этом плане показательным будет кейс «Билайна» или «Сбербанка», которые мы привели выше.

Пользуясь оказией: поздравляем весь российский бизнес: большой, средний и малый. Живите долго и процветайте.

 

Текст: Сергей Попков, шеф-дизайнер компании AIC


Комментарии

Еще никто не оставлял комментариев к данному материалу.

Добавить комментарий



Похожие статьи

  • Пристрастия наших соотечественников в праздничные дни Пристрастия наших соотечественников в праздничные дни
    Приближаются новогодние праздники, а значит, появится много свободного времени, чем себя занять? Последние исследования показали, что большинства россиян проводят праздничные дни дома с семьей и друзьями. Отдых в Новый год в других странах могут позволить себе не все и не все видят в этом необходимость. Согласно опросам, большинство (более 65%) респондентов ответили, что Новый Год – это семейный праздник, который следует проводить в кругу семьи.
  • Обзор полезных и интересных сайтов рунета Обзор полезных и интересных сайтов рунета
    Интернет – это современный инструмент коммуникации человечества сегодня, с этим соглашаются практически все активные пользователи интернета. На сегодняшний день в интернете можно смотреть телевизор, читать книги, общаться на форумах и в социальных сетях, играть в разнообразные игрушки и т.п., но что сегодня популярно в сети?
  • Более 30 тысяч сайтов рунета заблокированы неправомерно Более 30 тысяч сайтов рунета заблокированы неправомерно
    В это число входят сайты, заблокированные по нормам закона «О защите детей от вредной информации», а также по «антипиратскому» закону.
  • Регулятор Рунета создаст черный список зараженных сайтов Регулятор Рунета создаст черный список зараженных сайтов
    Координационный центр национального домена сети интернет занялся кибербезопасностью.Координационный центр национального домена сети интернет (КЦ), администратор доменов .ru и .рф, вместе с крупными российскими IT-компаниями («Яндекс», Mail.Ru Group, «Лаборатория Касперского» и Group-IB) решили создать собственный черный список сайтов с опасным контентом: вирусами, шпионским или фишинговым программным обеспечением.
  • Кремль откажется от "Наших" Кремль откажется от "Наших"
    На базе движения «Наши» до конца года будет создана новая молодежная организация с другими именем и целью.Понятие «наши» применительно к молодежной политике скоро уйдет в прошлое - в течение года планируется перезапуск движения, рассказали два кремлевских чиновника. «На "наших" и "не наших" делить российскую молодежь больше не будем, такого слова в названии точно не останется», - заверяет один из собеседников «Ведомостей».
  • Открыт прием работ на конкурс сайтов «РЕЙТИНГ РУНЕТА – 2011» Открыт прием работ на конкурс сайтов «РЕЙТИНГ РУНЕТА – 2011»
    7 декабря 2011 года «Рейтинг Рунета» открыл прием работ для конкурса лучших сайтов 2011 года. Ежегодная премия проводится среди компаний, чья основная профессиональная деятельность связана с веб-разработкой.
  • «Рейтинг Рунета» назвал 18 лучших сайтов 2010 года «Рейтинг Рунета» назвал 18 лучших сайтов 2010 года
    16 августа 2011 г. в Москве, в клубе «Высоцкий», состоялась церемония награждения лауреатов ежегодной премии за лучшие сайты «Рейтинг Рунета — 2010». Событие, ставшее знаковым для отрасли, собрало порядка 300 представителей российских веб-студий, заказчиков и СМИ.
  • Антон Ким: «Мы сами обучаем наших сотрудников» Антон Ким: «Мы сами обучаем наших сотрудников»
    Антон Ким, директор агентства KENSU Interactive, рассказал о проблемах подготовки WEB-кадров и их перспективах. В последнее время рынок интернет-коммуникаций растет как на дрожжах. Промо-сайты, баннерные и вирусные кампании перестали называться «инновационными»  маркетинговыми инструментами. Всё чаще коммуникации компаний брендов напрямую зависят от молодых работников сферы IT, а точнее, её WEB-братии.
  • Корпоративные СМИ: эволюция, концепция, технологии в мастер-классе ведущих компаний Корпоративные СМИ: эволюция, концепция, технологии в мастер-классе ведущих компаний
    Международный мастер-класс «Эффективное управление коммуникациями. Корпоративная пресса» пройдет в белорусской столице 20 марта 2008 года. В нем примут участие ведущие специалисты по корпоративным СМИ Беларуси, Росcии и Украины. Какова главная задача мероприятия?
  • Новые технологии не интересуют наших рекламистов Новые технологии не интересуют наших рекламистов
    Рекламный мир настолько динамическое явление, что многие его игроки просто не успевают уследить за новыми рекламными технологиями. Примером такой новинки может быть задумка компании Nokia — установить специальную версию сервиса Download, включающую баннерную рекламу.