Модернизация сайта ООО "КОФ "ПАЛИТРА"

Главное о кейсе

Достигнутые цели и KPI по итогам запуска:
Конверсия посетителей в заказа выросла в 2,5 раза.
Среднее время проведенное посетителем на сайте выросло в 4 раза.

Achieved goals and KPI based on the results of the launch:
The conversion of visitors to orders increased 2.5 times.
The average time spent by a visitor on the site has quadrupled.

Бизнес-задача и ее решение

Постановка задачи и ее решение:
Была поставлена задача:
Разработать новый дизайн сайта с использованием нового логотипа компании и фирменного стиля в желтых и фиолетовых тонах.
Расширить функциональность сайта и добавить новые разделы на страницах каталога и товара.
Адаптировать сайт под мобильные устройства и планшеты.

Александр Тихонов, Арт-директор:
«Заказчик сам провел исследования своей целевой аудитории. Его исследование было таким подробным, что мы решили пропустить этап прототипирования и сразу приступить к разработке адаптивного дизайна и верстки, хотя обычно мы так не делаем».

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

Мы провели 40 итераций и разработали множество промежуточных вариантов этих страниц. Наша команда тщательно прорабатывала каждый элемент адаптива, и клиент изучал его практически по пикселям. За время работы с «ПАЛИТРОЙ» мы стали одной командой, — идеи появлялись и с нашей стороны, и со стороны клиента.

Александр Тихонов, Арт-директор: «Раньше нам не приходилось делать так много итераций дизайна основных страниц сайта. Клиент не ограничивал нас по срокам, — нашей главной задачей было сделать функциональный, красивый и качественный продукт. Я прогнозировал, что этап дизайна займет много времени, мы прорабатывали каждую деталь. Мы знали, что хотим получить на выходе, и выкладывались по максимуму.»

Дизайнерам на заметку: Figma тяжело справляется с большими проектами, поэтому стоит разбивать их на отдельные страницы, тогда сайт будет меньше весить и легко открываться.
Что нового
Галерея текстур на странице товара
Все фотографии товара собираются в аккуратную галерею текстур. Это не зависит от количества и ориентации фотографий, — скрипт автоматически формирует коллаж. Такая подача похожа на принцип работы альбомов в социальных сетях. Для реализации использовали JavaScript.

Подбор сочетающихся обоев
На странице каталога доступна новая функция подбора подходящих: выбираем понравившийся товар и кликаем на «Обои компаньоны». Система выводит сочетающиеся по цвету и текстуре варианты.

Визуализация
Теперь можно можно посмотреть, как обои будут смотреться в обставленной мебелью комнате.

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

Увеличение масштабирования
Чтобы сайт правильно отображался на FullHD мониторах и телевизорах.

Александр Тихонов, Арт-директор: «Недостаточно сделать просто красивый дизайн. Нужны фишки, на которые человек посмотрит и подумает: „Прикольно, такого я еще не видел“. Даже если фишка не несет функционального смысла, но вызывает улыбку у пользователя, он обязательно это запомнит и вернется на сайт.»

Татьяна Владимирова, Менеджер проекта:
«Мы не только изменили внешний вид „ПАЛИТРЫ“: на сайте появились уникальные сервисы, которые помогают пользователю работать с огромным количеством наименований обоев. И это только начало — набор сервисов и опций будет расширяться.»

Работа на Behance https://www.behance.net/gallery/107644691/modnyj-dom-palitra

Problem statement and solution:
The task was set:
To develop a new website design using the new company logo and corporate identity in yellow and purple tones.
Expand the functionality of the site and add new sections on the catalog and product pages.
Adapt the site for mobile devices and tablets.

Alexander Tikhonov, Art Director:
«The customer himself conducted research on his target audience. His research was so detailed that we decided to skip the prototyping stage and immediately start developing responsive design and layout»

How we worked
We started developing the site from the main page in order to develop the style and set the conceptual look of the project. Our priority was the catalog page and product page. Most of the time was spent on them.

We went through 40 iterations and developed many intermediate versions of these pages. Our team carefully worked out every element of the adaptive, and the client studied it practically pixel by pixel. During our work with PALITRA, we became one team — ideas appeared both from our side and from the client’s side.

Alexander Tikhonov, Art Director: «Before, we didn’t have to do so many iterations of the design of the main pages of the site. The client did not limit us in terms of time — our main task was to make a functional, beautiful and high-quality product. I predicted that the design phase would take a long time, we worked through every detail. We knew what we wanted to get at the exit, and gave all the best. »


What’s new
Gallery of textures on the product page
All product photos are collected in a neat texture gallery. It does not depend on the number and orientation of photos — the script automatically generates a collage. This presentation is similar to how social media albums work. JavaScript was used for implementation.

Selection of matching wallpapers
On the catalog page, a new function for selecting the right ones is available: select the product you like and click on «Wallpaper companions». The system displays options matching in color and texture.

Visualization
Now you can see how the wallpaper will look in the furnished room.

Wallpaper closeup
Look at all the flowers, petals and other tiny details.

Zoom in
For the site to be displayed correctly on FullHD monitors and TVs.

Alexander Tikhonov, Art Director: «It’s not enough to just make a beautiful design. We need chips that a person will look at and think: „Cool, I have not seen this before.“ Even if the feature does not carry a functional meaning, but makes the user smile, he will definitely remember this and return to the site. »

Tatiana Vladimirova, Project Manager:
«We have not only changed the appearance of the „PALETTE“: the site now has unique services that help the user to work with a huge number of wallpaper titles. And this is just the beginning — the range of services and options will continue to expand.»

Work on Behance https://www.behance.net/gallery/107644691/modnyj-dom-palitra

Прочая информация о кейсе

Описание работы:
Обойная фабрика «ПАЛИТРА» производит и продает премиальные виниловые обои. Территория фабрики в Подмосковье занимает 70 гектар, — это площадь 10 футбольных полей.
Фабрика существует с 2002 года, и с того момента существенных изменений на сайте не было. Заказчик сделал ребрендинг, но сайт остался в старом дизайне.

Татьяна Владимирова, Менеджер проекта: «Дизайнеры фабрики разработали новый фирменный стиль, и мы должны были переосмыслить старый сайт, сделать его удобным. Поведение пользователей постоянно меняется, по-хорошему сайт требует обновлений раз в три года. Доля просмотров с мобильных устройств в 2019 году по сравнению с 2018 годом выросла на 10%, поэтому сайт решили делать адаптивным».



Work description:
The PALITRA wallpaper factory produces and sells premium vinyl wallpapers. The territory of the factory in the Moscow region occupies 70 hectares, which is the area of ​​10 football fields.
The factory has existed since 2002, and since then there have been no significant changes on the site. The customer made a rebranding, but the site remained in the old design.

Tatyana Vladimirova, Project Manager: «The designers of the factory developed a new corporate identity, and we had to rethink the old site, make it convenient. User behavior is constantly changing, in an amicable way, the site requires updates every three years. The share of views from mobile devices in 2019 increased by 10% compared to 2018, so they decided to make the site responsive. »

Скриншоты