Конкурс на лучший проект застройки Завода им. Масленникова
В сжатые сроки разработать необычный сайт, необходимый для проведения конкурса
www.konkurs-zim.ru
Основным документом были «Положения конкурса».
Опираясь на его текст мы спроектировали сценарии взаимодействия с сайтом.
Клиент подготовил подробную постановку задачи по созданию фирменного стиля.
Основываясь на этих данных, мы разработали несколько версий логотипов, конвертов, папок, бланков, конкурсных планшетов.
Работы производились на основании подписанного технического задания, которое мы подготовили совместно с заказчиком.
Несколько вариантов от разных дизайнеров.
Основной, самый большой и сложный раздел сайта — «Конкурс». Выполнен в светлых тонах для удобства восприятия. Переход происходит с помощью простого скролла вниз с главной страницы.
Первый экран встречает посетителя крупным и доходчивым текстом о конкурсе и заметными ссылками «Подать заявку».
Ниже расположены псевдо-ссылки контекстного меню раздела. Клик по ним будет перекидывать к соответствующему подразделу страницы.
Справа — некий easter egg нашего сайта — необычная карта сайта, имитирующая подобную функцию на MAC OS. Кликнув на нее, гость всегда сможет быстро переместиться в нужный раздел сайта. Свежо и интересно. Когда определимся с количеством страниц — картинку актуализируем. В подвале — ссылки на юридическую информацию и электронную почту.
В левом углу — пиктограмма для быстрого открытия меню. Она всегда зафиксирована на экране пользователя и находится в одном месте.
Для удобства навигации левое меню разворачивается. Для него предусмотрена «безопасная» колонка — чтобы не было «наезжания» и горизонтального скролла.
Описание территории оформлено фотографией со спутника, с обведенной зоной, поясняющим текстом и ссылками на панораму и карту.
При клике на ссылку «Подробная карта объекта» гость переходит к стилизованной затемненной фотографии местности.
Разделу «Территория» соответствует слайдшоу из самых качественных фотографий, которые сменяются автоматически или в ручном режиме
( «свайп» или стрелки).
Сроки проведения проиллюстрированы стилизованной схемой — крупно и доступно.
Требования к участникам будут сверстаны в виде нескольких абзацев, сменяющих друг друга смахиванием или кликом по цифре.
Правее расположена ссылка на полные положения конкурса в формате .pdf.
Перемещение по галерее черно-белых фотографий производится опять же смахиванием влево-вправо. Справа от фотографий располагается дополнительный текст.
Требованиям соответствуют исходные материалы. Разные форматы файлов обозначены своим цветом, размером, форматом и названием файла.
В конце страницы — отделенная форма. Оригинальная иллюстрация, крупные заголовки и удобные поля. Пришли к решению, что делать форму загрузки pdf-презентации не нужно. Пусть форма будет простейшим средством для связи с клиентом. Все дальнейшие инструкции — по почте.
Чтобы успеть в срок, по мере готовности разделов сайта мы сразу внедряли их на боевой домен, постепенно добавляя нужные функции и контент.
Наш аккаунт — http://www.revision.ru/s/sd/
Работы недели — http://www.revision.ru/works/week
Парни, большое спасибо за работу, комментарии, идеи — вы молодцы!
Я особенно ощутил всю мощь MODX и вашего подхода когда срочно понадобилась англ. версия сайта, причем расширенная версия, как хотел заказчик — сделали выше всяких похвал!
Японские рестораны
НТВ-КИНОСайт кинокомпании НТВ-КИНО
от 250 000 р.
