Кейс: Таплинк для продажи зимних деревянных горок

Начало работы:

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

Задача:

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

Шаг 1-ый (Подготовка)

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

Шаг 2-ой (Структура и дизайн)

Главной задачей по части дизайна было, чтобы все фото (о проблеме расскажу в следющем шаге) товаров вписались в общую концепцию. Так же заказчик попросил сделать так, чтобы позже можно было добавить летние горки. Другой просьбой было сделать визуально лёгкий, простой и понятный дизайн.

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

Вот так это выглядит
(на примере главного банера):

В конце кейса покажу больше скриншотов и видео работы сервиса.

Шаг 3-ий (Каталог)

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

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

Работа усложнилась не самыми сочными фото в маленьком разрешении. Поэтому использовал, что есть.

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

Товары разделил на несколько категорий - такова была одна из задач поставленных передо мной.

Вот пример страницы товара:

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

Выглядит вот так:

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

Вот визуальный пример:

Шаг 4-ый (Последние шрихи, настройка)

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

Далее настроил все остальные мелочи и показал результат заказчику.

Результат:

Описывать все прелести долго не вижу смысла. В конце материала оставлю ссылку, можете посмотреть самостоятельно.

Получился по-своему уникальный проект, вмещающий в себя более 50-ти созданных вручную страниц. Есть удобный каталог товаров, в котором покупателю будет очень легко разобраться. Имеется простой понятный дизайн. Все задачи выполнены: я доволен работой, клиент доволен результатом.

Отзыв:

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

Визуальная часть (Скриншоты и видео):

Обратная связь (ссылки):

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

Она перенаправит вас
на диалог со мной
в WhatsApp

https://api.whatsapp.com/send?phone=79377757490