http://tsokolovskaya.ru/blog/tags/epson/ Раскрываю процессы, конспектирую книги, пишу советы. en Aegea 11.3 (v4134e) mail@tsokolovskaya.ru Раскрываю процессы, конспектирую книги, пишу советы. no 25 http://tsokolovskaya.ru/blog/all/epson-process/ Tue, 11 Oct 2016 19:15:24 +0100 http://tsokolovskaya.ru/blog/all/epson-process/ <blockquote> <p><b><i>Задача</i></b><br /> <i>Рассказать потенциальным партнерам о программе авторизации.</i><br /> <i><a href="http://partners.epson.ru">partners.epson.ru</a></i></p> </blockquote> <p>Компания Epson — японский производитель техники, мировой лидер по проекционному оборудованию и печатной технике. Для московского представительства компании мы с командой клиента сделали сайт с рассказом о партнерской программе.</p> <h2>О процессе</h2> <p>Любой дизайн начинается с понимания задачи. Чтобы понять проблему и возможное решение, я задаю клиентам вопросы об их бизнесе. Поэтому процесс работы над сайтом Эпсон для партнеров начался с разговора с менеджером, в котором я узнала много нового.</p> <p>Обычно производители техники либо торгуют напрямую через свои филиалы и интернет-магазины, либо через партнерские сети. Эпсон работает по второй схеме.</p> <p>Компания создала для партнеров Партнерскую зону — закрытый сайт со специальными программами и медиаматериалами. Проблема была в том, что на сайтах Эпсон не было информации о партнерской программе. Заинтересованным компаниям приходилось сначала искать контактную информацию, а затем писать менеджерам. Менеджерам, в свою очередь, приходилось подробно рассказывать каждому о процедуре авторизации.</p> <p>Таким образом мы с менеджером сформировали миссию проекта: «помочь потенциальным партнерам узнать о программе авторизации Эпсон и принять решение о присоединении». Для этого решили сделать одностраничный сайт с поэтапным рассказом.</p> <h3>Вникаю в детали</h3> <p>Изучаю презентации и документацию, чтобы понять в процесс:</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/epson-process-1.jpg" width="1561" height="1211" alt="" /> <div class="e2-text-caption">Изучаю презентации, таблицы и документы по программе авторизации Эпсон</div> </div> <p>Информации много, но у меня есть преимущество: так как с условиями партнерской программы я ранее не сталкивалась, это позволило посмотреть на неё глазами новичка.</p> <h3>Составляю структуру</h3> <p>Структурирую всё изученное в последовательное изложение:</p> <ol start="1"> <li>Программа авторизации — что это такое</li> <li>Зачем нужна авторизация</li> <li>Преимущества партнеров</li> <li>Как стать партнером</li> <li>С кем связаться</li> </ol> <h3>Приступаю к работе</h3> <p>Собираю первый «этаж». Категории авторизации, по которым компании становятся партнерами, показываю наглядно в виде фотографий устройств этой категории. Здесь же решаю добавить социальное доказательство в виде фактоида: 500 компаний уже стали партнерами Epson.</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/epson-process-2.jpg" width="1358" height="971" alt="" /> <div class="e2-text-caption">Первый «этаж» сайта рассказывает о программе и категориях авторизации</div> </div> <p>Дальше отвечаю на вопрос «Зачем нужна авторизация» и рассказываю о преимуществах партнера.</p> <p>Сначала думаю проиллюстрировать каждый пункт иконками, как на модных лэндингах, но потом понимаю: становление партнером должно быть взвешенным решением, основанным на фактах, а не эмоциях. Поэтому пишем честно и без мишуры.</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/epson-process-3.jpg" width="1351" height="894" alt="" /> <div class="e2-text-caption">Преимущества партнера: всё только по делу</div> </div> <p>Далее самая важная часть: как же стать партнером. Здесь — ключевое полезное действие, поэтому выделяю этот блок цветным фоном.</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/epson-process-4.jpg" width="1270" height="595" alt="" /> <div class="e2-text-caption">Как стать партнером и критерии отбора</div> </div> <p>Дальше — контактная информация региональных менеджеров. Обычно в презентациях и на сайтах компании эту информацию показывают длинным списком или таблицей.</p> <p>Изучаю, смотрю что можно улучшить:</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/epson-process-5.jpg" width="1510" height="1022" alt="" /> <div class="e2-text-caption">Обычный способ представления контактной информации, который использовался на сайтах и в презентации</div> </div> <p>Имя, должность и регион менеджера условно назовём карточкой контакта. Замечаю, что в карточках много словесных повторов:</p> <p><i>«<b>Соколов Василий</b> (менеджер по работе с партнерами) — работа с дилерами, корпоративными партнерами и заказчиками Санкт-Петербурга, а также Мурманской, Архангельской, Вологодской и Новгородской областей, и Республики Карелия.»</i></p> <p><i>«<b>Петров Иван</b> (менеджер по работе с партнерами) — работа с дилерами, корпоративными партнерами и заказчиками Центрального ФО — Белгородская, Брянская, Воронежская, Калужская, Курская, Липецкая, Орловская, Рязанская, Тамбовская и Тульская области.»</i></p> <p>Сначала убираю должности, потому что слово «менеджер» сказано в заголовке, а то что они работают с партнерами ясно из контекста.</p> <p>↓</p> <p><i>«<b>Соколов Василий</b> — работа с дилерами, корпоративными партнерами и заказчиками Санкт-Петербурга, а также Мурманской, Архангельской, Вологодской и Новгородской областей, и Республики Карелия.»</i></p> <p><i>«<b>Петров Иван</b> — работа с дилерами, корпоративными партнерами и заказчиками Центрального ФО — Белгородская, Брянская, Воронежская, Калужская, Курская, Липецкая, Орловская, Рязанская, Тамбовская и Тульская области.»</i></p> <p>Затем убираю повторяющуюся фразу «работа с дилерами, корпоративными партнерами и заказчиками», потому что это очевидная сущность. Заодно меняю имя и фамилию местами, потому что в русском языке принято обращаться по имени.</p> <p>↓</p> <p><i>«<b>Василий Соколов</b> — Санкт-Петербург, Мурманская, Архангельская, Вологодская и Новгородская области, Республика Карелия.»</i></p> <p><i>«<b>Иван Петров</b> — Белгородская, Брянская, Воронежская, Калужская, Курская, Липецкая, Орловская, Рязанская, Тамбовская и Тульская области.»</i></p> <p>Стало в два раза компактнее и информативнее.</p> <p>Из дальнейшего общения с представителем компании я узнала, что партнерская сеть Эпсон получила такой успех во многом благодаря как раз региональным менеджерам — они оперативно и квалифицировано помогают партнерам в любых ситуациях и вместе продумывают пути развития бизнеса.</p> <p>На основе полученных знаний решаю сделать контактную информацию всех менеджеров с фотографиями — показать компанию лицом в буквальном смысле.</p> <p>Действующим партнерам проще ориентироваться по списку с фотографиями, потому что они знают своих менеджеров в лицо, а для потенциальных партнеров это способ повысить доверие.</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/epson-process-6.jpg" width="1448" height="1076" alt="" /> <div class="e2-text-caption">Региональные менеджеры. При наведении курсора фотографии становятся цветными</div> </div> <p>Готовлю презентацию и показываю всё клиенту. Клиент принял работу.</p> <p>Верстаем сайт, адаптируем под все разрешения экранов, тестируем и запускаем. Готово!</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/epson-process-7.jpg" width="2319" height="1076" alt="" /> <div class="e2-text-caption">Результат работы</div> </div> <hr /> <p><b>Участники проекта</b></p> <table cellpadding="0" cellspacing="0" border="0" class="e2-text-table"> <tr> <td>Дизайнер<br/>Таня Соколовская</td> <td>Дизайнер и верстальщик<br/><a href="http://dsokolovskiy.ru">Даниил Соколовский</a></td> <td>Разработчик<br/>команда со стороны клиента</td> </tr> </table>