Авторизация
Сброс пароля
Промо-сайт Bionur
Заказчик: Заказчик: Бионур – российский дистрибьютор уникального органического жидкого удобрения.
Яркий и стильный промо-сайт с анимацией.
1. Вводная задача от заказчика, проблематика, цели
Сделать главную страницу в виде лэндинга с вертикальной прокруткой. Подать дозированно информацию пользователю о продукте.
Дмитрий Кияшко
Генеральный директор, MaxStyle
Разработку начали с предложения более интересного и свежего формата: построить навигацию пролетами камеры вперед-назад, где «пролетев» первую сцену – попадаешь на следующую. Рождается эффект погружения, завлечения пользователя и желания «пролететь» на следующую страницу.
Главная страница.
Главная. Меню.
Главная. О продукте
2. Описание реализации кейса и творческого пути по поиску оптимального решения
1. Описание концепта
В основе motion-дизайн. На главной странице отображены 4 основных раздела с уникальными иллюстрациями. При переходе из раздела раздел «пролетаем» через листву дерева или погружаемся под землю, в зависимости от основной информации, представленной на странице, где пользователь может ознакомиться о продукте.
Для предоставления более полной информации, учитывая задачу – не перегружать визуальные образы, был сделан ряд простых контекстных страниц, где размещены большие текстовые поля, куда пользователь попадает, нажимая кнопку «Подробнее», с возможностью возврата на основной движок.
Все страницы выполнены в едином стиле, разработаны иконки, инфографика, контент размещен по сетке. Графика адаптирована под Retina, что гарантирует яркую и красивую картинку вне зависимости от фактического разрешения экрана.
2. Разработка прототипов
Проведена предпроектная аналитика. Разработана подробная структура сайта. Вся информация сгруппирована по разделам в соответствии c основными правилами юзабилити.
3. Адаптивная верстка
Выполнена работа по адаптации сайта под телефоны и планшеты. Дизайнер отрисовал макеты под мобильные устройства и подготовил адаптивные элементы.
4. Программная разработка
В качестве системы управления был выбран 1с-Битрикс. Весь контент на сайте редактируется с помощью инфоблоков внутри админки или упрощенного текстового редактора в рамках каждой страницы.
Страница о продукте. Разбиты на блоки ключевые характеристики.
Страница о преимуществах компании. Уникальная иллюстрация и инфографика.
Заключение. Одна из контекстных страниц.
3. Результаты сотрудничества
В результате мы получили сайт с уникальным и оригинальным дизайном, выгодно выделяющимся на фоне конкурентов, с учетом всех рамок ТЗ. Сайт получился ярким, интуитивно понятным и информативным, несмотря на нестандартный подход.
Страницы заглушки.
Страница с анимацией. При наведении мышки на элемент происходит увеличение иконки.
4. Заключение
Работая над этим проектом мы постарались максимально следовать креативной концепции. И в итоге получили оригинальный промо-сайт выгодно отличающийся среди компаний данной отрасли.
Заказчик остался довольны и в настоящий момент мы осуществляем поддержку сайта.
Если вам понравился этот проект и у вас есть схожая задача, то ждем вас у себя в офисе за чашечкой кофе.
Также с нами можно связаться по телефону +7 (495) 660-38-40 или по электронной почте info@maxstyle.ru будем рады помочь в решении ваших задач.