Сайт в сфере изготовления благоустройства памятников

Цели и задачи

Мемориальная компания GMM обратилась к нам за услугой SEO-продвижения. Мы сразу обратили внимание на ряд технических и UX-проблем на сайте заказчика, способных серьёзно повлиять на эффективность продвижения, и предупредили об этом. Однако на тот момент клиент не придал этому большого значения.  Спустя полгода активного продвижения сайт вышел в ТОП поисковой выдачи Яндекса и Google по большинству ключевых запросов, и на него стабильно шёл трафик. Тем не менее, продаж не было — сайт практически не конвертировал посетителей в клиентов. Тогда заказчик признал, что проблемы действительно есть, и согласился на создание нового сайта.

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

Аналитика

Анализ старого сайта позволил выявить ключевые причины потери конверсии:

• Неудобная перегруженная форма заказа. В корзине пользователя встречала громоздкая форма с множеством лишних и непонятных полей. Например, требовалось указать "Название каталога" и "Номер памятника", которые клиенту ни о чём не говорили. Также нужно было выбрать, закрытая или открытая гробница, дважды вводить адрес и вручную указывать дату заказа, хотя она автоматически фиксировалась в заявке. Всё это вызывало раздражение и мешало завершить покупку.
• Неочевидность услуг. Компания предлагала не только продажу памятников через интернет-магазин, но и сопутствующие услуги: доставку, установку, благоустройство, ретушь фото, нанесение изображений. Однако на сайте это никак не отражалось. Визуально всё выглядело так, будто клиент должен сам транспортировать тяжелый памятник и искать установщиков. Это отпугивало потенциальных покупателей.
• Слабая структура и запутанная навигация. Страницы и блоки на сайте были расположены хаотично, логика пользовательского пути отсутствовала. Не было стандартной информации об оплате и доставке, зато встречались дублирующие или бесполезные блоки, которые загромождали пространство, не добавляя ценности.
• Негативный визуальный образ. Дизайн копировал конкурентов — мрачный, серый, создающий угнетающую атмосферу. Выбранный ржаво-оранжевый акцентный цвет на сером фоне смотрелся грязно и неопрятно. Шаблонные иконки с крестами и могилами удешевляли визуальный ряд, а отсутствие композиционной логики мешало восприятию контента и делало сайт визуально неаккуратным.

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

Прототипы

На основе проведённой аналитики мы разработали новую структуру сайта, спроектировали ключевые страницы, каталог товаров и формы заказа.

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

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

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

Для повышения конверсии в карточки товаров добавили фотографии готовых работ — как конкретный памятник выглядит уже установленным на кладбище. Это помогает покупателю принять решение. Также реализован функционал кросс-продаж: блок «С этим товаром покупают» предлагает дополнительные аксессуары и услуги по благоустройству могил.

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

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

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

Дизайн

Мы полностью сломали стереотипы и вывели новый подход к дизайну сайтов в данной нише. Отказались от мрачных чёрно-серых цветов, характерных для большинства конкурентов, и выбрали концепцию в светлых тонах, олицетворяющую светлую память и Царствие Небесное.

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

Данная концепция выделяет сайт GMM среди конкурентов. Он выглядит премиально, отличается минимализмом и утончённой эстетикой. Дизайн выполнен в светлых, чистых тонах, что вызывает ощущение покоя и умиротворения. В качестве акцента выбран золотой цвет — символ божественного света, который традиционно используется для золотых икон и храмовых куполов.

В акцентных элементах дизайна использованы текстуры камня — мрамора и гранита, а также гармоничные оттенки бежевого, золота и серебра. Это придаёт сайту необычный и статусный визуальный стиль. Форма элементов — прямые линии, лаконичные и без лишних украшений, что создаёт ощущение лёгкости и простора.

Шрифт на сайте подобран с акцентом на элегантность и удобочитаемость. Для заголовков выбран шрифт Spectral, а для основного текста — Lato.

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

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

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

Возник вопрос: как решить проблему с фотографиями? Использовать низкокачественные любительские снимки и испортить эстетичный премиальный визуал, либо выбрать красивые изображения, которые не совсем соответствуют теме.
 
Чтобы решить эту задачу, дизайнеры обратились к ИИ. Мы создали рендеры нужных объектов с помощью нейросети и использовали абстрактные изображения срезов каменных плит, чтобы добавить эстетики, не прибегая к заезженным стоковым картинкам с облаками и лугами, как на сайтах конкурентов. Некачественные фотографии товаров были заменены на рендеры, выполненные в едином стиле.

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

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

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

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

Название компании GMM — Granite & Marble Monuments, что переводится как "Памятники из гранита и мрамора". Мрамор — это фактурный камень с красивыми прожилками, добываемый глыбами неправильной формы. Гранит — твёрдый камень, при его разломе образуются не просто швы, а многочисленные сколы по кристаллической решётке. Эти природные формы вдохновили нас на использование полигональных форм в основе логотипа.

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

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

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