Компания Veka производит современные двери, окна, изготавливает профиль и сотрудничает с крупными строительными фирмами в России.

Scrum-студия Сибирикс  — о процессе создания сайта для презентации и продажи панорамных дверей Vekaslide.

Целевые пользователи: архитекторы, интерьерные дизайнеры и конечные потребители.

Процесс

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

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

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

После одобрения, идет работа над «цепляющими» деталями главной страницы, прорабатывается меню.

Фишки проекта

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

Динамическое размытие фона, небольшой параллакс фотографий в меню.

Оптимизация под iPad

Главная задача — повышение скорости работы на самой первой модели планшета. Вместе с этим на iPad’е будут применяться немного другие стили: например, текст будет крупнее, это особенность проектирования для мобильных устройств.

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

Результат

Смотреть и трогать разрешается: http://www.vekaslide.ru

Подробнее: в блоге студии Сибирикс.