<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0"
  xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
  xmlns:atom="http://www.w3.org/2005/Atom">

<channel>

<title>Блог Антона Кима: заметки с тегом инстаграм</title>
<link>https://antonkim.ru/blog/tags/instagram/</link>
<description>Чему жизнь меня научила</description>
<author>Антон Ким</author>
<language>ru</language>
<generator>E2 (v3849; Aegea)</generator>

<itunes:owner>
<itunes:name>Антон Ким</itunes:name>
<itunes:email></itunes:email>
</itunes:owner>
<itunes:subtitle>Чему жизнь меня научила</itunes:subtitle>
<itunes:image href="" />
<itunes:explicit></itunes:explicit>

<item>
<title>Кейс: как использовать UTM-метки в инстаграме</title>
<guid isPermaLink="false">129</guid>
<link>https://antonkim.ru/blog/all/utm-tags-on-instagram/</link>
<pubDate>Sat, 19 Sep 2020 18:04:11 +0000</pubDate>
<author>Антон Ким</author>
<comments>https://antonkim.ru/blog/all/utm-tags-on-instagram/</comments>
<description>
&lt;p class="foot"&gt;Из серии &lt;a href="https://antonkim.ru/blog/all/andbo" class="nu"&gt;«&lt;u&gt;Как я вышел из бизнеса&lt;/u&gt;»&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;UTM-метки — это такое «дополнение» к ссылкам, благодаря которому можно отследить источник трафика на сайте. Это позволяет оценить каналы продаж, эффективность рекламы и вот это всё.&lt;/p&gt;
&lt;p&gt;Выглядят они так:&lt;br /&gt;
&lt;tt&gt;&lt;a href="https://antonkim.ru?utm_source=blog&amp;utm_medium=note&amp;utm_campaign=hello"&gt;https://antonkim.ru?utm_source=blog&amp;utm_medium=note&amp;utm_campaign=hello&lt;/a&gt;&lt;/tt&gt;&lt;/p&gt;
&lt;p&gt;Если вы перейдёте по этой ссылке, то в аналитике я увижу, что вы перешли на главную страницу моего сайта именно по этой ссылке.&lt;/p&gt;
&lt;p&gt;Если коротко:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;utm_sourse&lt;/strong&gt; — откуда к вам придут. Например, вы запустили контекстную рекламу в Яндексе, пишем — &lt;tt&gt;yandex&lt;/tt&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;utm_medium&lt;/strong&gt; — каким способом к вам придут. Например, вы платите за каждый клик, пишем — &lt;tt&gt;ppc&lt;/tt&gt; (per pay click).&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;utm_campaign&lt;/strong&gt; — название кампании. Например, вы запустили рекламу для продажи стекловаты, пишем — &lt;tt&gt;steklovata&lt;/tt&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;На практике&lt;/h2&gt;
&lt;p&gt;У нас, в интернет-магазине, были ссылки на сайт — в профиле, в рекламных постах и сторисах. Например, ссылка на сайт в профиле выглядела так:&lt;br /&gt;
&lt;tt&gt;&lt;a href="https://andbo.uz/?utm_source=instagram&amp;utm_medium=profile&amp;utm_campaign=url"&gt;https://andbo.uz/?utm_source=instagram&amp;utm_medium=profile&amp;utm_campaign=url&lt;/a&gt;&lt;/tt&gt;&lt;/p&gt;
&lt;p&gt;Хочу акцентрировать внимание не на самой ссылке, а на её длине. Технически, такую ссылку можно использовать в профиле, но проблема в другом — это некрасиво:&lt;/p&gt;
&lt;div class="image-border" style="max-width: 840px;"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/utm-andbo.jpg" width="1680" height="1677" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Чтобы сделать красивее, есть два решения:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Простой способ: использовать сервис сокращения ссылок.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Сложный способ: использовать редиректы.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Простой способ&lt;/h2&gt;
&lt;p&gt;Он подразумевает, что вы регистрируетесь, например, в сервисе &lt;a href="https://bitly.com/"&gt;bitly.com&lt;/a&gt; и создаёте сокращённую ссылку:&lt;/p&gt;
&lt;p&gt;&lt;a href="http://bit.ly/testoviy-url"&gt;http://bit.ly/testoviy-url&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Это рабочий вариант: ссылка стала компактной, но содержимое осталось на месте.&lt;/p&gt;
&lt;p&gt;Минус такого подхода в том, что это ссылка стороннего ресурса, в ней нет названия вашего домена. Кроме этого, иногда, такие ссылки не внушают доверия.&lt;/p&gt;
&lt;p&gt;Более «серьёзный» вариант — использовать редиректы.&lt;/p&gt;
&lt;h2&gt;Сложный способ&lt;/h2&gt;
&lt;p&gt;Редирект — это перенаправление. Откуда угодно: с одного сайта на другой, с одной страницы на другую и так далее.&lt;/p&gt;
&lt;p&gt;Редирект можно прописать в файле &lt;tt&gt;.htaccess&lt;/tt&gt;, который находится в корне вашего сайта. Если его нет — нужно создать.&lt;/p&gt;
&lt;p&gt;Способ, которым я пользовался, выглядит так:&lt;/p&gt;
&lt;pre class="e2-text-code"&gt;&lt;code class=""&gt;Redirect 301 /i https://antonkim.ru?utm_source=instagram&amp;amp;utm_medium=profile&amp;amp;utm_campaign=test&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Это значит, что когда я перейду по ссылке &lt;tt&gt;antonkim.ru/i&lt;/tt&gt;, я попаду на страницу с UTM-метками. Миссия выполнена. Посмотрите сами:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://antonkim.ru/i"&gt;https://antonkim.ru/i&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Вместо &lt;tt&gt;/i&lt;/tt&gt; можно подставить всё, что угодно. Например, &lt;tt&gt;/instagram&lt;/tt&gt;.&lt;/p&gt;
&lt;p&gt;Такие редиректы можно применять не только для главной страницы, а вообще для всего. Например, в рекламных постах:&lt;/p&gt;
&lt;p&gt;&lt;tt&gt;vash-site.ru/i/kak-ya-delal-utm-metki&lt;/tt&gt;&lt;/p&gt;
&lt;p&gt;↓&lt;/p&gt;
&lt;p&gt;&lt;tt&gt;vash-site.ru/kak-ya-delal-utm-metki?utm_source=instagram&amp;utm_medium=post&amp;utm_campaign=privet&lt;/tt&gt;&lt;/p&gt;
&lt;h2&gt;В заключении&lt;/h2&gt;
&lt;p&gt;В Яндекс Метрике переходы по UTM-меткам можно посмотреть здесь:&lt;/p&gt;
&lt;p&gt;&lt;mark&gt;Отчёты → стандартные отчёты → источники → Метки UTM&lt;/mark&gt;&lt;/p&gt;
&lt;p&gt;Вариант с редиректами, возможно, не самый изящный, но лучше я не придумал. Если вы знаете, как сделать лучше, поделитесь в комментариях :—)&lt;/p&gt;
</description>
</item>

<item>
<title>Кейс: посты в инстаграме в стиле Тинькофф-журнала</title>
<guid isPermaLink="false">128</guid>
<link>https://antonkim.ru/blog/all/posts-in-the-style-of-tinkoff-journal/</link>
<pubDate>Fri, 18 Sep 2020 18:01:50 +0000</pubDate>
<author>Антон Ким</author>
<comments>https://antonkim.ru/blog/all/posts-in-the-style-of-tinkoff-journal/</comments>
<description>
&lt;p class="foot"&gt;Из серии &lt;a href="https://antonkim.ru/blog/all/andbo/" class="nu"&gt;«&lt;u&gt;Как я вышел из бизнеса&lt;/u&gt;»&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;У нас не было ни журнала, ни издания, ни корпоративного блога. Для этого не было ни времени, ни людей, ни бюджета. Однако, были часто задаваемые вопросы. Решил поэкспериментировать.&lt;/p&gt;
&lt;div style="max-width: 840px;"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1080" data-ratio="1"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/mi-band-1.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/mi-band-2.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/mi-band-3.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/mi-band-4.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/mi-band-5.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/mi-band-6.jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;1&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div style="max-width: 840px;"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1080" data-ratio="1"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/redmi-airdots-1.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/redmi-airdots-2.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/redmi-airdots-3.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/redmi-airdots-4.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/redmi-airdots-5.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/redmi-airdots-6.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/redmi-airdots-7.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/redmi-airdots-8.jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;2&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div style="max-width: 840px;"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1080" data-ratio="1"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/headphones-1.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/headphones-2.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/headphones-3.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/headphones-4.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/headphones-5.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/headphones-6.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/headphones-7.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/headphones-8.jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;3&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div style="max-width: 840px;"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1080" data-ratio="1"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/ip-1.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/ip-2.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/ip-3.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/ip-4.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/ip-5.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/ip-6.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/ip-7.jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;4&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div style="max-width: 840px;"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1080" data-ratio="1"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/wireless-1.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/wireless-2.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/wireless-3.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/wireless-4.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/wireless-5.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/wireless-6.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/wireless-7.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/wireless-8.jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;5&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div style="max-width: 840px;"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1080" data-ratio="1"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/power-banks-1.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/power-banks-2.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/power-banks-3.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/power-banks-4.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/power-banks-5.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/power-banks-6.jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;6&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2&gt;В заключении&lt;/h2&gt;
&lt;p&gt;Эти посты хорошо себя зарекомендовали, но их было мало, они были нерегулярными и не было возможности развивать это направление.&lt;/p&gt;
</description>
</item>

<item>
<title>Кейс: подборки товаров в инстаграме</title>
<guid isPermaLink="false">127</guid>
<link>https://antonkim.ru/blog/all/collections-of-goods-on-instagram/</link>
<pubDate>Fri, 18 Sep 2020 16:01:34 +0000</pubDate>
<author>Антон Ким</author>
<comments>https://antonkim.ru/blog/all/collections-of-goods-on-instagram/</comments>
<description>
&lt;p class="foot"&gt;Из серии &lt;a href="https://antonkim.ru/blog/all/andbo/" class="nu"&gt;«&lt;u&gt;Как я вышел из бизнеса&lt;/u&gt;»&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Для нас инстаграм был одним из основных каналов продаж и источников трафика на сайт. Когда интернет-магазин начал расти, а товаров становилось всё больше, нужно было решить, как с ним работать дальше.&lt;/p&gt;
&lt;p&gt;При поиске решения, я ориентировался на несколько вопросов:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Как не плодить бесконечное количество постов с товарами?&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Как при этом уместить большое количество товаров?&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Как выделяться на фоне других интернет-магазинов?&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Как сделать рекламу постов эффективнее?&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Как делать и красиво, и информативно?&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Как нашлось решение&lt;/h2&gt;
&lt;p&gt;Чтобы найти решение, я просмотрел десятки профилей интернет-магазинов. Ничего особенного. В итоге, меня вдохновил пост в Тинькофф-журнале:&lt;/p&gt;
&lt;blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/By-UZKDla0o/?utm_source=ig_embed&amp;amp;utm_campaign=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"&gt;&lt;div style="padding:16px;"&gt;&lt;p&gt;&lt;a href="https://www.instagram.com/p/By-UZKDla0o/?utm_source=ig_embed&amp;amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"&gt;&lt;/p&gt;
&lt;div style=" display: flex; flex-direction: row; align-items: center;"&gt;&lt;div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"&gt;&lt;/div&gt;&lt;div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"&gt;&lt;/div&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="padding: 19% 0;"&gt;&lt;/div&gt;&lt;div style="display:block; height:50px; margin:0 auto 12px; width:50px;"&gt;&lt;p&gt;&lt;svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"&gt;&lt;g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"&gt;&lt;g transform="translate(-511.000000, -20.000000)" fill="#000000"&gt;&lt;g&gt;&lt;path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-top: 8px;"&gt;&lt;div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"&gt;&lt;p&gt;View this post on Instagram&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div style="padding: 12.5% 0;"&gt;&lt;/div&gt;&lt;div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"&gt;&lt;div&gt;&lt;div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"&gt;&lt;/div&gt;&lt;div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"&gt;&lt;/div&gt;&lt;div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="margin-left: 8px;"&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"&gt;&lt;/div&gt;&lt;div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="margin-left: auto;"&gt;&lt;div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"&gt;&lt;/div&gt;&lt;div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"&gt;&lt;/div&gt;&lt;div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"&gt;&lt;/div&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"&gt;&lt;a href="https://www.instagram.com/p/By-UZKDla0o/?utm_source=ig_embed&amp;amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank"&gt;A post shared by Т—Ж (@tinkoffjournal)&lt;/a&gt; on &lt;time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2019-06-21T13:37:04+00:00"&gt;Jun 21, 2019 at 6:37am PDT&lt;/time&gt;&lt;/p&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;script async src="//www.instagram.com/embed.js"&gt;&lt;/script&gt;
&lt;p&gt;Если разобрать пост на составные части, вот что получится:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;В один пост уместилось семь товаров. Это значит, что можно и девять.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;У товара есть всё необходимое: заголовок, описание, изображение и стоимость.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Есть журнального вида обложка, которая привлекает внимание и «объединяет» товары из одной категории.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Описания товаров разместились в галерее. Это даёт большую свободу.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Как делались подборки&lt;/h2&gt;
&lt;p&gt;Подборка состояла из обложки и карточек товаров. Всё делалось в Фотошопе.&lt;/p&gt;
&lt;p&gt;Например, вот так выглядел первый законченный шаблон карточки товара:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/photoshop-1.jpg" width="1814" height="1040" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Первые подборки были в формате 4:5, 1080х1350. Он хорош тем, что в карточку товара вмещается и информация, и большое изображение.&lt;/p&gt;
&lt;p&gt;Вот так выглядела первая опубликованная подборка:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1680" data-ratio="0.9982174688057"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-cover.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-1.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-2.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-3.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-4.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-5.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-6.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-7.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-8.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-9.jpg" width="1680" height="1683" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;К слову, я до сих пор не восторге от этой обложки&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Товары в подборках были пронумерованы не просто так. &lt;nobr&gt;Во-первых&lt;/nobr&gt;, чтобы было легче ориентироваться. &lt;nobr&gt;Во-вторых&lt;/nobr&gt;, чтобы привязывать стоимость.&lt;/p&gt;
&lt;p&gt;Я осознанно не добавлял стоимость в карточку товара. Цена или наличие товара часто менялись, и пост становился бы неактуальным. Хотелось гибкости, поэтому всё было в описании:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/bq-description.jpg" width="1680" height="1683" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Удивительно было то, что мы были одни из немногих, кто добавлял цены на товары.&lt;/p&gt;
&lt;p&gt;Чтобы прийти к такому варианту подборки, потребовалось время:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/versions.jpg" width="1736" height="850" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;Эволюция подборок&lt;/h2&gt;
&lt;p&gt;Создавать шаблоны для подборок было долгим процессом — я много экспериментировал, постоянно что-то улучшал, добавлял, убирал и менял.&lt;/p&gt;
&lt;p&gt;Например, так выглядела вторая версия карточки товара:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/photoshop-2.jpg" width="1814" height="1040" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Здесь уже формат 1:1, 1080х1080.&lt;/p&gt;
&lt;p&gt;Затем, в какой-то момент, я наткнулся и вдохновился постом из инстаграма Города:&lt;/p&gt;
&lt;blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/B3W-vHKCF41/?utm_source=ig_embed&amp;amp;utm_campaign=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"&gt;&lt;div style="padding:16px;"&gt;&lt;p&gt;&lt;a href="https://www.instagram.com/p/B3W-vHKCF41/?utm_source=ig_embed&amp;amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"&gt;&lt;/p&gt;
&lt;div style=" display: flex; flex-direction: row; align-items: center;"&gt;&lt;div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"&gt;&lt;/div&gt;&lt;div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"&gt;&lt;/div&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="padding: 19% 0;"&gt;&lt;/div&gt;&lt;div style="display:block; height:50px; margin:0 auto 12px; width:50px;"&gt;&lt;p&gt;&lt;svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"&gt;&lt;g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"&gt;&lt;g transform="translate(-511.000000, -20.000000)" fill="#000000"&gt;&lt;g&gt;&lt;path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-top: 8px;"&gt;&lt;div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"&gt;&lt;p&gt;View this post on Instagram&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div style="padding: 12.5% 0;"&gt;&lt;/div&gt;&lt;div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"&gt;&lt;div&gt;&lt;div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"&gt;&lt;/div&gt;&lt;div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"&gt;&lt;/div&gt;&lt;div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="margin-left: 8px;"&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"&gt;&lt;/div&gt;&lt;div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="margin-left: auto;"&gt;&lt;div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"&gt;&lt;/div&gt;&lt;div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"&gt;&lt;/div&gt;&lt;div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"&gt;&lt;/div&gt;&lt;div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"&gt;&lt;a href="https://www.instagram.com/p/B3W-vHKCF41/?utm_source=ig_embed&amp;amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank"&gt;A post shared by Город (@t_gorod)&lt;/a&gt; on &lt;time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2019-10-08T13:34:25+00:00"&gt;Oct 8, 2019 at 6:34am PDT&lt;/time&gt;&lt;/p&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;script async src="//www.instagram.com/embed.js"&gt;&lt;/script&gt;
&lt;p&gt;Так родилась третья версия:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/photoshop-3.jpg" width="1814" height="1040" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Затем была серия мелких модификаций:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1814" data-ratio="1.7442307692308"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/photoshop-4.jpg" width="1814" height="1040" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/photoshop-5.jpg" width="1814" height="1040" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/photoshop-6.jpg" width="1814" height="1040" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/photoshop-7.jpg" width="1814" height="1040" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;В конечном счёте, перед моих уходом, подборки выглядели вот так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1680" data-ratio="0.9982174688057"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/trimmer-cover.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/trimmer-1.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/trimmer-2.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/trimmer-3.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/trimmer-4.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/trimmer-5.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/trimmer-7.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/trimmer-8.jpg" width="1680" height="1683" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;Как делались обложки&lt;/h2&gt;
&lt;p&gt;Так как я не иллюстратор и не дизайнер, а также если учесть дефицит времени, обложки были самым сложным компонентом.&lt;/p&gt;
&lt;p&gt;Около 95% обложек «артдиректил» я. Получалось как-то так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1080" data-ratio="1"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/cover-1.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/cover-2-1.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/cover-3.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/cover-4.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/cover-5.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/cover-6.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/cover-7.jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/cover-8.jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;В обложках не было ничего сверхъественного — я просто пытался удачно подобрать контекст, выискивал подходящие изображения, вырезал фон и пробовал разные варианты.&lt;/p&gt;
&lt;p&gt;Сам шаблон, за редкими исключениями, оставался неизменным:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/photoshop-8.jpg" width="1814" height="1040" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;Подборки + сторисы&lt;/h2&gt;
&lt;p&gt;Подборки были хороши ещё и тем, что хорошо смотрелись в сторисах:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1680" data-ratio="0.9982174688057"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-1.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-2.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-3.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-4.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-5.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-6.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-7.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-8.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-9.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/stories-10.jpg" width="1680" height="1683" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;В заключении&lt;/h2&gt;
&lt;p&gt;Попробую коротко резюмировать:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Подборки «экономят» место в профиле;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;В одну подборку можно уместить до девяти товаров;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Можно разом рекламировать группу товаров;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Имеют журнальный вид и выделяются на общем фоне;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Хорошо выглядят в сторисе;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Привлекают больше внимания.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Я не могу раскрыть коммерческую составляющую, но подборки заметно улучшили инстаграм как канал продаж.&lt;/p&gt;
&lt;div style="display: none;"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/photoshop-1.jpg" width="1814" height="1040" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Продолжение: &lt;a href="https://antonkim.ru/blog/all/posts-in-the-style-of-tinkoff-journal/"&gt;посты в стиле Т—Ж&lt;/a&gt;.&lt;/p&gt;
</description>
</item>

<item>
<title>Кейс: отзывы в инстаграме</title>
<guid isPermaLink="false">125</guid>
<link>https://antonkim.ru/blog/all/andbo-instagram-reviews/</link>
<pubDate>Mon, 14 Sep 2020 20:02:52 +0000</pubDate>
<author>Антон Ким</author>
<comments>https://antonkim.ru/blog/all/andbo-instagram-reviews/</comments>
<description>
&lt;p class="foot"&gt;Из серии &lt;a href="https://antonkim.ru/blog/all/andbo" class="nu"&gt;«&lt;u&gt;Как я вышел из бизнеса&lt;/u&gt;»&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Предыстория&lt;/h2&gt;
&lt;p&gt;Вскоре после открытия интернет-магазина, мы запустили инстаграм. Проблема была в том, что о нас никто не знал, нам никто не доверял, у нас не было репутации и аудитории.&lt;/p&gt;
&lt;p&gt;Кроме этого, были десятки других интернет-магазинов, которые продавали такие же товары.&lt;/p&gt;
&lt;p&gt;Вопрос был в том, как стать конкурентоспособнее и завоевать доверие потенциальных клиентов. Одно из решений — отзывы в инстаграме.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-1.jpg" width="1680" height="1683" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;В одном хайлайте — около 100 отзывов. А смайлики вместо иконок сразу бросались в глаза&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;Как реализовали&lt;/h2&gt;
&lt;p&gt;В нашем случае, отзыв — это, в первую очередь, фотография доставленного товара. Я изначально решил, что отзывы должны быть только от клиентов из инстаграма.&lt;/p&gt;
&lt;p&gt;Задумка была в том, что клиент фотографирует товар после получения, выкладывает в свой сторис, отмечает нас, мы репостим и добавляем в хайлайт.&lt;/p&gt;
&lt;p&gt;&lt;mark&gt;Сценарий такой: курьер доставил товар → мы увидели в системе → написали клиенту.&lt;/mark&gt;&lt;/p&gt;
&lt;p&gt;Получалось как-то так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1680" data-ratio="0.9982174688057"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-13.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-12.jpg" width="1680" height="1683" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Однако, быстро стало понятно, что не все клиенты хотят нас «рекламировать», да и вообще совершать &lt;nobr&gt; какие-то&lt;/nobr&gt; дополнительные действия.&lt;/p&gt;
&lt;p&gt;Таким способом мы получали примерно один отзыв на десять заказов. Этого было недостаточно.&lt;/p&gt;
&lt;p&gt;&lt;mark&gt;Я изменил задумку: клиент фотографирует товар после получения, отправляет нам, мы выкладываем в свой сторис, отмечаем его и добавляем в хайлайт.&lt;/mark&gt;&lt;/p&gt;
&lt;p&gt;Сперва получалось вот так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1680" data-ratio="0.9982174688057"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-10.jpg" width="1680" height="1683" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-11.jpg" width="1680" height="1683" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Таким способом мы начали получать примерно один отзыв на пять заказов. Не идеально, но уже лучше.&lt;/p&gt;
&lt;p&gt;Было не очень изящно: я просто вставлял фотографию в сторис, отмечал клиента и выкладывал. Чтобы сделать красивее, нашёл и начал использовать &lt;a href="https://unfold.com/"&gt;приложение UNFOLD&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Результат на лицо:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1680" data-ratio="1.0017889087657"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-7.jpg" width="1680" height="1677" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-5.jpg" width="1680" height="1677" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-4.jpg" width="1680" height="1677" alt="" /&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-2.jpg" width="1680" height="1677" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Иногда мы публиковали и слова благодарности:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://antonkim.ru/blog/pictures/andbo-insta-6.jpg" width="1680" height="1683" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;Что в итоге&lt;/h2&gt;
&lt;p&gt;К моменту моего ухода, у нас набралось около четырёхсот отзывов, которые уместились в четыре хайлайта.&lt;/p&gt;
&lt;p&gt;У отзывов было много положительных моментов:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;Это социальное доказательство.&lt;/li&gt;
&lt;/ol&gt;
&lt;ol start="2"&gt;
&lt;li&gt;Так как отзывов становилось всё больше, не возникало вопросов про их накрутку.&lt;/li&gt;
&lt;/ol&gt;
&lt;ol start="3"&gt;
&lt;li&gt;В интернет-магазинах я их прежде не встречал. Это выделяло нас на общем фоне.&lt;/li&gt;
&lt;/ol&gt;
&lt;ol start="4"&gt;
&lt;li&gt;Они приносили побочные продажи: человек смотрел отзывы → его заинтересовывал товар → он оформлял заказ.&lt;/li&gt;
&lt;/ol&gt;
&lt;ol start="5"&gt;
&lt;li&gt;Строилось доверие — новые клиенты переставали бояться у нас заказывать.&lt;/li&gt;
&lt;/ol&gt;
&lt;ol start="6"&gt;
&lt;li&gt;Отзывы притягивали новые отзывы. Нередко клиенты либо сами присылали фотографию товара, либо выкладывали у себя в сторисе и отмечали нас.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;В заключении&lt;/h2&gt;
&lt;p&gt;На эту идею меня вдохновил &lt;a href="https://www.instagram.com/lot2046/"&gt;инстаграм LOT2046&lt;/a&gt;. Это сервис подписки на одежду и гаджеты, который основал дизайнер Вадик Мармеладов.&lt;/p&gt;
</description>
</item>


</channel>
</rss>