Новости веб дизайна: графический дизайн, промышленный, объектный, веб-дизайн, типографика – uWebDesign • сообщество веб-дизайнеров и разработчиков

Тренды веб дизайна 2019 — Новости дизайна

Редакция портала Designnews.ru подготовила обзор основных трендов в веб-дизайне в новом году.

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

Бизнес хочет развивать веб-сайты быстрее и сделать их простыми и удобными в использовании (UX). Каждый владелец, веб-мастер сайта стремится улучшить конверсию. Это основные моменты, которые определят тренды веб-дизайна 2019 года.

Тренд: Микро анимации и взаимодействия

Сложные анимации остались в прошлом. Они отнимают много времени, их трудоёмко разрабатывать. Малый бизнес не может себе этого позволить, у крупных компаний нет на это времени.

Радуйтесь, представляем вашему вниманию микро анимации и взаимодействия! Крошечные точки взаимодействия с вашими посетителями (все дизайнеры UX уже говорят об этом!). Микро анимации помогают привлечь внимание и увеличить конверсию.

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

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

Тренд: Скорость и производительность

Производительность, наконец, стала тенденцией. Все популярные сайты поражают своей производительностью. Более высокая производительность означает лучший SEO рейтинг и снижает чувство неудовлетворенности посетителей сайта.

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

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

Старайтесь не перегружать свой сайт тоннами контента-ваша производительность может пострадать.

Структурирование Содержимого

За последнее время появилось очень много веб-сайтов, получивших награду на ресурсе Awwwards, которые разделяют макет по вертикали.

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

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

Уникальные элементы

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

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

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

Тем не менее, в конце концов, это окупается наличием уникального веб-сайта.

Если вы работаете с инструментами и конструкторами веб-сайтов, найдите инструмент, который можно расширить. Создайте свой собственный набор элементов, соответствующих вашему бренду.

Одностраничные Макеты

Мы живем в динамичной среде. Люди не могут позволить себе проводить много времени на сайте. Ваш не является исключением.

Одностраничные макеты популярны для создания целевых страниц с высоким коэффициентом конверсии. В 2019 году больше сайтов будут смотреть в этом направлении и, возможно, конвертировать свои обычные сайты в целевые страницы.

Целевая страница позволяет сосредоточиться на одной задаче или услуге и контролировать воронку продаж. Намного легче запустить одностраничный сайт и затем масштабировать его в более объемный проект.

Одно-страничный макет BAUNFIRE

Формы и изображения

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

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

Asana — это платформа для управления проектами, которую используют команды чтобы сосредоточиться на целях, проектах и ежедневных задачах, которые развивают ваш бизнес.

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

«Неупорядоченные» элементы

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

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

«Прилипающие» блоки с уведомлениями

Являетесь ли вы поклонником GDPR? Редакция DesignNews немного разочарована появлением большого количества уведомлений на сайтах, в том числе и политикой cookies.

GDPR — General Data Protection Regulation. Правила обработки персональных данных в Европе для международного IT-рынка

Плохая новость заключается в том, что в 2019 году мы увидим гораздо больше sticky уведомлений. Бизнес увидел большую ценность в появлении всплывающих окон и блоков уведомлений, содержащих целевые ссылки, предложения и важную информацию. В среднем всплывающие окна могут увеличить коэффициент конверсии на 20%. Спросите любого эксперта по электронной коммерции — это очень хорошие показатели.

Так что несмотря на то, что все их ненавидят, люди чаще склонны всё-таки обращать внимание на sticky блоки.

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

24+ ресурса для просвещения и вдохновения. Читайте на Cossa.ru

Зарубежный опыт

Medium — главный портал для дизайнеров. Он регулярно пополняется информационными статьями, которые дают почву для размышления, интересными иллюстрациями, обзорами последних трендов и аналитикой ведущих специалистов по дизайну. На «Медиуме» стоит искать не только рекомендации, но и вдохновение для работы. Для развития навыков и знаний подписывайся на Personal Growth, если ищите примеры красивых работ — на Good Web Design.

Чуть больше технической информации представлено на других американских сайтах: Nielsen Norman Group и askTog. На первом собраны рекомендации по улучшению юзабилити сайтов. Вторая платформа предлагает интересный материал о структурах взаимодействия от эксперта по технологиям Брюса Тоньяцци (Apple).

Чтобы прокачать свои скиллы в Photoshop, окунись с головой в PHLEARN. Узнать больше о логотипах, брендинге и тонкостях веб-дизайна можно в блоге Якоба Касса, который работал с такими мировыми брендами, как Red Bull, Nike, Coca-Cola и Disney. А для самых пытливых умов рекомендую How Design University — здесь собраны курсы и рекомендации от ведущих специалистов отрасли.

Культовый Smashing Magazine предлагает веб-дизайнерам базу знаний о проектировании и разработке в формате полезных статей и электронных книг. Обсудить свои веб-проекты с коллегами можно на Bounce — загрузить ссылку на собственный сайт и получить комментарии пользователей со всего мира.

Полезное приложение HTML5 Moqups поможет дизайнеру разобраться с макетами пользовательского интерфейса, внести в них правки и оценить UI в полевых условиях.

Российские площадки

«Дизайн-кабак» мало похож на традиционные информационные ресурсы, и по своей форме изложения напоминает беседу в пабе за кружкой пива. Тут собраны последние новости веб-дизайна, лайфхаки, советы и обзоры. Кроме того, сайт поможет разобраться с финансовыми вопросами — например, определить стоимость своих работ.

Ольга Скулкина вместе со своими друзьями-переводчиками ведёт блог Nancy Pong, на котором практически каждый день появляются русскоязычные переводы статей о веб-дизайне. Тут есть и обзоры стилей, и научные рекомендации по применению цвета в дизайне и многое другое, что пригодится в работе.

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

Блог «Дизайн Мания» — платформа для обмена полезной информацией как теоретического, так и практического формата. Кроме того, он регулярно предлагает бесплатные картинки и иконки.

Российский онлайн-журнал «Дежурка» будет интересен не только дизайнерам, но и всем участникам процесса создания сайта: разработчикам, программистам, копирайтерам. Когда возникнет вопрос по работе с графическими редакторами — ищите ответы в «Дежурке».

DesignNonstop пригодится новичкам в веб-дизайне. Тут они найдут обзоры платных и бесплатных сервисов, рекомендации по оформлению страничек в социальных сетях и подборки красивых примеров дизайна.

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

Подборки для вдохновения

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

• Muzli — плиточный сайт, собирающий красивые веб-решения ведущих брендов, художников и дизайнеров.

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

• Awwwards — площадка крутых веб-специалистов, которые стали лучшими в своей сфере. Тут можно найти абсолютно всё: от примеров лучших визуальных эффектов до трендовых кейсов, которые во многом определяют «погоду» в мире веб-дизайна.

• UserOnboard — очень подробные примеры онбординга популярных сайтов и приложений. Оформлено в виде слайдшоу.

• The Great Discontent — вдохновляющие интервью с талантливыми творческими людьми.

Есть на примете полезные ресурсы, которые не попали в эту подборку? Пожалуйста, делитесь своими находками в комментариях. Всем красоты и вдохновения.

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на [email protected]. А наши требования к ним — вот тут.

Арсенал веб-дизайнера / Habr

В интернете существует множество сайтов, помогающих веб-дизайнеру в работе: ресурсы с иконками, плюшками для фотошопа, UI-китами, шрифтами, вдохновляющими работами других дизайнеров и многим другим. В этой статье я постарался собрать самые полезные сайты для веб-дизайнеров.

Большие и популярные сайты

Behance — работы лучших дизайнеров со всего мира

Dribbble — множество отличных элементов дизайна

DeviantArt — очень старый и большой ресурс с огромным количеством работ и элементов дизайна.

Блоги

Smashing Magazine — не нуждается в представлении, отличный коллективный блог

Webdesigntuts+

A List Apart Magazine

DesignModo

Premium Pixels

Вдохновение

Designshack

siteInspire

Сервисы

Adobe Kuler — подбор цветовой схемы

When can I use… — проверка совместимости технологий с браузерами

Subtle Patterns — фоновые изображения

Иконки

IconFinder

IconArchive

FindIcons

IconDeposit

FreeIconsWeb

UI и элементы дизайна

Designmoo

Patterntap

365psd

Design Kindle

UX Movement

psdGraphics

Freebiesbooth.com

Best PSD Freebies

Векторные изображения и фото

FreePik

Open Clipart

Pixabay

Free Digital Photos

Every Stock Photo

Free Photos Bank

Studio25

PhotoGen

FreeJPG

TurboPhoto

KaveWall

MorgueFile

A Digital Dreamer

ImageBase

PhotoRack

QVectors

Vecteezy

VectoroPenStock

VectorMadness

Vectorilla

Vector4Free

GraphicsFuel

Great Vectors

WOW Vectors

Vector Portal

Free-Vectors

VectorPile

AllVectors

Vector

Шрифты

Google WebFonts

Dafont

Typecast

Typespiration

Логотипы

LogoInstant

Snaboopie

Фигуры для фотошопа

Shapes4Free

DeviantArt

Кисти для фотошопа

Brusheezy

MyPhotoshopBrushes

QBrushes

PSBrushes

Использованные материалы:

Конечно, здесь собраны не все ресурсы, просто потому, что их на просторах интернета огромное количество. А какие ваши любимые дизайнерские сайты?

графический дизайн, промышленный, объектный, веб-дизайн, типографика

Мировые новости дизайна: графический дизайн, промышленный, объектный, веб-дизайн, типографика

Федеральная

Федеральная

Федеральная

Федеральная

Федеральная

Федеральная

Федеральная

Федеральная

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №209 (25 апреля — 1 мая 2016)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Веб-разработка

• Идеальная производительность протокола HTTP
• Подкаст Веб-стандарты, выпуск 13: SpiderNode, VPN, методологии CSS, Stylelint и CSSX, параллакс, доступность.
• Сборник актуальных англоязычных подкастов на тему веб-разработки
• Подробное введение в методологию БЭМ на toptal (Introduction To BEM Methodology)
• Видео с Fronteers Spring Conference 2016, разбитые на блоки Visual Performance, Accessible Performance и Technical performance
• Видео с секции FrontTalks на DUMP-2016
• Производительный client-side – запись доклада Романа Парадеева
• Sara Soueidan о том, как переключиться с иконочного шрифта на SVG (Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG)
• Инструменты и ресурсы для редактирования, конвертации и оптимизации SVG (Tools And Resources For Editing, Converting And Optimizing SVGs)
• Возможности DOM, о существовании которых вы не знали (DOM Features You Didn’t Know Existed)
• Подробное описание работы по улучшению показателей сайта в Google PageSpeed (Hands On Improving Google PageSpeed)
• Пятнадцать фундаментальных законов разработки софта (15 Fundamental Laws of Software Development)
• Styleguide — руководство по стилю для брендов (Living Styleguide Made Easy)
• Webpack Boilerplate
• Google’s V8 JavaScript движок начал поддерживать WebAssembly, Быстрый совет: как использовать WebAssembly в браузере уже сегодня
• Jam API — сервис, позволяющий превратить любой сайт в JSON accessible api с помощью CSS селекторов
• Как работает JPG (How JPG Works)
• Подробный обзор стандартов и возможностей видео в вебе (HTML5 Media Source Extensions: Bringing Production Video To The Web)
• Эффектный веб:
  
  

CSS

JavaScript

Браузеры

Сайты с интересным дизайном и функциональностью

Дизайн

Подборка бесплатных дизайнерских печенек

Новости и Занимательное

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

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Веб-разработка

CSS

JavaScript

Браузеры

Сайты с интересным дизайном и функциональностью

Дизайн

Подборка бесплатных дизайнерских печенек

Новости

• CES 2016:
  
  • Обзор от 3dnews: день ноль, день первый, день второй
  • Обзор от mobile-review: Нулевой день выставки — машины от Volvo и NVidia, ноутбуки Lenovo и другие, День первый – LG, Samsung, Huawei и другие, День второй, истории с выставки, или что год грядущий нам готовит
  • CES 2016: часы Razer, наушники-нейростимулятор Nervana, фитнес-трекер Go, экшен-камера Activeon Solar X на солнечных батареях и многое другое
  • Главные тренды выставки CES 2016
  
  
• Джек Дорси объяснил отказ от ограничения в 140 символов в Твиттере записью со скриншотом длинного текста
• Lenovo отказывается от бренда Motorola
• Amazon вышла на рынок процессоров
• Анализ популярности языков программирования в 2015 году
• Netflix пришёл в Россию и ещё 130 стран, Все, что вам нужно о нем знать
• Мертвый единорог: компания Gilt, которая ранее оценивалась более чем в $1 млрд, продалась за $250 млн
• Microsoft работает над версией Skype для HoloLens
• Сокращение производства iPhone. Перегретый рынок

Занимательное

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

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

10 главных редизайнов новостных медиа в 2016 году / Surfingbird corporate blog / Habr

В этом году дизайн поменял РБК, Риа Новости, перезапустился Life.ru. Мы собрали в одном материале главные редизайны российских и западных новостных площадок. С картинками «До» и «После» и комментариями команд о том, зачем они изменили сайт.

Новый дизайн «Российской газеты» опирается на данные о поведении посетителей и учитывает особенности аудитории газеты.

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

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

Чтобы удерживать читателей на сайте, в дизайне учли:

— 35% переходов на сайт происходят из агрегаторов сайтов, читатели попадают на конкретный материал. Поэтому теперь читатель получает информационную картину дня со страницы новости.

— Ознакомившись с одним материалом, читатели уходят. Чтобы удерживать посетителей, последние новости теперь размещены на первом экране страницы публикации.

— Чтобы читатели оставались на сайте и переходили на страницы других новостей, на страницах появились блоки «Читайте также» и «Люди, похожие на вас, читают».

— Добавили подписку на уведомления по конкретной теме.

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

Медиагруппа «Россия сегодня» представила новый дизайн сайта ria.ru как «более яркий, динамичный и удобный».

Основная ставка была сделана на упрощение графического языка:

— РИА Новости изменили структуру главной страницы, выделив мультимедиийные блоки;

— убрали навигатор подрубрик, который теперь открывается только при наведении курсора на главную рубрику, не отвлекая пользователя от текста;

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

Кирилл Кирьянов, главный редактор «РИА Новости»:

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

Год назад РИА Новости перешли с ручной подборки рекомендаций контента на алгоритмы Relap.io, увеличив CTR рекомендательных блоков на 100%.

Одно из старейших новостных российских интернет-изданий Newsru.com сменило дизайн впервые за 16 лет. В целом, эта информация впечатляет уже сама по себе.

«Мы очень хотим, чтобы новая версия сайта понравилась нашим читателям. При этом мы не собираемся лишать нашу аудиторию версии, к которой она привыкла за последние 16 лет. Наша классическая версия будет обновляться в прежнем режиме по адресу classic.newsru.com».

«Новая газета» рассказала об изменениях на специальной странице сайта.

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

Старые тематические подборки заменили «пакетами» из главных материалов по теме, которые создает редактор. К публикациям прилагаются краткие саммари, для быстрого ознакомления с материалом.

«Полностью переписанный, иначе структурированный и хорошо прорисованный сайт. Быстрый (этому мы уделяли особое внимание). Защищенный (мы по-прежнему будем выступать как площадка для петиций). Красивый. И удобный. Теперь мы лучше сможем рассказать вам истории, объяснить тему, делиться своим мнением и слушать ваше. Нам есть, куда это все поставить».

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

Директор по b2c-продуктам РБК Кирилл Титов рассказал о редизайне издания VC.ru.

Каждое существенное изменение на rbc.ru сначала проходит тестирование на малой доле аудитории и только при условии удовлетворения ряду критериев внедряется на 100% читателей.

Что изменили?

Создали тематические блоки с интересными материалами:

«Мы предположили, что читатель изначально не приходит на РБК за новостями авто, спорта или недвижимости, а переходит на тематические страницы, только если его «зацепит» заголовок. Следуя этой логике, мы заменили разбитые по тематикам блоки на единый блок, в котором редакция собирает самые интересные материалы. По результатам тестирования рост емкости рекламного инвентаря в нижней части страницы вырос примерно в три раза с одновременным увеличением его CTR».

Сократили количество рекламных форматов, увеличив эффективность рекламы:

«Сократили количество рекламных форматов на страницах материалов. Это повысило эффективность оставшихся форматов, в том числе премиальных. Интересно, что рост эффективности был получен на фоне значительного роста емкости форматов, вызванной общим увеличением глубины визитов. Например, отдача от блоков контекстной рекламы выросла более чем на 20%».

Ввели бесконечную прокрутку на страницах материалов:

«За тестовый период получили прирост глубины визита на 15%, снижение отказов на 6%, рост проведенного времени на сайте на 8% и отсутствие оттока аудитории».

Издания Lifenews.ru и Super.ru объединились и перезапустились как новое новостное медиа Life.ru.

Это история не сколько про редизайн, сколько про масштабный перезапуск продукта. На Life.ru к новостям добавилась аналитика, раздел о культуре и науке, лонгриды, развлекательный контент от бывшего Super.ru.

Арам Габрелянов, гендиректор медиахолдинга News Media в комментарии РБК:

«Это будет огромный портал о жизни — если брать западные аналоги, что-то типа Buzzfeed».

«Если коротко, мы первые, кто даст людям смотреть, читать, слушать, писать, комментировать и тд — все эксклюзивное! #Вместе».

Английское издание The Times изменило дизайн и включило воскресную The Sunday Times в основной сайт. Изменения коснулись и частоты публикаций: теперь трижды в день.

Колумнист издания Influence Стивен Шепперсон-Смит озвучил наблюдения по этому поводу:

— The Times все еще в новостной повестке читателей, хотя не публикует горячие новости мгновенно.

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

— Ценность цифрового контента растет. The Times будет публиковать больше контента в своем Facebook и Instagram, и делать это чаще.

— Факт слияния сайтов The Times и The Sunday Times — гвоздь в крышку гроба последней. Жизнь изменилась, и даже если у нас действительно по выходным больше времени на чтение, идея воскресной газеты устарела как для читателей, так и для рекламодателей.

— Власть переходит к авторам. Для своего видео о редизайне The Times выбрало звездных журналистов. Давно обсуждается идея, что распространение платной подписки перенесет акцент с издательств на производителей контента. То, как The Times преподносит свой перезапуск, показывает, что мы движемся в этом направлении. Теперь авторы могут сильно влиять на маркетинговую политику издания.

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

Колумнист Deadspin Кевин Дрейпер написал колонку «Наконец-то наш затяжной кошмар закончился: Sports Illustrated сменил дизайн».

«Проблема старого дизайна (2014 года. — Ред.) в том, что он был отстойным. Если вы везунчик — сайт просто жутко тормозил, у большинства же посетителей из-за него зависали компьютеры.

Если вы встретите кого-то из сотрудника Sports Illustrated, дайте ему пять или угостите пивом. Они ненавидели этот сайт больше, чем все мы».<

Теперь сайт работает быстрее. SI.com оптимизировали мобильную версию сайта, изменили меню навигации, запустили Sports Illustrated app и обновили свой сайт для детей.

В 2015-м медиахолдинг Vox Media поглотил новостное ИТ-издание Recode, а летом 2016-го перезупустил его в новом дизайне.

Команда Vox Media детально описала процесс ребрендинга Recode и объяснила, как, что и почему сделано.

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

Вот пример сравнения фирменных цветов сайтов конкурентов, которая сделала команда до редизайна Recode.

В 2016-м издание The Sun переосмыслило стратегию развития, сфокусировавшись на увеличении объема и скорости выпускаемых материалов. В рамках новой стратегии был сделан редизайн.

В январе должность цифрового редактора The Sun занял Кит Пул, на тот момент на сайте выходило 25 новостей в день, теперь — 250.

Кит Пул о новой стратегии The Sun:

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

Также был сделан упор на привлечение трафика из социальных сетей.

После редизайна трафик на главную страницу вырос на 25%. Время загрузки картинки и заголовка уменьшилось с 2,8 до 1 секунды. Вся страница теперь загружается за 11 секунд, тогда как до редизайна загружалась за 15,8 секунд.