Действующий сайт заказчика не позволял полноценно использовать его как маркетинговый инструмент, также не имел адаптивной версии, что существенно влияло на посещаемость сайта с мобильных устройств и не позволял в полной мере донести до пользователя информацию о действующих предложениях компании:
Что мы сделали:
Прототипирование, UX/UI дизайн, техническая реализация, Иллюстрации
Дата релиза:
Декабрь 2019 г.
Техническая часть
Сделать современный удобный продукт для пользователей, который при этом станет мощным инструментом для маркетологов и будет удовлетворять требованиям службы безопасности компании.
Визуальная часть
Дизайн сайта не должен быть перегружен анимационными элементами, графикой. Ничто не должно отвлекать пользователя от информации об основных продуктах.
Так выглядел сайт до нас
Большую часть разработки заняло проектирование. В первую очередь были определены основные сегменты целевой аудитории и выявлены их проблемы. Данная работа проводилась совместно с маркетологами компании «Трайтэк», руководителем и менеджерами отдела продаж. Дополнительно изучили работу основных конкурентов и компаний, оказывающих аналогичные услуги в других регионах.
Дизайн
Для работы над дизайном мы привлекли 2 дизайнеров, которые одновременно трудились над задачей по одному поставленному ТЗ.
Используемые инструменты
Axure, Figma, Photoshop, Illustrator, After Effects
Первый вариант был забракован заказчиком, зато второй - оказался очень удачным и удовлетворял всем требованиям.
В качестве референсов для дизайна было решено использовать сайты ведущих российских банков, так как именно на них лучше всего реализована задача презентации продукта и система допродаж.
Уникальные иллюстрации стали частью сообщения визуальной
коммуникации. В первую очередь были определены основные
сегменты целевой аудитории и выявлены их проблемы.
Текущий сайт компании, с которым пришел заказчик, был реализован системой поддоменов, и нашим разработчикам нужно было это сохранить. Для каждого города (технически - поддомена), где имеются отделения компании, - свои тарифы услуг с индивидуальным набором параметров, способы оплаты, продаваемое оборудование. При этом система должна была быть максимально гибкой, чтобы можно было подстраивать ее любые маркетинговые задачи, которые возникнут в будущем (да, да, это мы тоже просчитали).
Что мы сделали:
Реализовали все так, как было нужно заказчику
Для каждого вида абонентов необходимо было сделать возможность добавления отдельных тарифных сеток, при этом для действующих абонентов необходимо было добавить возможность выбора периода оплаты с соответствующей сменой цен и параметров тарифа. И так для каждого города.
Что мы сделали:
Наши программисты реализовали максимально гибкую систему: через админ. панель сайта сотрудники заказчика имеют возможность задавать различные комбинации и описания тарифов для действующих и новых абонентов в разных городах с любыми периодами оплаты, добавлять требуемые дополнительные опции, задавать разные цены. Дополнительно был реализован функционал для добавления пакетов услуг.
По требованию отдела продаж на сайте обязательно нужно было реализовать возможность покупки дополнительных продуктов и оборудования. Для каждого города - свои дополнительные опции.
Что мы сделали:
Реализовали возможность добавления доп. услуг, при этом сохранили логику, т.е. действующим абонентам рекомендуются свои дополнительные опции в зависимости от выбранного периода оплаты, а для новых - свои.
Вся команда работала над тем, чтобы закрыть максимум потребностей своих клиентов на сайте, облегчить работу отдела продаж, упростить работу контент-менеджера. При этом они прислушивались к нашим советам в плане технической реализации и визуального отображения контента. Вместе мы действительно пытались сделать хороший и удобный инструмент, а не играли со шрифтами и не перемещали кнопку на 3 пикселя влево)
Дисклеймер
Если дизайн проекта отличается от того, что мы описали в кейсе,
значит, либо мы внесли все правки клиента после релиза,
либо клиент уже подключил к работе других разработчиков.