Облако

Портфолио:

Клиент:

ДОРПРОЕКТ

Тип работ:
Веб-сайты
Год:
2010

О клиенте

Дорп­ро­ект — это груп­па ком­па­ний, за­нима­ющих­ся про­ек­ти­рова­ни­ем объ­ек­тов до­рож­но­го стро­итель­ства. Ор­га­низа­ция сфор­ми­рова­лась на ба­зе ог­ромно­го инс­ти­тута, воз­никше­го в 30-х го­дах XX ве­ка. Се­год­ня спе­ци­алис­ты Дорп­ро­ект вы­пол­ня­ют пол­ный комп­лекс про­ект­но-изыс­ка­тель­ских ра­бот для стро­итель­ства, ре­мон­та и ре­конс­трук­ции ав­то­мобиль­ных до­рог, ис­кусс­твен­ных со­ору­жений, про­мыш­ленно-граж­данс­ких объ­ек­тов, а так­же дру­гие ви­ды ра­бот, свя­зан­ные с ин­же­нер­ным обс­лу­жива­ни­ем до­рож­ной и граж­данс­кой от­раслей Рос­сии.

Задача

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

Процесс

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

Реальный чертёж, на основе которого была создана наша модель

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

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

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

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

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

Результат

Пол­но­фор­матные скрин­шо­ты сай­та Дорп­ро­ект вы мо­жете пос­мотреть на на­шем Flickr.


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