Media Bay. Сайт-визитка

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

Что у нас здесь?

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

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

Стек технологий уже практически стандартный: gulp, pug, SASS, jquery и начинаю осваивать ES6, поэтому в js пока не самая красивая мешанина подходов. Графики немного, сайт получился легковесный и изящный.

Странички

Главная. Мобильная версия.

Главная. Мобильная версия.

Жизненный цикл, слайдер

Жизненный цикл, слайдер

Морские ассоциации к каждому проекту

Морские ассоциации к каждому проекту

Форма заказа

Форма заказа

Кейсы

Кейсы

Команда ждет hover

Команда ждет hover

На момент составления портфолио сайт работает и обитает здесь. Тут git проекта. А это – ссылка на Behance дизайнера. Там тоже очень красиво

Рубрики: Портфолио