Компания Veka производит современные двери, окна, изготавливает профиль и сотрудничает с крупными строительными фирмами в России.
Scrum-студия Сибирикс — о процессе создания сайта для презентации и продажи панорамных дверей Vekaslide.
Целевые пользователи: архитекторы, интерьерные дизайнеры и конечные потребители.
Процесс
На первичном брифовании собираются входные данные, выслушиваются пожелания клиента. На данном этапе видение структуры проекта у заказчика — это традиционный сайт с фотогалереей продукта на главной странице, несколькими текстовыми разделами, координатами магазинов.
Студия предлагает более смелое решение – добавить сайту визуальную «изюминку», исходя из «диагональных» элементов фирменного стиля, что позволит выделить компанию и продукт среди конкурентов.
Следующее, в чем убеждается заказчик — фотогалерея, ее можно и нужно объединить с текстами о преимуществах. Дизайнер разрабатывает первую графическую концепцию и выставляет на внутристудийное обсуждение:
После одобрения, идет работа над «цепляющими» деталями главной страницы, прорабатывается меню.
Фишки проекта
Навигация по разделам сайта с помощью стрелок клавиатуры, анимированные переходы между разделами. Использовали плагин, создающий эффект переключения между слайдами с css3 3D-трансформацией.
Динамическое размытие фона, небольшой параллакс фотографий в меню.
Оптимизация под iPad
Главная задача — повышение скорости работы на самой первой модели планшета. Вместе с этим на iPad’е будут применяться немного другие стили: например, текст будет крупнее, это особенность проектирования для мобильных устройств.
Некоторые сложные эффекты в «планшетной» версии пришлось убрать во имя пользовательского комфорта. Итого — сайт получился не только современным и шикарно выглядящим на десктопных браузерах, но и щадящим маленькие мозги планшетов.
Результат
Смотреть и трогать разрешается: http://www.vekaslide.ru
Подробнее: в блоге студии Сибирикс.
Поделиться мнением можно в нашем ТГ канале