Редизайн сайта колледжа Газпром

Разработка дизайна сайта для колледжа Газпром

Перед командой дизайнеров MindRepublic стояла задача сделать редизайн сайта для колледжа Газпром в г. Новый Уренгой. Как и многие сайты учебных заведений, созданные в начале 2000-х сайт имел устаревший дизайн и не актуальную навигацию. Основным условием было использование фирменной цветовой гаммы и фирменного стиля Газпром и наличие современной адаптивной верстки под css-фреймворк Bootstrap 4.

Процесс редизайна сайта

В первую очередь мы провели анализ текущего сайта и выявили все недостатки. Они касались в первую очередь визуальных решений и удобства использования. Именно поэтому над редизайном сайта сразу начали работать и веб дизайнер и специалист по user experience (UX). Именно такой комплексный подход позволяет не только создать стильное решение по дизайну сайта, но и помочь будущим пользователям легко взаимодействовать с сайтом.

Цветовая гамма, стиль и типографика сайта

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

Дизайн главной страницы сайта

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

Дизайн внутренних страниц сайта

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

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

Адаптивный дизайн сайта

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

Над проектом работали:
Арт-директор – Юрий Косаговский
Ведущий дизайнер – Вера Никонова