Разработку начали с предложения более интересного и свежего формата: построить навигацию пролетами камеры вперед-назад, где «пролетев» первую сцену – попадаешь на следующую. Рождается эффект погружения, завлечения пользователя и желания «пролететь» на следующую страницу.

1. Описание концепта

В основе motion-дизайн. На главной странице отображены 4 основных раздела с уникальными иллюстрациями. При переходе из раздела раздел «пролетаем» через листву дерева или погружаемся под землю, в зависимости от основной информации, представленной на странице, где пользователь может ознакомиться о продукте. 

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

Все страницы выполнены в едином стиле, разработаны иконки, инфографика, контент размещен по сетке. Графика адаптирована под Retina, что гарантирует яркую и красивую картинку вне зависимости от фактического разрешения экрана.

2. Разработка прототипов

Проведена предпроектная аналитика. Разработана подробная структура сайта. Вся информация сгруппирована по разделам в соответствии c основными правилами юзабилити.

3. Адаптивная верстка

Выполнена работа по адаптации сайта под телефоны и планшеты. Дизайнер отрисовал макеты под мобильные устройства и подготовил адаптивные элементы.

4. Программная разработка

В качестве системы управления был выбран 1с-Битрикс. Весь контент на сайте редактируется с помощью инфоблоков внутри админки или упрощенного текстового редактора в рамках каждой страницы.

В результате мы получили сайт с уникальным и оригинальным дизайном, выгодно выделяющимся на фоне конкурентов, с учетом всех рамок ТЗ. Сайт получился ярким, интуитивно понятным и информативным, несмотря на нестандартный подход.

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