roche
/Выполнен
/Что сделано
/Дата
Дизайн
Анастасия Шек
UX/UI-дизайн
Айдентика
Январь
2023
Корпоративный
Редизайн корпоративного сайта Roche — биотехнологии, доверие и доступность информации
Компания Roche — международный лидер в фармацевтике и биотехнологиях. Их сайт служит не только информационной площадкой для партнёров и специалистов, но и важным инструментом взаимодействия с пользователями: врачами, научным сообществом, пациентами и кандидатами. Ранее существующий сайт не соответствовал современным требованиям в плане дизайна и UX. Он перегружал пользователя и не помогал быстро находить нужную информацию.
Контекст
- Проанализировала рынок, конкурентов и актуальные UX-решения в медицинской и научной сфере.
- Проработала новую структуру сайта с упором на информационную и пользовательскую архитектуру.
- Разработала макеты ключевых страниц, включая адаптивные версии.
- Создала UI Kit и передала макеты с подробными комментариями разработчикам для точной верстки.
- Придумала визуальные решения для блоков с большим объемом текста: карточки, слайдеры, аккордеоны, визуальные выделения.
- Сохранила строгий, научный стиль, но сделала его современным, технологичным и визуально легким.
Что я сделала
Передо мной стояла задача переосмыслить корпоративный сайт одного из лидеров в сфере биотехнологий — компании Roche. Важно было сохранить узнаваемость бренда и при этом адаптировать визуальный язык под современные требования: удобство, функциональность, доступность. Ключевой задачей стало представление большого объема сложной текстовой информации в понятной и вовлекающей форме.
Задача
На первом этапе мы детально обсудили цели проекта. Разобрали, какой сайт нужен: на кого он будет работать, каковы задачи пользователя, какие функции важны. Помогла клиентке структурировать свои мысли, определиться с разделами и приоритетами. Вместе заполнили бриф, зафиксировали задачи.
Поскольку у заказчицы не было готового ТЗ и медиа-материалов, мы выбрали продвинутый вариант. В него вошли: анализ конкурентов, проработка структуры, помощь с контентом и дизайн. Сформировала смету с поэтапной оплатой — чтобы клиенту было проще планировать бюджет.
Заключили договор с разбивкой работ по этапам. Зафиксировали ключевые сроки, условия оплаты, формат коммуникации. Начало проекта — после предоплаты и передачи материалов.
Провела экспресс-анализ конкурентов и текущих трендов в юридической нише. Обратила внимание на типичные ошибки: перегрузка текстом, отсутствие визуального акцента, сложная подача. На основе анализа составила карту контента и рекомендованную структуру сайта. Сфокусировалась на удобстве для пользователя: кто приходит, с какими болями, что хочет увидеть на сайте.
Выбрала светлую, минималистичную стилистику — с акцентом на доверие, легкость и профессионализм. Основной цвет — зелёный в мягком оттенке, ассоциирующийся со спокойствием, законностью и заботой.
Подобрала читабельные шрифты, построила сетку, спроектировала структуру страниц и отрисовала несколько ключевых блоков, чтобы согласовать визуальное направление.
Подобрала читабельные шрифты, построила сетку, спроектировала структуру страниц и отрисовала несколько ключевых блоков, чтобы согласовать визуальное направление.
Разработала макеты всех ключевых страниц с адаптацией под мобильные и планшеты. Особое внимание уделила разделам:
- О специалисте — для формирования доверия
- Услуги и контакты — с удобной структурой и призывами к действию
- Кейсы — с возможностью самостоятельного добавления
- Полезные материалы — как инструмент экспертного контента
Создан современный дизайн корпоративного сайта с сильным акцентом на UX и доступность информации.
Даже сайт с большим количеством текста может быть легким, современным и удобным. Главное — понимать аудиторию и грамотно структурировать контент. В этом проекте удалось совместить строгий корпоративный стиль и вовлекающий пользовательский интерфейс. А системный подход к этапам помог эффективно выстроить весь процесс: от идеи до финальной передачи.
Выводы
Главная
Помимо проработки десктопной и мобильных версий сайта, я переработала айдентику компании на основе их фирменного стиля.
Логотип и акцентный синий остались как и прежде, на их основе, также общей стилистике сайта мною был предложен обновленный стиль брендинга.
Айдентика
Другие проекты