Где Слон?

Клиент

Где Слон? — партнерская сеть для eCommerce-трафика. Сеть предоставляет интернет-магазинам, туристическим и другим онлайн-сервисам возможность проводить рекламные кампании в интернете с оплатой за действие. Проект является подразделением KOKOC GROUP.

О проекте

Где Слон? — одна из старейших CPA сетей в России, и для нас большая честь делать дизайн для компании. По сути сайт — это «входная дверь» для доступа к сервисам, к обновленному интерфейсу. Кстати внутреннюю часть проекта также разрабатывали мы, как и новый логотип.

Первая версия дизайна была очень смелой. Наш лид-дизайнер Макс создал невероятно крутой сайт с трехмерными объектами, интересными метафорами, анимациями и при этом минималистичный. Кроме того для презентации мы подготовили интересную анимацию в Principle.

К сожалению, это было не то, что представлял клиент.

Мы занимаемся поддержкой e-commerce,
а не игрушки продаем. Давайте еще подумаем!

Еще клиенту хотелось увидеть, как сайт будет работать, а не просто проматываться в браузере. Хотелось понять, куда будут вести ссылки, структуру будущего проекта.

На сей раз мы стали искать вдохновение на сайтах стартапов, с их яркими плоскими иллюстрациями, привлекающими внимание.

Подобрали человекоподобные иллюстрации с простыми метафорами, подружили их с цветами нового логотипа и собрали новую главную страницу.

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

Завораживает, не правда ли?

Такой подход клиенту пришелся по вкусу, ведь кликать на кнопки и переходить по ссылкам своего будущего сайта значительно интереснее и понятнее, чем просто смотреть на статичные изображения. На прототипе мы проверили все свои UX гипотезы, а заказчик смог увидеть UI.

Версткой сайта клиент решил заниматься сам, поэтому мы подготовили для него UI кит, в основу которого лег Google Material Design.

Кроме основной светлой темы, мы также подготовили элементы для темного дизайна «на вырост». В UI ките описаны основные константы: типографика, цвета, формы ввода, реакции кнопок, иконографика, модальные окна и так далее.

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