Johnson&Johnson это мультинациональная корпорация, которая производит лекарственные препараты, санитарно-гигиенические товары и медицинское оборудование.
Проект был реализован до официального ребрендинга компании и последующего редизайна сайта.
Причины и желаемые результат
Почему я решила сделать редизайн этого сайта?
Предыдущая версия сайта в основном состояла из неупорядоченных карточек-анонсов статей, что могло создать впечатление информационной платформы.
На сайте присутствует сложная боковая панель навигации и перегруженный футер, что может вызывать когнитивное напряжение и трудности с поиском информации на сайте.
Из-за большого количества информации направление деятельности компании непонятно.
По итогу редизайна, я хотела:
Где пользователи могут быстро понять деятельность организации с главной страницы.
С структурированной информацией и четкой иерархией.
Который подчеркивает цвет бренда.
Внедрение интерактивных решений для создания условий взаимодействия пользователей с брендом.
Новый дизайн
Цвет
Красный акцентный цвет компании, символизирующий здоровье, энергию, силу и жизнь, был взят за основу и добавлен в элементы навигации, иконки, кнопки и типографику.
Типографика
Для проект я использовала шрифт Aeonik. Его читаемость и округлые формы, повышают доверие к бренду, а также облегчают восприятие контента.
Идея
Для редизайна я использовала простую четырехколоночную сетку. Чтобы добавить динамики, некоторые блоки реализовала во всю ширину с центральным выравниванием.
Главная
Панель навигации была перенесена в верхнюю часть страницы, что больше соответствует привычному расположению навигации для пользователя и следовательно его ожиданиям, согласно закону Якоба Нильсена.
Далее, на первом экране мы сразу видим название компании и слоган, что это является неизменной частью обложки, так как в предыдущей версии сайта обложка напоминала новостную галерею. Но и эта часть была оставлена, в виде виджета с топ-3 новостями, так как Johnson&Johnson представляет большой интерес для инвесторов и как раз это решение направлено на данный сегмент аудитории.
Главная
Вместо 4х блоков со статьями на главной странице, я разместила информацию о компании в виде фактов для повышения доверия пользователя к бренду, блок с информацией о сегментах деятельности и возможность ознакомиться с полным списком продуктов. Далее немного разгружаем внимание логотипом, после следует кредо и обязательства перед потребителями, а завершает конентную часть новостной раздел.
Страница подразделения Consumer healthcare
Страница «Consumer healthcare» была переработана, чтобы показать миссию, продукцию и инициативы этого подразделения. В новой версии появилась обложка с краткой формулировкой миссии и карточками продуктов.
Информация была разбита на удобные для восприятия разделы, чтобы предотвратить когнитивную перегрузку, следуя закону Миллера. Для упрощения представления информации о продукте были добавлены визуальные эффекты, что позволяет улучшит ее восприятие пользователями. Раздел, рассказывающий о миссии и инициативах компании, подчеркивает ее заботу о потребителях. Временная шкала, демонстрирующая историю компании, была добавлена для повышения вовлеченности пользователей.
Также редизайн был реализован на страницах о направлениях деятельности, о компании и контакты.
Весь кейс
Посмотреть весь кейс вы можете на платформе behance.