Разработка дизайна для компании по тендерным закупкам IT-решений «ТК АйТи»

Компания специализируется на разработке решений в области
web-продуктов через тендерные закупки

Редизайн сайта позволил сделать интерфейс современным и интуитивно понятным. При этом сайт остался лаконичным, сосредоточив внимание пользователя на услугах.

Цель

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

Новый дизайн сформировал доверие у пользователей, грамотно структурировал информацию, способствовал увеличению конверсий и укреплению бренда, сделав сайт более конкурентоспособным на рынке.

Задачи

Создание современного
и интуитивно понятного редизайна:

Редизайн сайта должен был быть привлекательным и соответствовать имиджу компании.

Оптимизация для мобильных устройств:

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

Оптимизация структуры страниц:

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

Возможность SEO-оптимизации:

Внедрить технические и контентные решения для улучшения позиций сайта в поисковых системах.

Обновление контента:

Нужно было добавить новые направления работы, примеры внедрений.

Решения

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

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

Компания постоянно развивается, поэтому необходимо было разработать новые страницы и блоки с новыми направлениями в работе. А также подробно описать экспертизу команды, подход к работе и ценностям.

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

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

Этапы работы

Анализ и аудит текущего сайта

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

Разработка новой структуры сайта

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

Создание прототипов (wireframes)

На этом этапе мы уже приступили к предварительной визуализации страниц. Мы разработали структуру каждой страницы на предмет: какую ценность информация в нем будет нести пользователю? Отталкиваясь от этой структуры, мы создали высокоуровневые прототипы страниц. Детально проработав элементы интерфейса и навигации. Далее согласовали прототипы с рабочей группой заказчика и внесли правки. Пример прототипа

Разработка визуальной концепции (UI-дизайн)

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

Дизайн адаптивных версий

Проект не предполагал разработку полного дизайна мобильной версии, поэтому дизайнер проработал только некоторые элементы баннеров и форм, чтобы в последующем front-end разработчику было проще делать адаптивную верстку под мобильные экраны.

Подготовка и передача дизайна в разработку

После полного согласования, дизайнер создал подробный UI-кит для разработки. Произведен экспорт графики, созданы спецификации для разработчиков и описание анимационных эффектов.

Александр Мозырчук

Генеральный директор «ТК АйТи»

Искренне рекомендуем GapDEV, как надежного партнера для любого проекта. Их профессионализм, креативный подход и внимание к деталям делают наше сотрудничество не только продуктивным, но и приятным.
По определенным причинам мы не смогли своими силами срочно закрыть задачу по редизайну сайта и обратились за помощью к директору компании GapDEV Алексею. Он очень оперативно предоставил команду профессионалов, они внимательно выслушали наши пожелания и идеи, предложив при этом множество ценных рекомендаций и уже через 2 недели мы получили весь готовый дизайн.
Огромное спасибо за оперативность и качественную работу!

Посмотреть отзыв

Вернуться на главную Следующий кейс

Закажите похожий проект - заполните форму или свяжитесь с нами