Кейс по разработке сайта Титановая Долина

Разработка

О проекте

ОЭЭ «Титановая Долина»— это особая экономическая зона промышленно-производственного типа с особым юридическим статусом и льготными экономическими условиями для национальных и иностранных предпринимателей.

Наши результаты

Мы реализовали новый дизайн электронного информационного представитеольства ОАО ОЭЗ “Титановая долина” с последующим размещением в сети Интернет с адаптивной/мобильной версией.

Имиджевая цель:

Создали интернет-представительство, которое формирует у потенциальных резиделнтов образ большой сильной Компании с хозяйственным укладом и дисциплиной на всех уровнях принятия и исполнения решений.

Информационная цель:

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

Задача

Реализовать новый дизайн электронного информационного представитеольства ОАО ОЭЗ “Титановая долина” с адаптивной/мобильной версией.

Решение

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

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

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

Прелоадер

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

Изменена структура сайта

Всего было отрисовано: 1 прелоадер, 9 страниц и 5 модальных окон. Меню и подвал сайта - сквозные и обязательные элементы. Они обеспечивают быстрый доступ к любой странице, что делает взаимодействие с сайтом быстрым и удобным.

Редизайн главной страницы

Главная страница выполнена в виде интерактивной карты Свердловской области с обозначением площадок на ней. Передвигая курсор по территории Свердловской области, потенциальный инвестор сможет обнаружить всю искомую информацию по ОЭЗ и ее площадкам.

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

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

Страницы площадок

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

Внутренние страницы

Также были созданы еще 6 внутренних страниц:

— Внутренняя страница резидента
— Внешняя страница всех резидентов
— Страница с 404 ошибкой
— Страница контактов
— Страница новостей
— Страница для инвестора

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

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

— Настольный монитор 1600*992px
— Ноутбук 1280*802px
— Ноутбук 1280*802px
— Мобильный телефон 320*480px

Вам может быть интересно

Оставьте свои контакты, мы перезвоним