Спроектировал UX и обновил визуальный интерфейс корпоративного сайта Innoter. Задача — сделать сложные услуги и большой объём профессиональной информации понятнее, не потеряв экспертность продукта.
Innoter работает со сложными геоаналитическими решениями для бизнеса и государственных организаций. Сайт должен одновременно объяснять направления работы компании, помогать разобраться в услугах и показывать реализованные проекты и технологии.
В исходном интерфейсе большой объём профессионального контента воспринимался тяжело: страницы были длинными, смысловые уровни слабо различались, а пользователю было сложно быстро перейти от знакомства с компанией к нужной услуге или проекту.
Моя задача — переработать UX ключевых страниц и собрать более ясную визуальную систему: выстроить иерархию, упростить навигацию по сложному контенту и сделать основные пользовательские сценарии последовательнее.
Большое количество профессиональной информации конкурировало за внимание. Пользователю приходилось самостоятельно разбираться, какие направления и услуги относятся к его задаче.
Условия, преимущества, примеры работ и следующие действия визуально почти не отделялись от основного технического содержания. Практическая ценность услуги терялась внутри большого объёма информации.
Услуга, проект и каталог спутников решают разные пользовательские задачи, но интерфейс недостаточно помогал пройти каждый сценарий: изучить услугу, оценить опыт компании или подобрать необходимые данные.
01
На главной выстроил последовательный сценарий: сначала объяснил специализацию Innoter и работу с геоданными, затем показал направления услуг, задачи клиентов, логику работы, отрасли и реальные проекты. Так пользователь постепенно переходит от общего понимания компании к выбору подходящего решения и оценке её опыта.
02
На страницах услуг разбил большой объём технической информации на самостоятельные смысловые блоки и усилил визуальную иерархию. Теперь страницу можно быстро просмотреть, понять подходящий сценарий и только затем углубиться в детали.
Содержание выстроено от задачи пользователя к конкретному решению: сценарии применения → типы данных и результаты → процесс работы → проекты → стоимость и сроки → дополнительные условия и FAQ.
03
Вместо однотипной длинной сетки спроектировал сценарий, в котором данные можно фильтровать и сравнивать по ключевым характеристикам. Карточки стали информативнее, а сам каталог — ближе к рабочему инструменту, чем к обычному списку материалов.
04
Пересобрал детальную страницу проекта как последовательную историю: контекст и цель → требования и исходные данные → выполненные работы → результат и итог. Так сложный технический материал проще просмотреть, а релевантный опыт компании — быстрее оценить.
Визуальную систему строил вокруг большого объёма профессионального контента: крупной типографики, ясной иерархии, спокойной сетки и повторяемых компонентов.
Те же принципы перенёс на мобильные экраны: содержание и ключевые действия сохраняют приоритет, а сложные desktop-композиции перестраиваются в последовательный вертикальный сценарий.
До
После
Получился более структурированный интерфейс, в котором сложная экспертиза Innoter раскрывается постепенно — от общего понимания компании до конкретной услуги, проекта или набора данных.
UX стал последовательнее, основные типы контента получили собственные сценарии, а визуальная система помогает работать с большим объёмом профессиональной информации без лишней перегрузки.
От знакомства с компанией — к услуге, проекту и данным.
Информация разделена на самостоятельные смысловые блоки.
Приоритет содержания и ключевых действий сохранён на мобильных экранах.
UX/UI-дизайн интернет-магазина спортивной одежды
Обновление спортивного медиа с большим потоком новостей, прогнозов и редакционных материалов — с фокусом на читаемость, структуру контента и упрощение пользовательских сценариев.
Расскажите коротко о проекте — посмотрю задачу и предложу, с чего лучше начать.
