Сайт для научно-производственного центра

Если про что-то нет страницы в интернете, значит этого не существует

Центр разработки нелинейной автоматики (ЦРНА) занимается изучением и созданием устройств и программ, работающих в условиях неполноты данных. Они помогают управлять системами, в которых есть элементы непредсказуемости и многовариантности. Центр бы мог и дальше заниматься созданием таких технологий, но вряд ли бы люди, которым это нужно, узнали о нем. Поэтому наши клиенты решили, что для продвижения и продажи своих программ, аппаратов и услуг им необходим сайт. К тому же где-то нужно размещать вакансии, чтобы тебя находили нужные специалисты. И мы приступили к выполнению задачи по созданию имиджевого сайта с элементами каталога.

Иллюстрации и запоминающийся стиль

Клиент поставил нам задачу, чтобы для дизайна сайта мы создали уникальные иллюстрации в стиле советской научной фантастики. У них были также свои референсы, которых наш иллюстратор старалась придерживаться. Так, принципиальными были основные цвета, композиция и общий стиль иллюстрации. Такие задачи, с одной стороны, вынуждают держаться в строгих рамках, с другой – запускают мощный творческий процесс и показывают профессионализм иллюстратора.

 
Основная иллюстрация использовалась в качестве открывающего баннера сайта. А для внутренних страниц была создана упрощенная версия рисунка, менее нагруженная визуально и по смыслу. Такая иллюстрация для сайта создает настроение страницы, помогает навигации, т.к. показывает отличие главной и второстепенных страниц, а также поддерживает общую стилистику сайта, делая его более индивидуальным.
 

 
Элементы общей картинки мы использовали отдельно для украшения страниц сайта и добавления ему динамики – звезды и планета-круг движутся по темно-синему фону как по ночному небосводу. Кроме того, анимированы фотографии и некоторые другие элементы сайта – при наведении они увеличиваются или движутся, что дает пользователю ощущение отклика сайта и непрерывного взаимодействия. Иллюстрация, которая делается индивидуально для вашего проекта, а не просто скачивается со стока, всегда дает больше возможностей – ее продуманные элементы можно многократно комбинировать, делая сайт более живым и запоминающимся.
 

Шрифт задает тон всему стилю

Для людей, не связанных с дизайном, шрифт зачастую представляется чем-то не особенно важным. Но в действительности шрифт может задать тон всей работе. Например, мы всегда предлагаем клиентам два варианта стиля будущего сайта. В этот раз один стиль был темным, другой светлым, но основную атмосферу создавали именно шрифты.

На светлом варианте мы выбрали шрифты в стиле советских плакатов, а в темном – своеобразный шрифт Oks Free. Этот шрифт создан на основе популярных в 60-е годы стилей, которые, например, мы можем увидеть в названиях старых станций московского метро (Таганской и Коломенской). Он легкий и изящный, при этом однозначно отсылает нас к месту и времени.

В итоге темный вариант дизайн понравился клиентам больше и, возможно, шрифты в этом сыграли не последнюю роль.
 

Дизайн сайта

После утверждения макета страниц и выбора общей стилистики сайта – темно-синий фон как ночное небо, светлый «советский» шрифт цвета лунного грунта, «космические» украшения – мы приступили к отрисовке остальных страниц в соответствии с ним.
Сайт имеет достаточно простую архитектуру – заказчику требовалось разместить не такое большое количество информации. Кроме того, мы старались придерживаться референса клиента, который был достаточно минималистичен.
Особенностей дизайна было две: стиль должен сочетаться с иллюстрациями, а также некоторую сложность добавлял темный фон. Читабельность на темном фоне для многих шрифтов значительно хуже, чем на светлом, кроме того, нужно учитывать возрастающую нагрузку на глаза и использовать приглушенные цвета.
 

Адаптивная версия сайта

Для каждого нашего проекта по созданию сайта мы обязательно делаем адаптивные версии, т.е. отрисовываем вариант дизайна страниц для мобильных устройств. В современном мире в большинстве случаев первый контакт пользователя с сайтом будет в его смартфоне, за исключением, возможно, каких-то специфических порталов типа инвестиционных или коллекций произведений искусства или фотографий.

В адаптивных версиях мы учитываем привычные для мобильных телефонов способы навигации, делаем более крупными кнопки, т.к. люди нажимают их пальцем, а не мышкой, убираем часть украшений, т.к. они уже мешают восприятию информации на небольших экранах, меняем размеры шрифтов и пр. В результате человеку будет удобно и интуитивно понятно, как пользоваться и десктопной, и мобильной версиями сайта.
 

Над проектом работали:
Арт-директор – Юрий Косаговский
Дизайнер – Анастасия Мокроусова
Иллюстратор – Елена Трифонова