Дизайн Philipp Kontsarenko
6 772

«Ведомости» перезапустили сайт с новым дизайном

Издание «Ведомости» перезапустило сайт с новым дизайном. По словам главного редактора ресурса Татьяны Лысовой, обновление не является обычным редизайном — разработка проекта велась «с нуля».

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

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

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

— главный редактор сайта «Ведомости» Татьяна Лысова

Раздел «Новости» выполнен в виде ленты материалов — каждую новость можно прочитать без перезагрузки страницы:

Статья:

Переход на другие материалы в конце статей:

Редизайн был проведен и на мобильной версии сайта:

#Интерфейсы #Дизайн #ведомости #редизайн #дизайнеры #веб_дизайн #UX #интерфейсы #юзабилити #перезапуск

{ "author_name": "Philipp Kontsarenko", "author_type": "editor", "tags": ["\u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438","\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d","\u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u043a","\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u0432\u0435\u0434\u043e\u043c\u043e\u0441\u0442\u0438","\u0432\u0435\u0431_\u0434\u0438\u0437\u0430\u0439\u043d","ux"], "comments": 42, "likes": 15, "favorites": 1, "is_advertisement": false, "subsite_label": "design", "id": 6956, "is_wide": true }
00
дни
00
часы
00
мин
00
сек
(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15395' + '50799') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days < 10) days = '0' + days; if (hours < 10) hours = '0' + hours; if (minutes < 10) minutes = '0' + minutes; if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; if (seconds <= 0) { clearInterval(countdownTimer); } else { timerItem[0].textContent = days; timerItem[1].textContent = hours; timerItem[2].textContent = minutes; timerItem[3].textContent = remainingSeconds; seconds -= 1; } } timer(); countdownTimer = setInterval(timer, 1000); } else { banner.style.display = 'none'; } })();
{ "id": 6956, "author_id": 4, "diff_limit": 1000, "urls": {"diff":"\/comments\/6956\/get","add":"\/comments\/6956\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/6956"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114 }

42 комментария 42 комм.

Популярные

По порядку

Написать комментарий...
13

Шрифт ужас, строки заголовков воспринимаются как зигзагообразные волны

Ответить
11

да странные заголовки, бУкВы сЛоВнО вОт ТаК нАпИсАнЫ

Ответить
2

Ну это просто первая версия такая. Они обязательно это исправят. Непорядок, когда где-то текст ровный, а где-то волнистый. Должно быть единообразие в стилях на сайте.

Ответить
0

Мне кажется, это баг, у меня такого нет

Ответить
0

Мне тоже кажется, что это баг. У меня такое есть, а на многих скриншотах ничего подобного не видно.
Да и не может человек в здравом уме такое пропустить в продакшн, если видит.

Ответить
0

Сделано специально для всеобщего обсуждения. Вот увидишь, будет тысяча статей про новый дизайн.

Ответить
0

Да ну

Ответить
–1

Эти сраные дизайнеры на своих сраных макбуках...

Ответить
6

О да! Эти попапы с рекламой на весь экран. Как это замечательно. Они не думают о пользователях, они думают о дизайне и как бы монетизироваться. Убого в стиле середины 00х.

Ответить

Комментарий удален

0

Дорабатывают :-))

Ответить
0

У меня в эмуляторе после рефреша мобильная версия открывается

Ответить
0

похоже на карточку MTG

Ответить

Комментарий удален

Комментарий удален

Комментарий удален

Комментарий удален

1

Я бы смени:
Цвет фона - он не читабельный этот беж просто ужас, если текста много. Чем белый не угодил?
При гиппер наводе болотный цвет - тоже в топку.
Шрифты - о боже мой!
А вообще я бы руку сломал дизайнеру за такое.

Ответить
1

сил хватит?

Ответить
1

сил с запасом!
а это ты такое говно-дизайнерское-искусство лепишь?

Ответить
0

да, приезжай ломать руки

Ответить
0

Ахаха и кто после этого с такими не адекватоми работать станет, дедсадик какой-то. А дизайн реально глиньный и не какой, интересно - сколько заплатили в Ведомостях за сие чудо?

Ответить
1

не - *дедсадик*, а ночное пиво заговорило)

Ответить
1

Очень удачно, я считаю.

Ответить
1

Стало гораздо лучше. Косяки, надеюсь, пофиксят со временем, это нормальный процесс.

Ответить
1

Неужели теперь можно читать веб-версию, ура

Ответить
1

Поиграли со шрифтами от души, и это только на главной, и это не считая цветов и начертаний

Ответить
0

Maximka Eronin, приезжайте ломать руку.
адрес на сайте charmerstudio.com
Буду с нетерпением ждать.

Ответить
0

Жди меня и я приеду. Если критику выносить не можете - не надо кидаться, все по делу было. А что фантазии нету и дизайн у всех работах однотипный(портфель смотрел) и ужасно страшный, тут уж фантазией поделиться не могу. Но куда руководство смотрело когда заготовку принимало - тоже секрет, видимо им виднее.
Удачи!

Ответить
0

«все по делу», максимка – это попробовать сделать то, о чем прилюдно заявляешь. А для языкастых мальчиков типа тебя, умничать в комментах – потолок физической активности. Чао.

Ответить
0

Ты прилюдно сделал ХЛАМ - тебе объяснили что как и почему у тебя говно получилось - зацепило, это не мои проблемы, говноХЛАМ делаете - ну удачи, чет если проекты нормальные, не кто не чего не пишет плохого, а если КАЛ и АНАЛИЗЫ полные и разработчик не понимает этого, а только кидаеться на комменты - ну что вам сказать - ебанутая дедсад контора у вас, с говноДИЗОМ и проектами одинаковыми один в один в портфеле.
Хуйню делают - еще и лают.

Ответить
0

Жаль, мы не видели твоих работ, Максимка. Ты, сразу видно, большой эксперт в дизайне. Может покажешь свои проекты?

Ответить
0

Я проекты не показываю, но то что у вас, не один я говорю, что не то и не так, дизайнер вам нужен как минимум + человек по юзабилити нормальный, для начало!
Спорить надоело, привязались к моему посту - почитайте ниже что люди пишут - мнение один в один со мной. Если не прав - не прав, ну отпишите обратное, докажите, что так лучше, когда я с телефона читать не могу, так красивее - когда заголовки скачут и не читабельны. У вас слабая команда и т.д. А по поводу меня - я специалист по юзабилити и аналитик по профессии, я все увидел - отписал - не так, хотите сказать что лучше - ну напишите. Что там так как ВЫ видете!

Ответить
0

Приложение, интересно не думают редизайнить?

Ответить

Комментарий удален

0

Там что-то про море и про акул все

Ответить
0

Сразу, при первом заходе -- реклама на всю страницу. Это шедеврально!

Да и все остальные банеры вовсе вываливаются из дизайна.

Весь дизайн сводится у выравниванию столбцов?..
Никаких акцентов на фото -- их просто тупо влепили.
Никаких действий на hover, никакой динамики.

Дизайн тоже вернулся в лихие 90-ые..

Ответить
0

Зачем там нужны акценты на фото?
Что плохого в рекламе на всю страницу, разве лучше когда она повсеместно перемешана с контентом?

Ответить
0

Реклама на весь экран прерывает взаимодействие с сайтом. Это насильное пихание рекламы с невозможностью ее сразу закрыть. К подобной рекламе сразу формируется сильный негатив. Даже больше не к рекламе, а к сайту, который додумался такую рекламу вкрячить

Ответить
0

Это клише. Естественно, реклама никому не нравится, однако если вы не платите за контент, то сайт зарабатывает на рекламе и она должна быть, вопрос только в том, в каком формате.

Ответить
0

Я не говорю, что рекламы быть не должно. Я говорю о том, что она не должна пихаться посетителю насильно. В идеале реклама должна быть логичным продолжением контента. Другими словами, она должна быть контекстной. Если я читаю статью про форд и она меня заинтересовала, то если под этой статьей я увижу рекламу форда, я на нее кликну в десятки раз вероятнее, чем если ту же рекламу мне будут принудительно пихать при входе на сайт.

Ответить
0

Понятно, что все не просто так и так должно быть.
Но первое впечатление такое, будто я завел блог на wordpress и набил материалами, затем купил тему на themeforest (которая не адаптирована под кириличные шрифты, конечно) и поставил на этот блог. И теперь то самое чувство, что вот теперь нужно все вот это настраивать, лезть в css и т.д.

Ответить
0

Стало конечно в разы лучше чем было.

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

Ответить
0

fyi над перезапуском работала бывшая команда Ленты.ру: http://habrahabr.ru/post/243939/

Ответить
0

а нафига фон золотой (или он синий)?

Ответить
0

он цвета - *неожиданность*

Ответить
0

На украинский капитал похоже

Ответить
0

Ну вот вы зря пишите мне давайте анализировать ваш расчудестный портфель:
И так http://charmerstudio.com/russlife/ полная аерстка для ВЕДОМОСТЕЙ - даже без заморочек - просто двиГЛО взяли и ура.
Сменили фон на http://charmerstudio.com/1991/ и верску из
=
ВЕДОМОСТИ
Нормально люди сидели и делали все - движек не стал смотреть и т.д. нюанс, но думаю я там тоде найду много подобного.
Ерунда, а не работа, а цифры в 6-нулей(я не завидую, но ваша работа и 100 000 руб не стоит).
Херь наворотили, не юзабилити нету, не читабельности, но с пеной у рта спорим - почему бы я сломал руку дизайнеру. Я все расписал.
Далее и отвечать не БУДУ - СОСИТЕ ДУДКУ и ДЕЛАЙТЕ ЧТО ХОТИТЕ, А ТО ВЫ СДЕЛАЛИ - в топку сразу, ТАКОГО ГОВНА Я ДАВНО НЕ ВИДЕЛ.

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень
Подписаться на push-уведомления