Portfolio

Explore

Евгения Ельмеева | ux/ui дизайнер

Главная страница сайта ИЦРС

О проекте

Разработка дизайна главной страницы для компании «Инжиниринговый Центр Региональные Системы». Компания разрабатывает и внедряет решения в области информационной безопасности.

Сжатые сроки - 3 дня на погружение и дизайн.

Я присоединилась в проект на стадии сдачи дизайна, который не могли сдать, т.к. уже третий вариант не нравился клиенту.

С чем пришёл менеджер

Дизайн главной страницы, который сделал дизайнер, не нравится клиенту

Есть три дня чтобы сделать новый дизайн

Три дизайна, которые не понравились клиенту

⁠

⁠

С чего я начала

Сбор данных

Просмотр записей видео встреч с клиентом, чтобы не упустить “хотелки” клиента

Хотим проработку фонов, элементов и что-то «живое».

Более выраженный индивидуальный стиль

Анализ сайтов-референсов, предоставленных клиентом

Понятный, не перегруженный дизайн, легкая анимация элементов.

⁠

%D1%80%D0%B5%D1%84%D1%8B_%D0%BA%D0%BB%D0%B8%D0%B5%D0%BD%D1%82%D0%B0.png

⁠

Анализ дизайна предметной области и схожих, сбор референсов

⁠

⁠

Изучение проблем старого сайта

Нет чёткого представления в каких направлениях работает компания

Услуги обозначены размыто

Информация о компании и преимущества раскрыты не в полной мере

Дизайн

Элементы нового дизайна

Соты - как одна из составляющих логотипа

Волны, линии - оптоволокно

Квадратные формы карточек - форма пикселей

⁠

%D0%B8%D1%86%D1%80%D1%81_%D1%81%D0%B3%D0%B7.png

⁠

Компоненты системы

⁠

Про дизайн

Порядок блоков и их содержание было определено стратегом компании, в которой заказывали сайт

Фон первого экрана с плавной анимацией, не отвлекает от СТА. Из «хотелок» клиента - «что-то живое».

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

Появляющееся описание карточек проектов способны заинтересовать пользователя для перехода в проект

Последний блок раскрывает один из пунктов меню. Это будет полезно, если человек ищет не направление, а конкретное решение

⁠

⁠

Адаптивы

⁠

Дизайн приняли без правок.

Но что пошло не так..

Меню на стадии дизайна не было заполнено настоящим контентом. После заполнения меню контентом, вся информация слилась, стала плохо читаться и даже появился скрол

⁠

Дизайн

⁠

Реальность

Решение

Я скорректировала меню в двух вариантах (версия бургер и открытое меню) под количество контента и предложила заменить уже работающее меню на одно из них. Тоже самое сделано для адаптивов.

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.