Я написал ТЗ в гугл докс – оно более читабельное чем тут – так что вот ссылка:
Изначально необходимо немного изучить сам сервис – Bouncehelp.com. (сервис обратного звонка).
ФРОНТЕНД: Нужно зайти на сайт – посмотреть видео и потыкать на кнопки:
(click to see the demo) + так же посмотреть как это выглядит на мобильном (можно сэмулировать в google chrome – developer tools и выбрать iphone 6).
Так же вот несколько примеров как выглядит на сайтах клиентов:
БЕКЕНД: залогиниться в bouncehelp.com – ux@bouncehelp.com 123123 – и посмотреть на весь внутренний функционал.
Задача номер 1:
ДОРАБОТАТЬ Кастомизацию EXIT MONITOR
Вводные данные: На третьем шаге в настройках сайта (можно создавать много разных сайтов для теста) – есть кнопка кастомизации каждого виджета. Сейчас мы говорим только о Exit Popup App.
Exit popup – вылетает когда мы уходим с сайта и состоит обычно из 2х шагов: 1ый предложение или вопрос с ответами ДА или НЕТ, второй шаг – это Call to action – сделай что-то – введи телефон и нажми на кнопку.
PSD со всеми шагами по слоям –
Текущие задачи по кастомайзеру:
Необходимо улучшить UI и UX для редактирования виджета
Необходимо предложить наиболее простое и элегантное решение редактирования
Чтобы было видна возможность загрузки background картинки
Необходима возможность редактирования размера шрифтов или просто ползунки размера фразы
Необходимо внедрить возможность редактирования второго шага (тут только редактирование текста, размер текста, текст кнопки)
Необходимо сделать так чтобы можно было легко и просто редактировать и слепить разные картинки типа тех которые мы делали для разных клиентов:
Дополнительная задача: так же необходимо продумать и нарисовать дополнительные настройки этого виджета:
Частота показа: Только первый раз, Раз в месяц, Раз в день, Каждый раз
Можете посмотреть как работает кастомизация в Perezvoni.com или optimonk.com или еще каких-нибудь сервисах.
Задача номер 2: Разработать Кастомизацию Contact Button
Описание задачи: Сейчас можно только залить лого и то убого и неудобно.
Задачи:
Необходимо сделать настройки самой кнопки (круглой)
Позиция – где она находится по оси X размер от правого края – там небольшой люфт и по вертикали – там больше гораздо. Либо же предложить варианты просто – Низ – Четверть – Половина – Четверь сверху – Вверх.
Цвет – выбор цвета (нужно дать несколько вариантов) – picker не нужен
Необходимо сделать возможность редактирования текста на шагах:
Есть шаг 1: когда первый раз открываем и тебя зазывает сделать звонок (a24hour.biz – они всегда открыты)
Есть шаг 2: After hours: когда открывается штука и говорится что мы уже не работаем но закажи звонок –
Задача номер 3: Разработать Кастомизацию Mobile Connect
Тут все просто – возможность менять цвет и размер (предложить несколько вариантов – главное чтобы их всех было хорошо видно и там был call to action)
Задача номер 4: Exit Monitor – второй шаг – внедрить возможность Choose time to call – выбора времени для звонка