Web-development

Новая Landing Page — Запчасти Caterpillar


Всё хочу написать статью про Landing Page (посадочная страница), да как-то руки не доходят. Нужно систематизировать всю информацию, которая накопилась, а пока буду презентовать свои начинания в этом направлении. Предыдущая Landing страница была предназначена для реферальной программы по возврату денег за покупки в американских Интернет-магазинах.

Между прочим, данная страница показала хорошую эффективность после ряда E-mail рассылок по базе наших пользователей. Многие, кто покупают самостоятельно в США, начали пользоваться. Саму страницу на сайте, можно посмотреть здесь. По точной конверсии сейчас не буду говорить, тем более её сложно посчитать, т.к. происходит всё на стороннем сервисе, а реклама используется нескольких видов.

Сегодня хочу презентовать еще новую страницу, которая обращена для покупок запчастей в США, в частности запчасти для Caterpillar (изображение ссылается на страницу в новой вкладке):

Хотите создавать такие страницы и даже лучше? Подписывайтесь на блог, вся механика и логика работы будет рассказана в следующих постах. А если у Вас во дворе стоит Caterpillar, то просто оформляйте заявку на странице, которая представлена выше.

О том, что это работает и люди переходят по нужным нам сценариям, говорит карта кликов:



Проектировка, дизайн и оживление Landing Page по возврату средств за покупки в США


У сервиса TORBAY.RU новая услуга по возврату денег за покупки в американских Интернет-магазинах.

Заключается она в том, что пользователи регистрируются по реферальной ссылке на американском сервисе Mr Rebates, который делает возвраты за покупки. Обналичивать эти деньги не представляется возможным, поэтому TORBAY помогает и отправляет средства покупателю на удобную ему платежную систему/счет, забирая свой небольшой процент и получая реферальные отчисления. Рассчитано на более опытных покупателей, которые покупают сами в тех или иных магазинах.

Для привлечения таких самостоятельных покупателей мной была разработана специальная Landing Page (см. полный размер):

Про Landing Page я так и не написал пост, но он обязательно будет, подписывайтесь на блог. Сразу скажу, что представленный выше вариант — это далеко не идеал, но он открывает некоторые интересные вещи, которые в теории должны работать. Посмотрим на практику.

Кстати, тема с возвратами реально работает, я завел совместный аккаунт с другом и у нас постоянно выплаты по совместным закупкам:



Решение для прайса номеров в мини-гостинице


Исходные значения

Есть мини гостиница за городом премиум класса с небольшим количеством номеров.

На сайте гостиницы есть раздел “номера”, где идут ссылки на дополнительную информацию, а также таблица с ценами:

Какие задачи?

— слишком много знаков, всё прочитать пользователю лень;

— слишком мрачные цвета, не вписываются в концепцию сайта;

— если пролистать вниз списка, то уже непонятно, какая колонка за что отвечает (на скрине выше таблица не вся);

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

Решение задач

В последнее время занимаюсь проектировкой различных таких решений, которые помогают решать подобные задачи. В данном случае решил еще и поиграть в дизайнера :) . Бывает, накатывает у меня. Вот что получилось:

Какие я вижу плюсы от этого макета?

— не надо читать длинные заголовки таблицы, всё понятно по иконкам;

— у каждого номера есть превьюшка, которая уже примерно даёт понять, что за номер;

— рядом с каждым номером есть ссылка, призывающая к действию “Узнать больше” (ведет на страницу номера с подробным описанием и фотками);

— рядом с каждым номером размещена ссылка “Забронировать”, что будет еще раз призывать пользователя к действию;

— выполнено в фирменных цветах и всё чистенько;

Что думаете? Справляется ли данное решение с поставленными задачами?

Кстати в ходе решения думал, заменить руб. на знак рубля, но так и не решился на это, при этом нашел интересную статью про знак рубля в HTML .



Составляем задание для дизайнера, используя GoMockingBird.com (Видеоподкаст)


Приветствую своих читателей. Опять давно не писал, поэтому сразу спешу обрадовать новым форматом моих постов — видеоподкастинг. Прошу сильно ногами не пинать, мой первый подкаст. Если есть какие-то пожелания (плохо изъясняюсь, спешу, непонятно что-то показываю — любая критика), то указывайте их в комментариях, буду рад их услышать, также как и советы по обработке видео в Camtasia Studio.

Собственно сам подкаст со своей темой назревал давно и будет продолжение:

Небольшая аннотация к видео

Многие заказчики пишут килотексты для того, чтобы объяснить каким они видят дизайн. Точно также поступают многие начинающие менеджеры. Зачем это делать? Зачем тратить своё время на постоянное написание комментариев и доработки макета? Нарисуйте эскиз, который будет ясным путеводителем для Вашего дизайнера и для Вас самих — удачи! Ссылка на сервис — http://gomockingbird.com

Сложность подкаста: новичок.



Список проектов, реализованных за 2011 год (только разработка)


Как я уже писал, последний год я работал в большей степени менеджером проектов, чем даже SEO’шником. Решил опубликовать проекты, которые были реализованы мной в уходящем году в новой роли для того, чтобы через год вернуться к этому списку и оценить, что в данных проектах не так и на сколько вырастет мой уровень. Итак, список в студию!

http://americanshops.com.ua/ — Сервис Доставки товаров из США в Украину

http://torbay.ru/ — Сервис Доставки товаров из США в страны СНГ (новая версия сайта)

http://kuzovok18.ru/ — Интернет-магазин Автозапчастей “КУЗОВОК 18”

http://izhblok.ru/ — Блоки из кремнегранита “КРЕМНЕГРАНИТ”



Яндекс Почта сменила дизайн главной страницы


Яндекс Почта поменяла дизайн главной страницы и лично мне он больше нравится, чем было ранее. Смотрим на странице — http://mail.yandex.ru/ . Зачем я про это пишу? Потому что думаю, что это очень неплохой вариант Landing Page. Здесь есть яркая кнопка-действие, есть чёткие аргументы, чем почта от Яндекса лучше, какие у неё есть фичи (скрин откроется в новом окне):

Как вам такой пример Landing Page?



Новый сайт TORBAY.RU — Давайте затестим!


Многие знают, что я активно параллельно от своей основной работы занимаюсь курированием проекта TORBAY.RU. Он не принадлежит мне, однако интересен во многих аспектах: я тренируюсь быть project-менеджером, руковожу его SEO составляющей, повышаю конверсию, занимаюсь аналитикой и т.д. Иначе говоря, затрагиваю много разных сторон данного проекта и взаимодействую со специалистами и операторами.

Буквально на прошлой неделе мы обновили сайт. У нас уже очень давно был готов новый дизайн, который я прототипировал, а дизайнер притворял в жизнь. Самая главная проблема была в том, чтобы пользователь понимал, что вообще делать на этом сайте? Потому что как я уже говорил ранее в своих постах, есть 2 группы людей: пользователи, которые активно покупают в США и те, кто попадает на сайт по нецелевым фразам и только впервые узнал о такой возможности.

Поэтому для первой группы мы сделали большую кнопку “Начать покупать” и внятные кнопки в меню в каталоги “eBay”, “Amazon” и “Интернет-магазины США”.

Для второй же группы мы предусмотрели небольшую последовательность шагов, что и как, а также логику работы в виде 2 слайдов в центре и массу ссылок на “помощь”, “Узнать больше”, “А зачем это вообще всё нужно?”. Сразу предупрежу, что Help сейчас в разработке…

Чтобы не лить воду, я покажу сайт — КАК БЫЛО и КАК СТАЛО: