Проектирование фронта для стартапа в области affiliate marketing

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

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

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

Немного о процессе работы

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

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

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

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

Affiliate marketing wireframes проектирование сайта