Сколково Парк
Разработка сайта, интеграция 3D-модели и VR-тура для делового квартала
Новостной портал Промсвязьбанка о финансах и промышленности в России
Абстрагироваться от бренда ПСБ и создать самостоятельный экономический медиапортал, рассчитанный на профессиональную аудиторию, предприятия и ведомства Оборонно-промышленного комплекса.
ПСБ
Медиа
2021
Дизайн сайта
Frontend-разработка
Backend-разработка
Подобрали и утвердили референсы по визуальной стилистике, настроили параллельную работу над общей дизайн-концепцией и внутренними страницами и приступили к фронтенд и бэкенд-разработке.
На главной странице выделили фразы авторитетных спикеров отрасли и лидеров мнений. Важно отметить, что сделали акцент именно на цитате, а не на говорящем — поставили подпись после фразы и добавили небольшое изображение.
Портал обновляется с разной периодичностью, поэтому, чтобы он не казался пользователю «мертвым», решили внедрить в строгую и минималистичную концепцию особые решения: крупные новостные карточки, небольшие отступы и цветовое кодирование для каждого из разделов. Сохранили лаконичность главной страницы и разместили в начале только самые свежие публикации.
Тексты портала написаны специфичным и сложным языком, поэтому эмоциональное воздействие на пользователя оказывают превью. Чтобы подбор обложек для текстов был более вариативным и соответствовал при этом единому визуальному стилю, использовали цветовое тонирование. Если навести курсор на карточку, тонирование исчезает, выделяя новость среди других. Портал имеет четыре основных раздела с текстами, для каждого из которых подобран собственный цветовой тон.
Меню отражает идею разделов и делит контент на смысловые блоки. Пользователь перемещается не только между основными разделами, но и дополнительными — «Нормативные документы» и «Журнал».
Спроектировали для каждой статьи визуальные элементы: таблицы, столбчатые, линейные и круговые диаграммы. Перевели текстовую статистику в изображения и переработали входные данные единиц измерения для лучшего восприятия. Например, перевели миллиарды в проценты.
Все внутренние страницы поддерживают общую сетку и модульность, которую мы разработали. Это позволяет переиспользовать некоторые блоки и модули, сохраняя общую консистентность.
Создали специальную анкету для проектов, ищущих инвестиции. Реализовали текстовые поля с автоматической высотой — по мере ввода текста размер поля увеличивается. Таким образом пользователь видит весь текст без прокрутки, а по умолчанию поле не занимает много места на экране.
Собственный роутер и самописные решения в коде позволяют редакторам сайта удобно управлять страницами и контентными блоками. Восприятие специфической информации упрощается с помощью простых форм в дизайне, цветового тонирования и визуализации статистики.
Мы используем куки и с помощью анонимной статистики делаем сайт ещё лучше