Разработка сайта компании по изготовлению надгробий и могильных памятников

У мемориальной компании GMM уже был сайт, с которым заказчик пришёл к нам за услугой SEO-продвижения. Мы предупредили о том, что на сайте есть проблемы, из-за которых продвижение может не дать ожидаемого результата. На тот момент это не показалось заказчику существенным. Через полгода продвижения сайт был на первых строчках в Яндекс и Google по большинству целевых запросов, на него шёл стабильный трафик, но продаж не было, так как конверсия сайта была запредельно низкой. Осознав, что мы были правы, заказчик согласился на разработку нового сайта.

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

Проанализировав старый сайт, мы нашли, куда утекает конверсия:

• Гигантская форма-допрос в корзине, в которой 90% полей были ненужными и непонятными. Пользователь должен был указать какое-то Название каталога и Номер памятника, о которых не имел понятия, закрытая или открытая у него гробница (WTF?!), зачем-то дважды заполнить адрес и указать дату заказа, хотя дата и время автоматически отображаются в заявке;
• Компания не только продаёт памятники через интернет-магазин с каталогом, но и оказывает услуги: доставка, установка памятника, благоустройство могил, ретушь фотографий и нанесение изображений лазерной гравировкой. Но это нигде не обозначено на сайте! Всё выглядит так, как будто-то 50-килограммовый памятник потащишь на себе, а бригаду могильщиков придётся нанимать где-то на стороне. Это останавливает от покупки;
• Структура сайта представляла собой случайный набор страниц и блоков. Воронка продаж и путь пользователя по сайту — не продуманы. Стандартной для интернет-магазинов информации о доставке и оплате не было, зато были блоки, которые дублировали друг друга, либо никак не влияли на принятие решения, просто занимали место на странице;
• Дизайн сайта повторял конкурентов: серый, мрачный, создающий гнетущую атмосферу. Он выглядел так, что находиться на нём было психологически тяжело, как на кладбище. В качестве акцентного цвета использовался ржаво-оранжевый, который на сером фоне смотрелся особенно грязно и неряшливо. Стоковые иконки с крестами и могилками делали сайт шаблонным, удешевляли визуал. Отсутствие композиции затрудняло восприятие контента и придавало сайту неаккуратный вид.

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

Исходя из аналитики, мы построили структуру сайта и спроектировали страницы, каталог, формы.

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

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

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

Для повышения конверсии в карточке товара было добавлено портфолио: как памятник выглядит в реальности на кладбище. Так пользователю легче определиться с выбором.

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

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

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

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

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

Сайт выполнен в светлых чистых тонах, вызывает эмоции спокойствия и умиротворения. В качестве акцентного выбран золотой цвет. Он символизирует божественный свет, именно поэтому золотят иконы и купола храмов.

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

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

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

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

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

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

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

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

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

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

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

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

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