Развести два направления
Собрали самостоятельные пользовательские маршруты для производства ускорителей и услуг ионизирующей обработки.
Дизайн и программирование сайта
CORAD.
Сложная технология — понятный интерфейс
Спроектировали визуальную систему и разработали сайт для научно-производственного предприятия, работающего с линейными ускорителями и ионизирующей обработкой продукции.
Контекст проекта
Не упростить технологию, а упростить путь к её пониманию
Сайт должен был говорить на языке инженеров и одновременно оставаться понятным для заказчиков, которым важны назначение оборудования, сферы применения и следующий шаг.
Показать масштаб
Сделали оборудование, производство и технологические процессы главными визуальными доказательствами компетенций.
Сохранить точность
Выстроили строгую сетку, крупную типографику и аккуратную систему акцентов без визуального шума.
Визуальная концепция
Энергия, точность и индустриальный масштаб
Контрастный оранжевый работает как сигнал и ведёт пользователя по странице. Графитовые поверхности добавляют технологичности, а светлые поля сохраняют воздух и читаемость.
Система, которая поддерживает содержание
Вместо декоративной «технологичности» — ясная иерархия, спокойная анимация, крупные изображения и интерфейсные акценты, которые объясняют, а не отвлекают.
- оранжевый сигнал
- графитовые поля
- крупная типографика
- модульная сетка
- мягкая динамика
- адаптивные сценарии
Что сделали
От структуры до работающего цифрового продукта
Проектирование
Собрали логику страниц, определили последовательность смыслов и пользовательские маршруты для разных направлений компании.
UX/UI-дизайн
Создали визуальную систему с характерным оранжевым акцентом, строгой сеткой, крупными заголовками и выразительной подачей оборудования.
Программирование
Перенесли макеты в адаптивный интерфейс, настроили интерактивные элементы и плавные переходы между состояниями.
Адаптивная система
Перестроили композицию для смартфонов и планшетов без потери масштаба, контраста и удобства чтения.
Desktop
Интерфейс в производственном контексте
Нажмите на изображение, чтобы открыть его на весь экран и пролистать всю галерею.
Открыть
Открыть
Открыть
Открыть
Mobile
Не уменьшенная копия, а отдельный сценарий
На мобильном экране сохранили крупную подачу, чёткую иерархию и короткий путь к содержанию — без мелкого текста и перегруженных композиций.
Результат
Сайт, который выглядит современно и говорит по делу
Получился цельный корпоративный ресурс: он показывает масштаб предприятия, аккуратно раскрывает сложные направления и одинаково уверенно работает на большом и мобильном экране.
- единая визуальная система для разных разделов;
- выразительная подача технологичного продукта;
- адаптивный интерфейс с крупной типографикой;
- готовая программная реализация сайта.