development & design

Наши работы

Дизайн – не только форма. Дизайн – еще и функциональность.

The Photographer

Основная цель создания сайта для фотографа — сделать удобную подачу визуального контента (фотографий) для посетителей и потенциальных клиентов, а также выводить актуальную информацию рабочей жизнедеятельности автора. Мы воплотили это в жизнь благодаря современному дизайну в стиле Metro UI и ненавязчивому, чистому и, в то же время, яркому цветовому решению. Для сайта была спроектирована адаптивная верстка, что позволяет ему внешне адаптироваться под устройства с любым размером экрана.

photographer

Адаптивный дизайн

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

Для автора в административной панели доступна более детальная информация. Каждому событию можно давать заголовок и подробное описание, дату и время начала/окончания, повторение событий и специальные категории. Для пользователя это может отображаться как “Занят весь день” или “Занят с 17:00 до 19:30”, к примеру. Используя современные технологи, мы реализовали систему, которая позволяет подгружать в этом же окне актуальные данные с сервера, не перенаправляя посетителя на другие страницы.

photographer1

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

На странице фотогалереи представлены отсортированные по темам альбомы, при наведении на которые, плавно появляется информация с названием и описанием.

photographer5

Фотогалерея

Для страницы просмотра альбома мы разработали специальную функциональность системы WordPress, которая позволяет подгружать новые фотографии на этой же странице, без ее перезагрузки. При переходе на просмотр альбома, посетитель увидит только 6 фотографий, для просмотра остальных достаточно нажать на кнопку «Еще». Время загрузки проходит незаметно, так как красивый, анимированный прелоадер скрашивает ожидание. Количество отображаемых и загружаемых фотографий можно задавать в настройках системы.

photographer3

Просмотр альбома

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

photographer4

Просмотр фотографий

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

photographer2

Страница услуг

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

photographer6

Контакты

Интерфейс сайта продуманный до мелочей и построен на тесном взаимодействии с пользователем. Он как будто входит в диалог с посетителем и не отпускает его ни на минуту.

Перейти на сайт