- PVSM.RU - https://www.pvsm.ru -
В нашем проекте [2] мы постоянно меняем основной лендинг или создаем дополнительные лендинги для направлений нашего сервиса. Каждый раз стараемся найти лучший вариант представления нашего продукта. Но что менять, а что оставлять, не всегда понятно с первого взгляда. Поэтому мы перевели статью, в которой препарируются 20 лэндингов известных стартапов.
Это как собрать идеальную девушку из топ моделей или любимых актрис. Только про лэндинги.
Итак, запаситесь чашкой кофе, понеслась.
Главная страница или лендинг вашего стартапа — это, наверное, самая важная страница вашего сайта. Думайте о ней как о пустом холсте, на котором вы, как владелец бизнеса или веб дизайнер, можете зацепить вашего первого посетителя.
В первую очередь вашa главная страница должна объяснять о чем ваш продукт или сервис. И это еще не все — она должна делать гораздо больше:
И все это она должна делать в очень короткое время.
К сожалению, нет волшебной формулы с помощью которой можно сделать идеальную главную страницу. Но можно выделить определенный набор элементов, которые постоянно используются в большинстве стартапов на своих страницах, чтобы конвертировать первых посетителей в покупателей. Цель данного исследования — выявить определенный набор идей которые можно проверять на своих страницах.
Мы хотели проанализировать комбинацию старых и новых стартапов для определения элементов на их страницах, из которых можно будет увидеть какую-то модель/шаблон создания «идеальной» страницы. И так начнем с нескольких «топовых стартапов» и «наиболее успешных стартапов»:
Следующий шаг начинается с просмотра каждой главной страницы и элементов, используемых на этих страницах. Итак что мы нашли:
[3] |
ZenDeskСервис для поддержки клиентов от Zendesk. Элементы на странице: Фиксированный хедер, слоган + призыв к действию + скриншот, список функций, список клиентов, призыв к действию и футер. |
[4] |
BasecampBasecamp — это любимые всеми приложения для управления проектами. Элементы на странице: Хедер, Слоган (использующий социальные доказательства) + призыв к действию / соц. доказательства, скриншоты, FAQ, еще больше соц. доказательств, ссылки на дальнейшую информацию и футер. |
[5] |
BoostableПовысьте свою видимость в маркетплейсах с помощью рекламы с Boostable. Элементы на странице: Слоган + поле для емейла + призыв к действию, как это работает, демо, команда и инвестиционная информация, карьера и футер. |
[6] |
IntercomСервис по сбору информации о пользователях и коммуникации с клиентами. Элементы на странице: Фиксированный хедер, Слоган + поле для емейла + призыв к действию, сравнение функций, список клиентов, функции + скриншоты, отзывы и футер. |
[7] |
OptimizelyСервис для А/Б тестов, который вы действительно используете. Элементы на странице: Хедер, Слоган + поле для емейла + призыв к действию и футер |
[8] |
ContentlyContently дает возможность журналистам и брендам привлекать аудиторию более интересным содержанием. Элементы на странице: Хедер, слоган + список клиентов + призыв к действию, как это работает, список клиентов, соц. доказательство и футер |
[9] |
NextBigSoundАналитика и инсайты для музыкальной индустрии. Элементы на странице: Хедер, Слоган + поиск, главные функции, отчет, кейсы, отзывы и футер |
[10] |
CampaignMonitorПосылайте красивые емейлы рассылки с Campaign Monitor. Элементы на странице: Фиксированный хедер, слоган + призыв к действию, список клиентов, функции и футер. |
[11] |
KISSmetricsИнформация о клиентах и веб аналитика. Элементы на странице: Слоган + после для веб сайта + призыв к действию и футер. |
[12] |
BrowserStackПроверяйте свой сайт на поддержку кроссбраузерности на реальных браузерах. Элементы на странице: Хедер, Слоган + Видео + форма подписки, список клиентов, отзывы, функции и футер. |
[13] |
TrelloTrello следит за всем, от общей картины до маленьких деталей. Элементы на странице: Слоган + призыв к действию, функции + скриншоты, список клиентов, призыв к действию и футер. |
[14] |
NewRelicСлежение и управление за производительностью приложения. Элементы на странице: Хедер, слоган + призыв к действию, список клиентов, отзывы, функции + видео и футер. |
[15] |
MixPanelНаиболее продвинутая аналитическая платформа для мобильного и веб рынка. Элементы на странице: Хедер, Слоган + призыв к действию, список клинтов, кейсы, отзывы и футер. |
Wistia
Wistia предоставляет профессиональный видео Элементы на странице: Хедер, слоган, функции + видео, отзывы и футер. |
|
[17] |
RecurlyЭксперты по оплате подписок и повторяемым оплатам. Элементы на странице: Хедер, Слоган + призыв к действию, список клиентов, выгода + отзывы, функции и футер. |
GeckoboardИнформационные доски для бизнеса. Элементы на странице: Хедер, слоган + призыв к действию + видео на фоне, список клиентов, выгода, как это работает, отзывы и футер. |
|
[18] |
SqwiggleПО для совместной работы онлайн для удаленных и виртуальных команд. Элементы на странице: Хедер, слоган _ призыв к действию + скриншоты, проблемы, отзывы, выгода, отзывы, форма для регистрации и футер. |
[19] |
HootsuiteДоска для управления соц. медиа. Элементы на странице: Фиксированный хедер, слоган + призыв к действию, планы, функции, целевой рынок и футер. |
[20] |
UserVoiceПО для онлайн помощи и получение обратной связи от пользователей. Элементы на странице: Фиксированный хедер, слоган + призыв к действию, функции + скриншоты, кейсы, видео, список клиентов и футер. |
[21] |
PingdomПростой мониторинг производительности и времени готовности к работе. Элементы на странице: Фиксированный хедер, слоган + призыв к действию + скриншоты, список клиентов, отзывы, выгода, соц. доказательства, функции, планы и цены, клиенты и футер |
С помощью собранной информации давайте посмотрим как часто используются каждые конкретные элементы.
Вот несколько интересных статистических фактов об этих 20-ти стартапах:
100% - содержат слоган 75% - содержат описание после слогана
95% - содержат призыв к действию на первом экране 20% - содержат призыв к действию с полем ввода (емейл или веб сайт) перед ним
50% - содержат слово «бесплатно» в их призывах к действию
10% - содержат полную форму регистрации
5% - содержат информацию о ценах 20% - указывают выгоду от пользования их продуктом 65% - указывают список функций их продукта
Мультимедия
20% - содержат видео
35% - содержат скриншоты
Хедеры и футеры
85% - содержат хедер
30% - содержат фиксированный хедер, который остается на экране при прокручивании
100% - содержат футер
Социальные доказательства
80% - содержат какую-то форму соц. доказательств (список клиентов, отзывы или кейсы)
60% - содержат список клиентов
50% - содержат отзывы
15% - содержат кейсы
Что же эти цифры говорят нам?
Важно помнить, поскольку мы не имеем в нашем распоряжении конкретных коэффициентов конверсии, то мы не можем определить какие элементы работают лучше других (статистически). Однако, поскольку целью анализа было определить список идей для тестирования, то информации более чем достаточно.
Если вы собираетесь обновить свою главную страницу, тогда следующая часть статьи будет наиболее интересна для вас. Ниже мы покажем список идей которые вы можете попробовать.
Вашей странице необходим слоган. Думайте о нем как о способе рассказать вашим посетителям о вашем сервисе за 5 секунд. Надо чтобы он был коротким и внушительным. Он должен выделять выгоды от вашего сервиса в одном предложении.
Все стартапы содержали слоган — и 75% из них писали описание сразу под ним. Старайтесь использовать как можно более короткие фразы, произнесите их пару раз вслух. Представьте, что у вас есть 5 секунд чтобы объяснить о чем ваш продукт или сервис другу… чтобы вы сказали?
Тестируем идеи:
Вот несколько примеров от стартапов:
[28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41]
Почти все стартапы (95%) содержали призыва к действию на первом экране. Текст в этом призыве может серьезно повлиять на количество посетителей кликнувших на него, это точно стоит тестировать. Половина стартапов использовали слово «бесплатно» в своих призывах, несмотря на то, что у них у всех существуют платные подписки.
Так же исследование показало, что 20% стартапов помещали поле для емейла или сайта перед призывом к действию. Это создавало впечатление у посетителей, что они уже потратили определенное время на регистрацию и готовы работать с сервисом, при этом еще не начав регистрироваться.
Тестируем идеи:
Вот несколько примеров от стартапов:
[42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60]
Неудивительно, что большинство страниц (80%) использовали какую-либо форму социальных доказательств. Они работают, потому что посетителям нужно чувствовать, что вашим продуктом/ сервисом пользуются и он настоящий.
Три основных формы социальных доказательств:
Даже если ваш стартап только начал свою работу, не так уж сложно получить отзывы от друзей, которые попробовали использовать ваш продукт. И со временем вы замените менее популярных клиентов, отзыв и кейсы на более впечатляющие имена.
Тестируем идеи:
Вот несколько примеров от стартапов:
[62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77]
Хотя 60% стартапов показали список своих функций, 20% из них посвятили целую секцию выгодам от их продукта. Пока ваш продукт не достиг такой популярности, что большинство людей уже знают как он работает, вам нужно объяснять что же ваш сервис делает.
Существует много различных путей объяснить о чем ваш продукт — вы можете показать скриншоты или видео. Или описать в текстовой форме как работает каждый элемент. Один из стартапов разместил отзыв после каждой функции — это отличный способ показать выгоды словами пользователей.
Тестируем идеи:
Вот несколько примеров от стартапов:
[78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92]
Вы точно найдете определенное количество посетителей, которые не будут удовлетворены информацией на главной странице. Эти пользователи захотят найти как можно больше информации о вашем продукте перед тем, как начать думать о его использовании. Именно поэтому вам нужно убедиться, что посетители легко могут попасть на другие части вашего сайта с главной страницы.
Некоторые стартапы делали это, добавляя второй призыв к действию, ведущий на подробное описание продукта, на страницу FAQ или добавляли полезные ссылки в футер. Убедитесь, что вашим посетителям есть куда идти дальше, если вы не хотите отправлять их на регистрацию.
Тестируем идеи:
Вот несколько примеров от стартапов:
[93] [94] [95] [96] [97] [98] [99] [100] [101]
Благодаря анализу сайтов можно подчеркнуть 17 идей которые стоит попробовать на вашей странице. Важно помнить, что идея которая работает на одном сайте может не подходить к вашему. Подробное А/Б тестирование необходимо для проверки, как влияет тот или иной элемент на конверсию. И помните: иногда удаление контента с вашей страницы может оказаться самым эффективным решением. И так финальный список:
Список выше должен дать вам несколько идей, что попробовать на вашем сайте, чтобы на ваш сервис подписалось еще больше людей. Но перед началом каких-либо изменений проанализируйте ваш текущий сайт, чтобы знать с чем сравнивать ваши успехи.
Автор: dmitry_iv
Источник [102]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/yuzabiliti/72010
Ссылки в тексте:
[1] Image: http://habrastorage.org/getpro/habr/post_images/cfa/6af/8bd/cfa6af8bd739a11ff16a2cf7da27caf9.jpg
[2] нашем проекте: http://carrotquest.ru/
[3] Image: http://habrastorage.org/getpro/habr/post_images/ecf/ccc/278/ecfccc278103a8d7c6993847d86b3c55.png
[4] Image: http://habrastorage.org/getpro/habr/post_images/ac3/c87/1f5/ac3c871f5eda2fa2f48a891616cfd25b.png
[5] Image: http://habrastorage.org/getpro/habr/post_images/191/d63/84a/191d6384ad4055122aaeb91d073f7e76.png
[6] Image: http://habrastorage.org/getpro/habr/post_images/6a8/80b/2b6/6a880b2b65b2f7b5e9b886b5183128b4.png
[7] Image: http://habrastorage.org/getpro/habr/post_images/4e6/7ca/866/4e67ca866130142b29517c571ab0a211.png
[8] Image: http://habrastorage.org/getpro/habr/post_images/19f/615/d4f/19f615d4facdbe95c7f20da90294768b.png
[9] Image: http://habrastorage.org/getpro/habr/post_images/12d/005/7b7/12d0057b7c92e1572f6650a08ed5c72b.png
[10] Image: http://habrastorage.org/getpro/habr/post_images/073/6be/c16/0736bec161c00fd998f2969abb53f01f.png
[11] Image: http://habrastorage.org/getpro/habr/post_images/848/256/be1/848256be10b037d9bbda82cfee1c814d.png
[12] Image: http://habrastorage.org/getpro/habr/post_images/30d/05c/8a6/30d05c8a6bc02f9b52a01333c05cc1f6.png
[13] Image: http://habrastorage.org/getpro/habr/post_images/5ab/980/2de/5ab9802de51892a43b5d33a133822ba9.png
[14] Image: http://habrastorage.org/getpro/habr/post_images/07f/41a/521/07f41a5219cfbc8a875c8f858a9046a3.png
[15] Image: http://habrastorage.org/getpro/habr/post_images/c57/9cb/ac1/c579cbac18b6b640babf3cec11dad20d.png
[16] хостинг: https://www.reg.ru/?rlink=reflink-717
[17] Image: http://habrastorage.org/getpro/habr/post_images/01a/f81/6da/01af816dae1bbafce52c9c92fb4d6ffe.png
[18] Image: http://habrastorage.org/getpro/habr/post_images/628/2cd/97e/6282cd97ed7c2fc5818456922242111e.png
[19] Image: http://habrastorage.org/getpro/habr/post_images/428/b20/ee9/428b20ee9ce44773a0584d4d2984464e.png
[20] Image: http://habrastorage.org/getpro/habr/post_images/7c4/8b5/eb6/7c48b5eb6a7fb92c1aa6eb697d139a0f.png
[21] Image: http://habrastorage.org/getpro/habr/post_images/da9/e89/127/da9e891273c4d975f69ab25f43d975c5.png
[22] Image: http://habrastorage.org/getpro/habr/post_images/9e5/7a9/97b/9e57a997b8cb4469b345711778396698.png
[23] Image: http://habrastorage.org/getpro/habr/post_images/85c/9be/25f/85c9be25f223c8b242f354216875e840.png
[24] Image: http://habrastorage.org/getpro/habr/post_images/e79/f0c/0b5/e79f0c0b5ac4322b297740341c1249f1.png
[25] Image: http://habrastorage.org/getpro/habr/post_images/1cf/0e7/e5f/1cf0e7e5fb21127c81239b1fdeeca049.png
[26] Image: http://habrastorage.org/getpro/habr/post_images/3a1/f1b/cee/3a1f1bceeafd2a0d0af27079d246d608.png
[27] Image: http://habrastorage.org/getpro/habr/post_images/10f/1ae/0c9/10f1ae0c9888ed0d156f13c2ba49fe1e.png
[28] Image: http://habrastorage.org/getpro/habr/post_images/332/d82/7ad/332d827adb5c329225e11bcb39ca71c1.png
[29] Image: http://habrastorage.org/getpro/habr/post_images/c71/de4/f2a/c71de4f2ae65257eeb1f9f7f2ed51de0.png
[30] Image: http://habrastorage.org/getpro/habr/post_images/36c/ef3/bd0/36cef3bd0c777df82f1050e20a7a7771.png
[31] Image: http://habrastorage.org/getpro/habr/post_images/c89/1e5/547/c891e5547ce11eb7ebef3212b114eaac.png
[32] Image: http://habrastorage.org/getpro/habr/post_images/102/716/799/102716799e71a42f7888f7abd5a87bfa.png
[33] Image: http://habrastorage.org/getpro/habr/post_images/a1f/a80/4dc/a1fa804dc97d79a7a2a3468adc0af582.png
[34] Image: http://habrastorage.org/getpro/habr/post_images/60d/719/828/60d7198287476d2b1788b062b0eac97a.png
[35] Image: http://habrastorage.org/getpro/habr/post_images/f9e/6ec/1f3/f9e6ec1f30dfd61bd57fa49808767624.png
[36] Image: http://habrastorage.org/getpro/habr/post_images/2a8/2fc/b5f/2a82fcb5f06c74b5efd4ad91a39f68c2.png
[37] Image: http://habrastorage.org/getpro/habr/post_images/b77/83a/002/b7783a00206a559c8eabe6b435e237ef.png
[38] Image: http://habrastorage.org/getpro/habr/post_images/e68/1de/a48/e681dea4810426827f2c6e37438572ca.png
[39] Image: http://habrastorage.org/getpro/habr/post_images/04b/d60/9c4/04bd609c424c68cd2f0816177ffd4043.png
[40] Image: http://habrastorage.org/getpro/habr/post_images/d09/f50/d28/d09f50d28cae19ba5cc10c16ac348b35.png
[41] Image: http://habrastorage.org/getpro/habr/post_images/156/381/923/156381923a72d980230729b074081980.png
[42] Image: http://habrastorage.org/getpro/habr/post_images/dca/40d/fc0/dca40dfc0da29760c6818026dc4376a4.png
[43] Image: http://habrastorage.org/getpro/habr/post_images/f4e/d25/d08/f4ed25d080185a746977454cc3292027.png
[44] Image: http://habrastorage.org/getpro/habr/post_images/959/9cb/47b/9599cb47b25e2b97236533064d3a9fd7.png
[45] Image: http://habrastorage.org/getpro/habr/post_images/616/29e/db9/61629edb9d0b007f98ca58e0a7c18b7e.png
[46] Image: http://habrastorage.org/getpro/habr/post_images/4d3/ee5/a5a/4d3ee5a5a28627e77f027e1f693d29f0.png
[47] Image: http://habrastorage.org/getpro/habr/post_images/b6c/8ba/8eb/b6c8ba8ebdc91b9de74bdf0537c4be57.png
[48] Image: http://habrastorage.org/getpro/habr/post_images/319/0fe/d30/3190fed3027e2a30bcdc17e95cdcc780.png
[49] Image: http://habrastorage.org/getpro/habr/post_images/781/e85/03c/781e8503c5559732c7da4d1b1bcb7f96.png
[50] Image: http://habrastorage.org/getpro/habr/post_images/240/5c1/142/2405c11423f4616e343cd974588113d9.png
[51] Image: http://habrastorage.org/getpro/habr/post_images/bbf/360/ca6/bbf360ca691a64e9723a899e376995ae.png
[52] Image: http://habrastorage.org/getpro/habr/post_images/250/17e/9f8/25017e9f89c7d4ee1dfd33fb5d1abedc.png
[53] Image: http://habrastorage.org/getpro/habr/post_images/5f4/dae/316/5f4dae3165df0503e1f77d66fd83d461.png
[54] Image: http://habrastorage.org/getpro/habr/post_images/3ac/de4/035/3acde4035d478fdec02a65352ca26d31.png
[55] Image: http://habrastorage.org/getpro/habr/post_images/6a0/06c/30d/6a006c30d8068e80b8e1bb0d96de29f1.png
[56] Image: http://habrastorage.org/getpro/habr/post_images/d1e/34d/6f1/d1e34d6f1bdc7d73dcd09fb880996cb6.png
[57] Image: http://habrastorage.org/getpro/habr/post_images/2b1/8ef/891/2b18ef891fb8399c7ce615e28e7a2319.png
[58] Image: http://habrastorage.org/getpro/habr/post_images/232/2dd/f72/2322ddf72605c9975a3ac43183411b17.png
[59] Image: http://habrastorage.org/getpro/habr/post_images/511/fc0/8d1/511fc08d17c6cea38e707639ebc8b829.png
[60] Image: http://habrastorage.org/getpro/habr/post_images/ccf/0ea/1f9/ccf0ea1f9b7ddbc1eb8d04df9e6a93af.png
[61] www.userstats.com: http://www.userstats.com
[62] Image: http://habrastorage.org/getpro/habr/post_images/b93/77e/474/b9377e474a9e32b14b05f1d7a8f126a0.png
[63] Image: http://habrastorage.org/getpro/habr/post_images/66b/5fb/1dc/66b5fb1dcc022ffa58fbb325fa4bdbc0.png
[64] Image: http://habrastorage.org/getpro/habr/post_images/76e/97a/5c9/76e97a5c92d40e35816ae59a62c026bf.png
[65] Image: http://habrastorage.org/getpro/habr/post_images/807/8af/a5f/8078afa5fc99904b5c01fc4e3e09dd86.png
[66] Image: http://habrastorage.org/getpro/habr/post_images/758/02b/f85/75802bf8548ab0a0fd239cdbce9d0a30.png
[67] Image: http://habrastorage.org/getpro/habr/post_images/afc/04d/d02/afc04dd02eceebb1cf18c5398a8acafc.png
[68] Image: http://habrastorage.org/getpro/habr/post_images/8e0/bab/4a1/8e0bab4a18a94b9aaee937ff24a6735f.png
[69] Image: http://habrastorage.org/getpro/habr/post_images/375/5d7/ffc/3755d7ffc63dd14f24f08f87c73a6166.png
[70] Image: http://habrastorage.org/getpro/habr/post_images/584/a1c/4b1/584a1c4b1df70e4174c95a1c287c46e0.png
[71] Image: http://habrastorage.org/getpro/habr/post_images/bec/83f/99e/bec83f99e531be9c18ce9b383fe5aac3.png
[72] Image: http://habrastorage.org/getpro/habr/post_images/5cc/584/c0b/5cc584c0bd426b328944693ef42e6ac9.png
[73] Image: http://habrastorage.org/getpro/habr/post_images/4ac/927/b02/4ac927b024b80873c509020feab63a0f.png
[74] Image: http://habrastorage.org/getpro/habr/post_images/064/0ff/598/0640ff598896b187b48e92434f3af5ab.png
[75] Image: http://habrastorage.org/getpro/habr/post_images/383/2ae/390/3832ae390249da03dc259f20d19d8c6c.png
[76] Image: http://habrastorage.org/getpro/habr/post_images/acc/6fc/017/acc6fc01753e24ef4db746201df74d9e.png
[77] Image: http://habrastorage.org/getpro/habr/post_images/5c0/89d/f46/5c089df468670f788d82c54a28a38b25.png
[78] Image: http://habrastorage.org/getpro/habr/post_images/6a5/837/873/6a58378738dc32ec5ea07d85dc1420b7.png
[79] Image: http://habrastorage.org/getpro/habr/post_images/94c/530/24f/94c53024fc3eb83c8d21aeffa0e2a4e4.png
[80] Image: http://habrastorage.org/getpro/habr/post_images/c09/20c/774/c0920c774116515c0e547096bb45f625.png
[81] Image: http://habrastorage.org/getpro/habr/post_images/032/454/416/032454416f8775fb3e87cef9aa9301cf.png
[82] Image: http://habrastorage.org/getpro/habr/post_images/711/e13/5de/711e135de771fa380a1b761759ccdc14.png
[83] Image: http://habrastorage.org/getpro/habr/post_images/38c/ba8/c95/38cba8c95584ca6b55f02e34b469f91c.png
[84] Image: http://habrastorage.org/getpro/habr/post_images/edc/edf/8a4/edcedf8a4b4432a614e4b1c5dcb4a450.png
[85] Image: http://habrastorage.org/getpro/habr/post_images/833/036/cfe/833036cfe60dda5c57cc67cc69906694.png
[86] Image: http://habrastorage.org/getpro/habr/post_images/a09/732/506/a0973250691e43b5127da229c56eef47.png
[87] Image: http://habrastorage.org/getpro/habr/post_images/130/bae/6d1/130bae6d1a1adb9b3090a3a2b0754719.png
[88] Image: http://habrastorage.org/getpro/habr/post_images/ba5/1d5/51d/ba51d551d3ca8fac5920c8d6a01805ee.png
[89] Image: http://habrastorage.org/getpro/habr/post_images/0f1/b30/e29/0f1b30e29d78bf792db4753371d3e10f.png
[90] Image: http://habrastorage.org/getpro/habr/post_images/754/cf7/8ef/754cf78ef64986b59a9539225dac7f96.png
[91] Image: http://habrastorage.org/getpro/habr/post_images/be1/bbb/330/be1bbb330ec1e3b1fbf583dc68c1f83d.png
[92] Image: http://habrastorage.org/getpro/habr/post_images/97f/26d/d5e/97f26dd5e16d4bc6980cd9f0e9ae0c80.png
[93] Image: http://habrastorage.org/getpro/habr/post_images/58c/ea5/fb7/58cea5fb703331d0e6107af903c0fb87.png
[94] Image: http://habrastorage.org/getpro/habr/post_images/6b6/70d/743/6b670d7436806e2fea8faaa57db0ccb3.png
[95] Image: http://habrastorage.org/getpro/habr/post_images/db7/dbd/d4c/db7dbdd4c07709a90408e3a141f973d3.png
[96] Image: http://habrastorage.org/getpro/habr/post_images/c3e/8d5/c0f/c3e8d5c0f3d4f62e112a1b53f986022d.png
[97] Image: http://habrastorage.org/getpro/habr/post_images/f80/b90/fad/f80b90fadfd63ee10ef3ca096d82a9bc.png
[98] Image: http://habrastorage.org/getpro/habr/post_images/d94/1bb/58b/d941bb58bb7d840cbd6eb1185e185591.png
[99] Image: http://habrastorage.org/getpro/habr/post_images/27a/596/a72/27a596a7244d996b418e82c37d9f24b8.png
[100] Image: http://habrastorage.org/getpro/habr/post_images/d38/70a/9de/d3870a9de6d64bab319a6e9f832bc837.png
[101] Image: http://habrastorage.org/getpro/habr/post_images/2a7/e4a/285/2a7e4a28552128cd29a73b3e86bb1f81.png
[102] Источник: http://habrahabr.ru/post/240719/
Нажмите здесь для печати.