Евгения Ц., #42
загружено 18:12, 28/01/15


Здравствуйте! Постараюсь максимально подробно описать свое видение сайта. 1. Главная страница: весь контент размещен на ширину 940, что будет удобно для просмотра на мониторах разных размеров. В центре 3 персонажа. Они ассоциируются с флажками (точками) на карте, а также с матрешками благодаря их расцветке. Сочи - город недавней олимпиады и еще долго у "наших" и "не наших" пользователей он будет ассоциироваться с чем-то исконно русским. Потому точки на карте превратились в матрешек. Также эти три персонажа подчеркивают и родство трех проектов (Сочи-Камера, Электроволна и Бизнес-Связь). На "лице" у каждой соответствующий логотип и при нажатии на выбранную матрешку осуществляется переход на данный сайт. 2. Страница должна быть анимированной: а) центральная матрешка при клике подсвечивается и выдает 2 меню - функционал и интерактив сайта. В интерактиве размещен плеер и последние 3 сообщения из чата. Под каждым сообщением указано с какой камеры оно написано и по клику на это название пользователь переходит на окно просмотра этой камеры. Аналогичный переход происходит и при клике на кнопку "ответить", только поверх окна камеры сразу открывается окно чата с активным курсором в поле ввода сообщения. б) "Глаза" матрешки следят за передвижением мыши по странице и двигаются в соответствующую сторону. в) Меню матрешки можно закрыть. Для этого заново на нее кликаем и все меню сворачиваются, подсветка исчезает. При этом список камер поднимается вверх, а сами матрешки масштабируются в меньший размер. 2. Пункты меню при наведении подсвечиваются красным (выезжает снизу соответствующая подложка) и цвет шрифта меняется на белый. Так же происходит и с подписями на камерах. Дополнительно при наведении на само изображение с превью оно масштабируется как бы приближаясь к пользователю. 3. При прокрутке списка камер вниз всегда остается по верху шапка, а также выводится сразу под нее тонкая строка меню. Это то же меню, что и на главной, только без пиктограмм. Также остается видимым плеер и кнопка последних сообщений из чата. Теперь опишу страницу камеры. При открытии этого окна остается все та же шапка и тонкая строка меню. При наведении на пункт меню он меняет цвет. Пункт "Архив фото" открывается поверх окна камеры и прямо из этого окошка можно выбрать необходимое изображение и отправить его в чат (соответствующая пиктограмка будет в углу каждого изображения в архиве). При нажатии на пункт "Поиск" название его трансформируется в строку ввода критериев поиска. Камера и чат(опционально) в это время еще открыты и переход к результатам поиска происходит только после их ввода с помощью Enter. Теперь о самой области с видео. Справа на окне размещается функциональная панель. Она имеет опцию "выдвижения-задвижения". Оставить ее открытой или свернуть решает юзер нажатием на ярлычок на рамке окна. Таким образом видео можно "очистить" от ненужных в данное время значков и просматривать его будет приятней. Также этих значков не будет и на рамке окна, что также облегчит вид в целом. В правом нижнем углу всегда активны кнопки "Чат" и "Play". Нажатие на "чат" открывает/закрывает окно чата поверх видео. Это окно должно быть открепляемым и перемещаемым в любое удобно пользователю место на странице (по типу ВК). Кнопка "play" дает возможность приостановить/возобновить воспроизведение музыки радио. Таким образом не требуется закрывать окно с видео, чтобы нажать на паузу при необходимости. В правом верхнем углу окна видео размещен логотип "Бизнес-Связь". За счет полупрозрачности окна чата и функциональной панели логотип виден всегда, но в то же время и не навязчив. А скрытие открытие панели и чата дополнительно привлекут к нему внимание. Также добавлю, что окно видео масштабируется под определенный экран. Закрывается кликом по полю вне окна видео или стандартно нажатием на крестик в правом верхнем углу. На этом все. Надеюсь, мне удалось донести свою идею и я не утомила Вас длинным описанием ;). Буду благодарна за любые комментарии!


Вернуться в галерею