Монтаж специального назначения

Подготовка сайта компании «Марспецмонтаж», несомненно, требовала тщательной работы всех специалистов в связи со спецификой презентуемого объекта. Освещение главных свойств организации, как-то — значительность, многопрофильность и внушительный охват работ и услуг — лакмусовая бумажка для web-разработчиков, так как оно заставляет использовать все инструменты, применять огромное количество решений.

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

Первая идея

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

Что ж, идем дальше. Теперь нашей целью стало отражение продуктов работы компании в общей картине республики. Без наглядных материалов сложно оценить, насколько мысль соответствует требованиям. Конечно же, отрисовываем макеты. Что же можно сказать теперь?

Идея номер два

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

Итак, в результате анализа и мозгового штурма направление было задано. И после еще пары рабочих стадий, наконец мы четко представили, какая модель точно отразит и раскроет все аспекты работы ОАО «Марспецмонтаж». Как лицо сайта и его мощный посыл было решено создать коллаж из строений, наиболее значимых для компании и архитектурного фонда республики в целом. При помощи эффекта параллакс (в данном случае достигаемом за счет различных параметров прокрутки объектов, составляющих целостную картину) получился целый комплекс из реалистичных, легко узнаваемых зданий: Аэропорт города Йошкар-Олы, Дворец творчества детей и молодежи, Дворец водных видов спорта и многие другие.

Коллаж

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

Главная страница сайта

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

Отдельно следует рассказать про фотогалерею. Поскольку организация «Марспецмонтаж» имеет дело со строительством, и зачастую — строительством особо важных, определяющих визитную карточку республики объектов, то презентовать их труды в красочной и эффектной форме — была наша главная задача. Превью для каждого фотоальбома создавалось оригинальным. Получилась симпатичная функциональная страница, которая легко «выдержит» без дизайнерских искажений дополнение новой информацией. Но, несомненно, самое главное — фотогалерея удобна пользователю, который желает посмотреть только избранные альбомы, к тому же она просто приятным образом организует всю визуальную информацию компании.

Раздел «Фотогалерея»

Если мы выберем для просмотра конкретный альбом, то сайт с удовольствием покажет нам следующую картину:

Раздел «Альбом»

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

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

Информация для акционеров

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

Виды услуг

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

Виды услуг: Монтаж систем энергоснабжения

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