{"id":2268,"date":"2021-12-28T19:17:06","date_gmt":"2021-12-28T12:17:06","guid":{"rendered":"https:\/\/lazarewww.ru\/cases\/istoki-18\/"},"modified":"2021-12-28T19:17:06","modified_gmt":"2021-12-28T12:17:06","slug":"istoki","status":"publish","type":"isotope","link":"https:\/\/lazarewww.ru\/en\/cases\/istoki\/","title":{"rendered":"Istoki (18+)"},"content":{"rendered":"<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-lg-3\">\n\t\t\t\n\n<h2 class=\"wp-block-heading with_decor\" id=\"vvedenie\">Introduction:<\/h2>\n\n\t<\/div>\n\n\n\n<div class=\"col-12 col-lg-5\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">Sergey is a YouTube blogger picking up an audience fast and a good friend of mine. We are still building Brutal Potion together \u2014 how its site was made is described <a href=\"\/en\/cases\/moh\/\">here<\/a> \u2014 but this case is about the blogger&#8217;s personal site, &#171;Istoki&#187;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The site is a store for the channel&#8217;s courses and services. An order goes through on its own, with nobody driving it by hand: a subscriber does not have to send a direct message, and Sergey does not have to walk every purchase through himself.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-media\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"750\" src=\"\/wp-content\/uploads\/2026\/09\/istoki-sergey-portrait.jpg\" alt=\"Sergey \u2014 the author of the Tsmok Blog YouTube channel\" class=\"wp-image-1947\" srcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-sergey-portrait.jpg 750w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-sergey-portrait-300x300.jpg 300w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-sergey-portrait-150x150.jpg 150w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-sergey-portrait-600x600.jpg 600w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Sergey. The author of the Tsmok Blog YouTube channel.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n<hr class=\"hr-dashed opacity-50 my-5\">\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">People come to me both when they are only just starting out and when everything is already running. The second kind need a solution here and now. Sergey was the second kind.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-lg-3\">\n\t\t\t\n\n<h2 class=\"wp-block-heading with_decor\" id=\"stadiya-1\">Stage 1. Building a stopgap page.<\/h2>\n\n\t<\/div>\n\n\n\n<div class=\"col-12 col-lg-5\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\"><strong>1.1<\/strong> Put up Sergey&#8217;s existing courses and insights with detailed descriptions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1.2<\/strong> Provide every available way of getting in touch to place an order.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1.3<\/strong> Add the VKontakte reviews and a review slider.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">To save time, I took a free template under the CC BY 3.0 licence for the stopgap version \u2014 it allows the template to be edited and used commercially.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Together with Sergey we picked the &#171;Workshop&#187; template by Colorlib.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-media\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"807\" src=\"\/wp-content\/uploads\/2026\/09\/istoki-colorlib-template.jpg\" alt=\"The free Workshop template by Colorlib, used as the basis for the stopgap version of Istoki\" class=\"wp-image-1948\" srcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-colorlib-template.jpg 1024w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-colorlib-template-300x236.jpg 300w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-colorlib-template-768x605.jpg 768w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-colorlib-template-900x709.jpg 900w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-colorlib-template-600x473.jpg 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The &#171;Workshop&#187; template by Colorlib.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">We loaded in our own content, I went through the fonts and added a few blocks of my own. Five hours of work, not counting preparing the copy.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n\n<section class=\"case-showcase case-native case-showcase--laptop case-showcase--w-wide\">\n\t<figure class=\"case-showcase__figure\"\n\t\tstyle=\"--shot-x:13%;--shot-y:5.4161%;--shot-w:74.1667%;--shot-h:73.4478%;--shot-rx:0%;--shot-ry:0%;--shot-ar:1.5852;--shot-travel:90.853%;--shot-full:17.9s;--shot-duration:var(--shot-full);--shot-p:0;--shot-ui:0\"\n\t\tdata-case-showcase\n\t\tdata-shot-duration=\"17.9\"\n\t\tdata-shot-screens=\"9.9328\"\n\t\tdata-shot-travel=\"90.853\">\n\n\t\t<div class=\"case-showcase__frame\">\n\t\t\t\t\t\t<img class=\"case-showcase__device\"\n\t\t\t\tsrc=\"https:\/\/lazarewww.ru\/wp-content\/plugins\/easy-acf-blocks-main\/acf-blocks\/case-showcase\/img\/laptop.png\"\n\t\t\t\talt=\"\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\twidth=\"1200\"\n\t\t\t\theight=\"757\"\n\t\t\t\tdecoding=\"async\">\n\n\t\t\t<div class=\"case-showcase__screen\"\n\t\t\t\tid=\"shot-block_abfad2e974a30\"\n\t\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"group\"\n\t\t\t\taria-label=\"\u042d\u043a\u0440\u0430\u043d: \u0412\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 Istoki, \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u043d\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u00abWorkshop\u00bb. \u0421\u0442\u0440\u0435\u043b\u043a\u0438 \u2014 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430, \u043f\u0440\u043e\u0431\u0435\u043b \u2014 \u043f\u0443\u0441\u043a \u0438 \u043f\u0430\u0443\u0437\u0430\"\n\t\t\t\tdata-case-showcase-screen\n\t\t\t\t>\n\t\t\t\t<img class=\"case-showcase__shot\"\n\t\t\t\t\tsrc=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-temp-version.jpg\"\n\t\t\t\t\tsrcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-temp-version.jpg 600w\"\n\t\t\t\t\tsizes=\"auto, (min-width: 992px) 900px, 90vw\"\n\t\t\t\t\twidth=\"600\"\n\t\t\t\t\theight=\"4098\"\n\t\t\t\t\talt=\"\u0412\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 Istoki, \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u043d\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u00abWorkshop\u00bb\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\tdecoding=\"async\">\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"case-showcase__bar\" data-case-showcase-bar>\n\t\t\t\t<button type=\"button\" class=\"case-showcase__btn\" data-shot-dir=\"up\"\n\t\t\t\t\taria-label=\"\u041f\u0440\u043e\u043c\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0432\u0432\u0435\u0440\u0445\" aria-pressed=\"false\" aria-controls=\"shot-block_abfad2e974a30\" disabled>\n\t\t\t\t\t<i class=\"fas fa-long-arrow-alt-up\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/button>\n\n\t\t\t\t<button type=\"button\" class=\"case-showcase__btn\" data-shot-dir=\"down\"\n\t\t\t\t\taria-label=\"\u041f\u0440\u043e\u043c\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0432\u043d\u0438\u0437\" aria-pressed=\"false\" aria-controls=\"shot-block_abfad2e974a30\">\n\t\t\t\t\t<i class=\"fas fa-long-arrow-alt-down\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t\t<input type=\"range\" class=\"case-showcase__range\" data-shot-range\n\t\t\t\t\tmin=\"0\" max=\"1000\" step=\"1\" value=\"0\"\n\t\t\t\t\taria-label=\"\u041f\u043e\u0437\u0438\u0446\u0438\u044f \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0430\" aria-controls=\"shot-block_abfad2e974a30\">\n\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"case-showcase__btn case-showcase__btn--fs\"\n\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#shot-block_abfad2e974a30-modal\"\n\t\t\t\t\t\taria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u043d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d\">\n\t\t\t\t\t\t<i class=\"fas fa-expand\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<p class=\"case-showcase__hint\">Hover or tap and the site scrolls. \u26f6 \u2014 open full screen<\/p>\n\t\t\n\t\t\t\t\t<figcaption class=\"case-showcase__caption\">The stopgap version of Istoki on the Workshop template: the whole page.<\/figcaption>\n\t\t\t<\/figure>\n<\/section>\n\n\t\t<div class=\"modal fade case-showcase-modal\" id=\"shot-block_abfad2e974a30-modal\" tabindex=\"-1\"\n\t\taria-labelledby=\"shot-block_abfad2e974a30-modal-title\" aria-hidden=\"true\"\n\t\tdata-case-showcase-modal-for=\"shot-block_abfad2e974a30\">\n\t\t<div class=\"modal-dialog modal-fullscreen\">\n\t\t\t<div class=\"modal-content\">\n\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t<h2 class=\"modal-title case-showcase-modal__title\" id=\"shot-block_abfad2e974a30-modal-title\">The stopgap version of Istoki on the Workshop template: the whole page.<\/h2>\n\t\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\"><\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"modal-body\" data-case-showcase-fs>\n\t\t\t\t\t<img class=\"case-showcase__full\"\n\t\t\t\t\t\tsrc=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-temp-version.jpg\"\n\t\t\t\t\t\twidth=\"600\"\n\t\t\t\t\t\theight=\"4098\"\n\t\t\t\t\t\talt=\"\u0412\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 Istoki, \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u043d\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u00abWorkshop\u00bb\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\tdecoding=\"async\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n\n<hr class=\"hr-dashed opacity-50 my-5\">\n\n\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-lg-3\">\n\t\t\t\n\n<h2 class=\"wp-block-heading with_decor\" id=\"stadiya-2\">Stage 2. Building the site.<\/h2>\n\n\t<\/div>\n\n\n\n<div class=\"col-12 col-lg-5\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\"><strong>2.1<\/strong> Build the site on the WordPress CMS and the WooCommerce e-commerce plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.2<\/strong> Rework the design and the markup of the existing landing page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.3<\/strong> Lay out the Tsmok Blog products conveniently on the home page, with filtering.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2.4<\/strong> Set up payment acceptance through a convenient payment system.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">Sergey liked the design of the stopgap version, so I recreated the colour scheme and the main visual elements on the new engine as well.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row d-flex justify-content-center pt-3\">\n\t\n\n<div class=\"col-12 col-md-8 text-center\">\n\t\t\t\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ratio ratio-16x9\"><iframe loading=\"lazy\" width=\"200\" height=\"113\" src=\"https:\/\/www.youtube.com\/embed\/-kkaF2aZrhg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen title=\"\u041e\u0431\u0437\u043e\u0440 \u0441\u0430\u0439\u0442\u0430 Istoki\"><\/iframe><\/div>\n<\/div><figcaption class=\"wp-element-caption\">The new version of Istoki.<br><small>Video published on 28 February 2022.<\/small><\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">I redid the navigation and moved an introduction with a photo of Sergey up to the first screen \u2014 a channel&#8217;s storefront needs a face, not an abstract cover.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-media\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"\/wp-content\/uploads\/2026\/09\/istoki-first-screen.jpg\" alt=\"The first screen of the Istoki site with Sergey's photo and introduction\" class=\"wp-image-1950\" srcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-first-screen.jpg 1024w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-first-screen-300x171.jpg 300w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-first-screen-768x437.jpg 768w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-first-screen-900x512.jpg 900w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-first-screen-600x342.jpg 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The first screen of the Istoki site.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-media\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"594\" src=\"\/wp-content\/uploads\/2026\/09\/istoki-product.jpg\" alt=\"A product card on the Istoki site\" class=\"wp-image-1951\" srcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-product.jpg 1024w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-product-300x174.jpg 300w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-product-768x446.jpg 768w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-product-900x522.jpg 900w, https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-product-600x348.jpg 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">An example product on the Istoki site.<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">The products section took the longest to build. All the data is easy to edit from the WordPress admin panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Checkout is as simple as it gets for the user: an order is placed in three moves between the project&#8217;s pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing a payment provider took the longest of all. We connected QiWi first, then swapped it for YooMoney \u2014 the terms turned out better. Both accept a card from any bank with no fee for the buyer.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n\n<section class=\"case-showcase case-native case-showcase--laptop case-showcase--w-wide\">\n\t<figure class=\"case-showcase__figure\"\n\t\tstyle=\"--shot-x:13%;--shot-y:5.4161%;--shot-w:74.1667%;--shot-h:73.4478%;--shot-rx:0%;--shot-ry:0%;--shot-ar:1.5852;--shot-travel:11.296%;--shot-full:6s;--shot-duration:var(--shot-full);--shot-p:0;--shot-ui:0\"\n\t\tdata-case-showcase\n\t\tdata-shot-duration=\"6\"\n\t\tdata-shot-screens=\"0.1274\"\n\t\tdata-shot-travel=\"11.296\">\n\n\t\t<div class=\"case-showcase__frame\">\n\t\t\t\t\t\t<img class=\"case-showcase__device\"\n\t\t\t\tsrc=\"https:\/\/lazarewww.ru\/wp-content\/plugins\/easy-acf-blocks-main\/acf-blocks\/case-showcase\/img\/laptop.png\"\n\t\t\t\talt=\"\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\twidth=\"1200\"\n\t\t\t\theight=\"757\"\n\t\t\t\tdecoding=\"async\">\n\n\t\t\t<div class=\"case-showcase__screen\"\n\t\t\t\tid=\"shot-block_d031631f0f3bd\"\n\t\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"group\"\n\t\t\t\taria-label=\"\u042d\u043a\u0440\u0430\u043d: \u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 Istoki. \u0421\u0442\u0440\u0435\u043b\u043a\u0438 \u2014 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430, \u043f\u0440\u043e\u0431\u0435\u043b \u2014 \u043f\u0443\u0441\u043a \u0438 \u043f\u0430\u0443\u0437\u0430\"\n\t\t\t\tdata-case-showcase-screen\n\t\t\t\t>\n\t\t\t\t<img class=\"case-showcase__shot\"\n\t\t\t\t\tsrc=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-ordering.jpg\"\n\t\t\t\t\tsrcset=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-ordering.jpg 700w\"\n\t\t\t\t\tsizes=\"auto, (min-width: 992px) 900px, 90vw\"\n\t\t\t\t\twidth=\"700\"\n\t\t\t\t\theight=\"493\"\n\t\t\t\t\talt=\"\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 Istoki\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\tdecoding=\"async\">\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"case-showcase__bar\" data-case-showcase-bar>\n\t\t\t\t<button type=\"button\" class=\"case-showcase__btn\" data-shot-dir=\"up\"\n\t\t\t\t\taria-label=\"\u041f\u0440\u043e\u043c\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0432\u0432\u0435\u0440\u0445\" aria-pressed=\"false\" aria-controls=\"shot-block_d031631f0f3bd\" disabled>\n\t\t\t\t\t<i class=\"fas fa-long-arrow-alt-up\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/button>\n\n\t\t\t\t<button type=\"button\" class=\"case-showcase__btn\" data-shot-dir=\"down\"\n\t\t\t\t\taria-label=\"\u041f\u0440\u043e\u043c\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0432\u043d\u0438\u0437\" aria-pressed=\"false\" aria-controls=\"shot-block_d031631f0f3bd\">\n\t\t\t\t\t<i class=\"fas fa-long-arrow-alt-down\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t\t<input type=\"range\" class=\"case-showcase__range\" data-shot-range\n\t\t\t\t\tmin=\"0\" max=\"1000\" step=\"1\" value=\"0\"\n\t\t\t\t\taria-label=\"\u041f\u043e\u0437\u0438\u0446\u0438\u044f \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0430\" aria-controls=\"shot-block_d031631f0f3bd\">\n\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"case-showcase__btn case-showcase__btn--fs\"\n\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#shot-block_d031631f0f3bd-modal\"\n\t\t\t\t\t\taria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u043d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d\">\n\t\t\t\t\t\t<i class=\"fas fa-expand\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<p class=\"case-showcase__hint\">Hover or tap and the site scrolls. \u26f6 \u2014 open full screen<\/p>\n\t\t\n\t\t\t\t\t<figcaption class=\"case-showcase__caption\">Checkout on the Istoki site.<\/figcaption>\n\t\t\t<\/figure>\n<\/section>\n\n\t\t<div class=\"modal fade case-showcase-modal\" id=\"shot-block_d031631f0f3bd-modal\" tabindex=\"-1\"\n\t\taria-labelledby=\"shot-block_d031631f0f3bd-modal-title\" aria-hidden=\"true\"\n\t\tdata-case-showcase-modal-for=\"shot-block_d031631f0f3bd\">\n\t\t<div class=\"modal-dialog modal-fullscreen\">\n\t\t\t<div class=\"modal-content\">\n\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t<h2 class=\"modal-title case-showcase-modal__title\" id=\"shot-block_d031631f0f3bd-modal-title\">Checkout on the Istoki site.<\/h2>\n\t\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\"><\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"modal-body\" data-case-showcase-fs>\n\t\t\t\t\t<img class=\"case-showcase__full\"\n\t\t\t\t\t\tsrc=\"https:\/\/lazarewww.ru\/wp-content\/uploads\/2026\/09\/istoki-ordering.jpg\"\n\t\t\t\t\t\twidth=\"700\"\n\t\t\t\t\t\theight=\"493\"\n\t\t\t\t\t\talt=\"\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 Istoki\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\tdecoding=\"async\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row case-text\">\n\t\n\n<div class=\"col-12 col-lg-6\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\"><strong>The site is finished by now, and Sergey updates it regularly himself.<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n\n<hr class=\"hr-dashed opacity-50 my-5\">\n\n\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-lg-3\">\n\t\t\t\n\n<h2 class=\"wp-block-heading with_decor\" id=\"otzyv\">Client feedback:<\/h2>\n\n\t<\/div>\n\n\n\n<div class=\"col-12 col-lg-5\">\n\t\t\t<div class=\"p-2\">\n\t\t\t\n\n<p class=\"wp-block-paragraph\">Sergey talked about the project in a separate video interview.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-row row d-flex justify-content-center pt-3\">\n\t\n\n<div class=\"col-12 col-md-8 text-center\">\n\t\t\t\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ratio ratio-16x9\"><iframe loading=\"lazy\" width=\"200\" height=\"113\" src=\"https:\/\/www.youtube.com\/embed\/r-yXqY0E230?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen title=\"\u0421\u0435\u0440\u0433\u0435\u0439 Tsmok Blog \u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 Istoki\"><\/iframe><\/div>\n<\/div><figcaption class=\"wp-element-caption\">A video interview with Sergey of Tsmok Blog about the Istoki project.<br><small>Video published on 17 July 2022.<\/small><\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n<hr class=\"hr-dashed opacity-50 my-5\">\n\n\n<div class=\"wp-bootstrap-blocks-row row case-cta\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<a class=\"btn btn-outline-primary btn-lg\" href=\"https:\/\/istoki.tsmok.ru\/\" target=\"_blank\" rel=\"noopener\">Visit the site!<\/a>\n\n\n\n<p class=\"wp-block-paragraph\">For anyone who wants a look at Sergey&#8217;s site.<\/p>\n\n\n\n<a class=\"btn btn-outline-primary btn-lg\" href=\"https:\/\/www.youtube.com\/channel\/UC-f1IrKlW6DbC59wUw3kpsw\" target=\"_blank\" rel=\"noopener\">Go to YouTube!<\/a>\n\n\n\n<p class=\"wp-block-paragraph\">For anyone interested in Sergey&#8217;s Tsmok Blog channel on YouTube.<\/p>\n\n\t<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>An online store for the courses and insights of YouTube blogger Tsmok Blog: a stopgap page in five hours, then a full store on WordPress and WooCommerce.<\/p>\n","protected":false},"featured_media":2076,"template":"","isotope_tag":[108],"class_list":["post-2268","isotope","type-isotope","status-publish","has-post-thumbnail","hentry","isotope_category-other-sites-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/isotope\/2268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/isotope"}],"about":[{"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/types\/isotope"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lazarewww.ru\/?rest_route=\/wp\/v2\/media\/2076"}],"wp:attachment":[{"href":"https:\/\/lazarewww.ru\/?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2268"}],"wp:term":[{"taxonomy":"isotope_tag","embeddable":true,"href":"https:\/\/lazarewww.ru\/?rest_route=%2Fwp%2Fv2%2Fisotope_tag&post=2268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}