Энергия сложных решений на языке ясного дизайна.
"Уран" - это энергетическая компания, которая работает с технологиями, продуктами и проектами. Я переосмыслила корпоративный сайт как систему понятных маршрутов: от первого знакомства с компанией до изучения решений и обращения.
Сложнаяотрасль.Понятныйпервыйшаг.
На сайт энергетической компании приходят с разным уровнем погружения: кто-то знакомится с направлением впервые, кто-то ищет конкретный продукт, проект или контакт. Моя задача в редизайне состоит в том, что соединить эти маршруты в последовательную и понятную систему.
Я выстроила уровни знакомства с компанией и подготовила адаптивные страницы, сохранив для технологичной темы сдержанный, уверенный визуальный характер.
Корпоративный сайт должен одновременно объяснить, чем занимается компания, и дать доступ к конкретике. Я разделила знакомство на уровни: общий контекст - на главной, продукты и технологии - в самостоятельных разделах, проекты - с отдельными страницами для подробностей.
В этой структуре посетитель может выбрать собственный маршрут, не теряя связь между решениями, опытом компании и контактами.
В разделе продуктов я вынесла технологическую цепочку в наглядную схему: производство, преобразование, распределение и применение связаны в одну картину. Ниже находится список направлений с раскрытием подробностей, чтобы обзор оставался компактным.
Раздел технологий использует другой масштаб: крупные карточки дают быстро выбрать направление и перейти к деталям. Так сложная тема становится последовательной для изучения.
Технологическая цепочка
Общая схема связывает этапы работы с продуктом и помогает увидеть систему целиком.
Выбор направления
Карточки технологий дают перейти от общего обзора к подробностям интересующего решения.
Раздел проектов связывает географию с конкретными работами: карту можно изучать визуально, а карточки ниже дают последовательный обзор. Я предусмотрела отдельную страницу для подробностей, от общего представления посетитель переходит к заинтересовавшему проекту.
Карта и карточки используют общие визуальные ориентиры, чтобы наглядная подача не мешала навигации.
У сайта много направлений: продукты, технологии, проекты, новости и карьера. Я собрала их в меню и предусмотрела отдельный экран результатов поиска, чтобы к нужной теме можно было прийти как через структуру сайта, так и через запрос.
Мобильное меню сохраняет те же ориентиры на узком экране и дает доступ к разделам без перегруженной шапки.
За технологиямивиднылюди.
Партнерам важно увидеть не только технологическое направление, но и компанию, которая за ним стоит. Я предусмотрела страницы команды, партнеров и устойчивого развития: каждая раскрывает свою тему, оставаясь частью общей системы.
Карточки и фотографии помогают познакомиться с людьми, а общая иерархия делает переход между разделами предсказуемым.
В макетах я проработала десктоп, планшет и телефон. На небольших экранах сложные композиции переходят в последовательные блоки, а навигация и основные действия остаются доступными.
Адаптация сохраняет характер проекта и помогает читать содержание в удобном масштабе, от обзора технологий до внутренних страниц.
Белое пространство, насыщенный синий, графические линии и крупная типографика помогают выстроить иерархию без визуального шума. Фотографии, схемы и карточки дают технологичной теме собственный характер.
В Figma я собрала компоненты и состояния кнопок, вкладок, полей и карточек. Повторяемые элементы помогают сохранить согласованность интерфейса на страницах разного назначения.
В результате я собрала систему корпоративного сайта: от структуры и ключевых сценариев до визуальных компонентов и адаптивных макетов. Продукты, проекты, команда и контакты получили единый язык, а посетитель - несколько понятных путей к нужной информации.
