Сайт Alvi Salotti — «тихая роскошь» для бренда мебели премиум-класса

Alvi Salotti — бренд современной и классической мебели сегмента люкс.

Более 25 лет Alvi Salotti специализировался на классической мебели — и клиенты выбирали их за диваны и кресла с атмосферой роскоши и изысканности. Но недавно компания решила выйти на новый рынок — рынок современной мебели. Той, что про минимализм и нейтральные тона.

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

Тогда Alvi Salotti обратились к Oxem за редизайном корпоративного сайта. Перед нами стояло две большие миссии проекта:

— Создать сайт, который станет симбиозом инновационности и классики Alvi Salotti. Чтобы он привлекал клиентов на современную мебель, но при этом не отталкивал тех, кто ценит Alvi Salotti за классику.

— Сделать визуал сайта премиальным, чтобы он соответствовал сегменту люкс.

Мы разработали сайт от идеи до запуска.

1. Провели анализ рынка и болей аудитории.

2. На основе полученной информации собрали структуру и дизайн сайта. В нем классно объединили два стиля мебели — классику и инновации.

3. Разработали фронтенд сайта на React+Next.js, а бэкенд на WordPress.

4. Протестировали и запустили сайт.

Конечно, начали проект с аналитики.

— Погрузились в клиента: провели несколько встреч, изучили всю информацию о компании.

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

— Выявили боли целевой аудитории.

— Изучили конкурентов и подобрали референсы сайтов.

— Собрали семантическое ядро.

Благодаря полученной информации создали вайрфреймы будущего сайта специально под Alvi Salotti.

Отдельно хочется рассказать про боли пользователей, ведь это очень важная деталь, на которой строились структура и контент нового сайта.

Мы изучили отзывы о производителях мебели РФ, которые есть в открытом доступе (искали на Яндекс Картах и на сайтах-отзывах). А также собрали с клиента боли пользователей по взаимодействию со старым сайтом Alvi Salotti.

В итоге выделили 11 главных проблем.

Например, узнали, что дизайнеры интерьеров, заходя на сайт Alvi Salotti, не находят на нем информации по форматам сотрудничества — и часть из них сразу уходит с сайта.

На этапе дизайна решили немного доработать брендинг Alvi Salotti и скорректировали логотип компании. Такой вариант лучше смотрится в диджитал-версии, добавляет изысканности и выглядит современнее.

Итак, в дизайне нам надо было решить три задачи:

— показать премиальность бренда Alvi Salotti

— подружить на сайте классическую и современную мебель

— закрыть главные боли пользователей

  1. Показали премиальность бренда Alvi Salotti

Люксовость бренда мы решили передать через атмосферу «тихой роскоши». Той, которую мы встречаем на сайтах Yves Saint Laurent, Loewe, Hermès, Minotti и др. Это минимализм, аккуратность и плавные анимации.

Добились этого через аккуратную типографику и спокойные светлые оттенки. Также сделали акцент на товарах: добавили крупные фотографии продукции Alvi Salotti.

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

Чтобы анимации вышли как задумано (плавными и отзывчивыми), на этапе дизайна подробно прописали все тонкости реализации для разработчиков в формате раскадровки: с какой скоростью и плавностью анимация воспроизводится, сколько длится и т.д.

  2. Подружили на сайте классическую и современную мебель

Создали дизайн с акцентом на фото продукции Alvi Salotti. Благодаря этому сайт не перетягивает на себя внимание, а скорее обрамляет товары бренда — так что и классическая, и современная мебель органично смотрятся на нем.

В типографике использовали сочетание двух разнотипных шрифтов — антиквы и гротеска — в качестве отсылки на союз классики и современного минимализма.

  3. Закрыли главные боли пользователей

Помните, рассказывали про 11 болей, которые обнаружили на этапе аналитики? Решили их, в первую очередь, через дизайн.

Например, многие дизайнеры интерьера уходили со старого сайта Alvi Salotti, так как не находили информации по работе бренда с дизайнерами.

Мы создали полноценный раздел «Дизайнерам» под это дело — с деталями работы, преимуществами сотрудничества и т.д.

Еще боль — потенциальные клиенты раньше не понимали, какую ценность дает высокая стоимость продукции Alvi Salotti. И это понятно, ведь на старом сайте было мало информации о том, насколько Alvi Salotti эксклюзивный бренд, для которого в приоритете качество и комфорт.

На новом сайте добавили блок с детальным описанием продукции, разъяснением особенностей и преимуществ бренда Alvi Salotti.

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

Результат этапа: клиент согласовал дизайн полностью без правок. А еще сказал, что мы будто прочитали мысли и сделали то, что и хотел заказчик изначально! 

Фронтенд сайта реализован на базе React+Next.js: страницы загружаются быстро, без ущерба для восприятия контента поисковыми системами.

Бэкенд сделали на WordPress, чтобы заказчик самостоятельно мог управлять контентом на сайте: добавлять новую мебель, менять описания и т.д.

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

Благодаря адаптивной и кроссбраузерной верстке добились того, чтобы сайт хорошо работал на любом устройстве. Ну а после наш SEO-специалист еще раз проконтролировал весь контент сайта на корректность с точки зрения SEO: как формируются URL, верная ли структура, вложенность, UTM-метки, Robots, редиректы и т.д.

В итоге клиент получил сайт, который полностью соответствует сегменту люкс: он создает ощущение «тихой роскоши», выглядит минималистично и плавно работает. На сайте также хорошо представлены оба направления продукции Alvi Salotti и закрыты главные потребности и боли целевой аудитории. 

Кроме того, сайт быстро работает, несмотря на обилие анимаций на нем: показатель performance достигает 90 из 100 баллов, по результатам тестирования десктопной версии сайта в Lighthouse (что соответствует высокой скорости загрузки).