{"id":932,"title":"Кейсы в разработке сайтов","keywords":"Разработка интернет магазина BLVKA","description":"","_thumbnail_id":"1084","_wp_old_slug":"%d1%81%d0%b0%d0%b9%d1%82-%d0%b4%d0%bb%d1%8f-blvka","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2025\/01\/blvka-s.jpg","url":"https:\/\/sharunback.maxsharun.ru\/category\/cases\/website-cases\/","categories":["Кейсы в разработке сайтов"],"children":[{"id":932,"title":"Разработка интернет-магазина BLVKA","keywords":"Разработка интернет магазина BLVKA","description":"Мы создали решение, в котором реактивный интерфейс на Nuxt.js работает в связке с Laravel, интегрирован с CRM СБИС, СДЭК, Яндекс Пэй.","_thumbnail_id":"1084","_wp_old_slug":"%d1%81%d0%b0%d0%b9%d1%82-%d0%b4%d0%bb%d1%8f-blvka","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2025\/01\/blvka-s.jpg","content":"\n

В рамках задачи по быстрому перезапуску бренда одежды мы решили использовать уже разработанный нами UI-кит (который ранее применяли для ASTI LAVIN), но в данном случае работала связка Nuxt.js + Laravel (а не WP, как ранее). Весь код документирован, проект может поддерживать любой специалист (не привязываем к себе заказчиков).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Мы создали сайт под ключ за 3 недели, а также настроили контекстную рекламу на ключевые разделы и товары. И нами проделаны следующие шаги:<\/p>\n\n\n\n

    \n
  1. Разработаны новые интерфейсы (структура и логика работы) — корзина, оформление заказа, карточки товаров, галереи и т.п. По сути, мы провели серьезную кастомизацию UI-кита под заказчика.<\/li>\n\n\n\n
  2. Разработан бэкенд. Это самодостаточный слой, но в данном случае мы интегрировали его со СБИС CRM (импорт товаров, экспорт\/импорт заказов), со СДЭК и Яндекс Пэй (включая СПЛИТ). Всё это было написано фактически с нуля, хотя у нас уже имелось подготовленное ТЗ, а также UI админ-панели (собственной разработки).<\/li>\n\n\n\n
  3. Собраны смыслы. И в первом запуске мы использовали только часть их, т.е. есть маркетинговая стратегия и временная шкала (когда и что включать).<\/li>\n\n\n\n
  4. Контент. Мы дополнили часть карточек видеороликами для роста вовлеченности и конверсии.<\/li>\n\n\n\n
  5. Настроили и запустили Яндекс Директ.<\/li>\n<\/ol>\n\n\n\n

    Впереди еще много работы, но бренд BLVKA уже получил качественное функциональное решение.<\/p>\n\n\n\n

    Первый экран (трансляция эмоциональной ценности):<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Далее товары из каталога и рецепты стиля, чтобы помочь покупателю собрать образ для себя:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Представили публике основателя (а чуть позже и команду):<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Естественно, видеоотзывы:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Карточка товара сразу отвечает на ключевые вопросы покупателя (доставка, оплата, обмен, видео товара и т.п.):<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    И естественно, функциональная корзина:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    И если вашему бренду нужен функциональный, визуально привлекательный и наполненный смыслами интернет-магазин, обращайтесь!<\/p>\n","url":"https:\/\/sharunback.maxsharun.ru\/site-blvka\/","categories":["Кейсы в разработке сайтов"],"children":[]},{"id":636,"title":"Как повысить конверсию в рекламе стеновых панелей?","keywords":"Сайт для компании Leto","description":"Кейс компании LETO, показывающий, что просто логично выстроенная презентация бренда и его продуктов сама по себе уже дает результат","_thumbnail_id":"1085","_wp_old_slug":"%d1%81%d0%b0%d0%b9%d1%82-%d0%b4%d0%bb%d1%8f-%d0%ba%d0%be%d0%bc%d0%bf%d0%b0%d0%bd%d0%b8%d0%b8-leto","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/06\/leto-s.jpg","content":"\n

    Проблема<\/h2>\n\n\n\n

    Здесь все просто — низкая конверсия в лид на основном сайте.<\/p>\n\n\n\n

    Как решили?<\/h2>\n\n\n\n

    Мы создали новый сайт специально под рекламу, рассчитанный на дизайнеров и заказчиков, у которых уже есть дизайн-проект. Он представляет собой презентацию компании и каталог её продукции.<\/p>\n\n\n\n

    Нами было представлено то, чем занимается компания, технология решения, команда, кейсы и сервис. Все это помещено в простую и понятную структуру, реализован реактивный интерфейс на Nuxt.js, который облачен в приятный глазу дизайн.<\/p>\n\n\n\n

    Обозначили продукт (в консервативной манере, под поисковые запросы в рекламе):<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Показали продукт и рассказали дизайнерам, что есть 3D-модели для их визуализаций (мелочь, а дает результат):<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Коснулись триггера безопасности:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Показали кейсы и опыт:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Обязательно картинки:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Показали команду и многое другое (см. \"Макеты\"):<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Результат<\/h2>\n\n\n\n

    Непосредственно рекламой занимается команда заказчика и, в целом, настройки остались прежними. И со слов Михаила Хургеса (руководителя) уменьшилось количество отказов, время на сайте и глубина просмотров возросли. При том же бюджете компания получает примерно в 1,5-2 раза больше заявок. Более того, инвестиции в сайт были возвращены в первые два средних заказа.<\/p>\n\n\n\n

    Макеты<\/h2>\n\n\n\n

    Вы можете посмотреть макеты ниже или же перейти на https:\/\/msk.letostyle.ru<\/a>.<\/p>\n\n\n\n

    Для ПК:<\/p>\n\n\n\n

    \n\t\n<\/div>\n\n\n\n

    Для планшета:<\/p>\n\n\n\n

    \n\t\n<\/div>\n\n\n\n

    Для смартфона:<\/p>\n\n\n\n

    \n\t\n<\/div>\n","url":"https:\/\/sharunback.maxsharun.ru\/leto-website\/","categories":["Кейсы в разработке сайтов","Маркетинговые кейсы"],"children":[]},{"id":626,"keywords":"разработка сайта строительной компании","title":"Разработка сайта строительной компании","description":"Мы создали ресурс, который вызывает доверие и желание работать с компанией","_thumbnail_id":"1086","_wp_old_slug":"%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%ba%d0%b0-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-%d0%b4%d0%bb%d1%8f-%d1%81%d1%82%d1%80%d0%be%d0%b8%d1%82%d0%b5%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%ba%d0%be","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/06\/td-s.jpg","content":"\n

    К нам обратился Владимир Гречко — владелец компании \"Твой Домъ\", они строят дома и делают ремонт квартир. Задача — сделать сайт под контекстную рекламу, который вызывает доверие и создает положительный имидж.<\/p>\n\n\n\n

    Порядок работы стандартный:<\/p>\n\n\n\n

      \n
    1. Изучение клиентов (составление портретов).<\/li>\n\n\n\n
    2. Сбор смыслов, требований и информации от заказчика.<\/li>\n\n\n\n
    3. Разработка UX и UI.<\/li>\n\n\n\n
    4. Сбор контента и создание недостающего (фото, видео, текст).<\/li>\n\n\n\n
    5. Верстка и создание темы для WP.<\/li>\n<\/ol>\n\n\n\n

      Сайт — это сотрудник вашего отдела продаж. Чем более он будет прокачан, тем больше у вас клиентов.<\/p>\n\n\n\n

      Версия для ПК<\/h3>\n\n\n\n
      \n\t\n<\/div>\n\n\n\n

      Версия для планшета<\/h3>\n\n\n\n
      \n\t\n<\/div>\n\n\n\n

      Версия для смартфона<\/h3>\n\n\n\n
      \n\t\n<\/div>\n","url":"https:\/\/sharunback.maxsharun.ru\/site-td\/","categories":["Кейсы в разработке сайтов"],"children":[]},{"id":618,"title":"Разработка интернет-магазина автозапчастей","keywords":"Разработка интернет магазина автозапчастей","description":"За счет переупаковки сайта добились трехкратного роста конверсии в контекстной рекламе","_thumbnail_id":"1087","_wp_old_slug":"%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%ba%d0%b0-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d0%b0%d0%b2%d1%82%d0%be%d0%b7%d0%b0","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/06\/kp-s.jpg","content":"\n

      Этот проект был реализован на платформе Трейдсофт \"ВебАвторесурс\". Мы существенно расширили функционал базовой темы. В общем, обо всем по порядку:<\/p>\n\n\n\n

        \n
      1. Собрали пользовательский опыт взаимодействия с сайтом. Получилось несколько групп: те, кто звонят; те, кто оставляют запрос по VIN; те, кто пишут в мессенджеры; те, кто ищет самостоятельно.<\/li>\n\n\n\n
      2. На основе пользовательского опыта создали UX-дизайн, расположив элементы взаимодействия с сайтом в порядке убывания их значимости.<\/li>\n\n\n\n
      3. На основе UX создали UI, заодно обновили логотип и фирменный стиль.<\/li>\n\n\n\n
      4. Сделали верстку.<\/li>\n\n\n\n
      5. В бэкенд внедрили свой микрофреймворк для работы с классами и методами платформы, а также внешними базами данных.<\/li>\n\n\n\n
      6. Реализовали структуру под SEO.<\/li>\n<\/ol>\n\n\n\n

        Эффект — 3х кратный рост конверсии в контекстной рекламе.<\/p>\n\n\n\n

        Версия для ПК<\/h3>\n\n\n\n
        \n\t\n<\/div>\n\n\n\n

        Версия для планшета<\/h3>\n\n\n\n
        \n\t\n<\/div>\n\n\n\n

        Версия для смартфона<\/h3>\n\n\n\n
        \n\t\n<\/div>\n","url":"https:\/\/sharunback.maxsharun.ru\/parts-store-webdev\/","categories":["Кейсы в разработке сайтов"],"children":[]},{"id":603,"title":"Белка Дизайн — детская мебель на заказ","_wp_old_slug":"%d0%b1%d0%b5%d0%bb%d0%ba%d0%b0-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b4%d0%b5%d1%82%d1%81%d0%ba%d0%b0%d1%8f-%d0%bc%d0%b5%d0%b1%d0%b5%d0%bb%d1%8c","keywords":"разработка сайта для мебельной компании","description":"Целевая аудитория — родители и дизайнеры. Поэтому важно создать ресурс, который вызывает доверие.","_thumbnail_id":"1088","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/06\/belka-s.jpg","content":"\n

        Маркетинговый кейс опубликован также на нашем сайте. Здесь мы коснемся только сайта. Так, были реализованы следующие шаги:<\/p>\n\n\n\n

          \n
        1. Составлены портреты клиентов.<\/li>\n\n\n\n
        2. Произведен анализ упаковки и рекламной активности ключевого конкурента (Мамка). Мы выписали по пунктам элементы, за счет которых можем на равных конкурировать с ведущими игроками.<\/li>\n\n\n\n
        3. Собраны смыслы.<\/li>\n\n\n\n
        4. Разработана структура, чтобы можно распределить смыслы, включить ретаргетинг и в перспективе обеспечить SEO-трафик.<\/li>\n\n\n\n
        5. Разработан UX. Здесь взяли за основу нашу типовую схему, но внесли в неё ряд существенных изменений.<\/li>\n\n\n\n
        6. Разработали UI-дизайн.<\/li>\n\n\n\n
        7. Создали контент (кроме изображений в каталоге) — видеопрезентации, фото, тексты.<\/li>\n\n\n\n
        8. Сделали верстку.<\/li>\n\n\n\n
        9. На основе верстке сделали тему для Webasyst.<\/li>\n<\/ol>\n\n\n\n

          Версия для ПК<\/h3>\n\n\n\n
          \n\t\n<\/div>\n\n\n\n

          Версия для планшета<\/h3>\n\n\n\n
          \n\t\n<\/div>\n\n\n\n\n

          Версия для смартфона<\/h3>\n\n\n\n
          \n\t\n<\/div>\n","url":"https:\/\/sharunback.maxsharun.ru\/belka-site\/","categories":["Кейсы в разработке сайтов"],"children":[]},{"id":552,"description":"Это сайт небольшой компании, которая смогла оживить контекстную рекламу и кроме сарафана получать целевые лиды оттуда","keywords":"сайт лестницы на заказ","title":"Zotov.work — лестницы на заказ, пример сайта компании","_thumbnail_id":"1089","_wp_old_slug":"zotov-work-%d0%bb%d0%b5%d1%81%d1%82%d0%bd%d0%b8%d1%86%d1%8b-%d0%bd%d0%b0-%d0%b7%d0%b0%d0%ba%d0%b0%d0%b7","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/06\/zotov-s.jpg","content":"\n

          Это сайт небольшой компании, которая смогла оживить контекстную рекламу и кроме сарафана получать целевые лиды оттуда.<\/p>\n\n\n\n

          Стандартный набор действия для разработки:<\/p>\n\n\n\n

            \n
          1. Изучение ЦА, сбор информации от заказчика.<\/li>\n\n\n\n
          2. Сбор смыслов.<\/li>\n\n\n\n
          3. Схема рекламы.<\/li>\n\n\n\n
          4. Разработка структуры.<\/li>\n\n\n\n
          5. UX\/UI дизайн.<\/li>\n\n\n\n
          6. Бэкенд и фронтенд.<\/li>\n\n\n\n
          7. Создание контента и наполнение.<\/li>\n\n\n\n
          8. Тестирование и запуск.<\/li>\n<\/ol>\n\n\n\n

            Сайт — это концентрат смыслов вашего бренда. Здесь мы реализовали практически все элементы маркетинговой упаковки. Уделили внимание кейсам, как важного элемента в ретаргетинге.<\/p>\n\n\n\n

            Версия для ПК<\/h3>\n\n\n\n

            \n\t\n<\/div><\/p>\n\n\n\n

            Версия для планшета<\/h3>\n\n\n\n

            \n\t\n<\/div><\/p>\n\n\n\n

            Версия для смартфона<\/h3>\n\n\n\n

            \n\t\n<\/div><\/p>\n","url":"https:\/\/sharunback.maxsharun.ru\/zotov-work-site\/","categories":["Кейсы в разработке сайтов"],"children":[]},{"id":546,"title":"Сайт для компании Pelizma","keywords":"Сайт для компании Pelizma","description":"Еще одна связка Nuzt.js и WP. Но дело не только в ней. Дизайн и смыслы дают преимущество.","_thumbnail_id":"1090","_wp_old_slug":"%d1%81%d0%b0%d0%b9%d1%82-%d0%b4%d0%bb%d1%8f-%d0%ba%d0%be%d0%bc%d0%bf%d0%b0%d0%bd%d0%b8%d0%b8-pelizma","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/06\/pelizma-s.jpg","content":"\n

            Еще одна связка Nuzt.js и WP. Но дело не только в ней. Дизайн и смыслы дают преимущество.<\/p>\n\n\n\n

            Как мы делали сайт:<\/p>\n\n\n\n

              \n
            1. Изучили ЦА и собрали смыслы.<\/li>\n\n\n\n
            2. Разработали UX.<\/li>\n\n\n\n
            3. Разработали UI.<\/li>\n\n\n\n
            4. Сверстали и создали компоненты на Nuxt.js.<\/li>\n\n\n\n
            5. Реализовали бэкенд на WP и связали его с компонентами на Nuxt.js.<\/li>\n\n\n\n
            6. Наполнили сайт.<\/li>\n\n\n\n
            7. Запустили.<\/li>\n<\/ol>\n\n\n\n

              Версия для ПК<\/h3>\n\n\n\n
              \n\t\n<\/div>\n\n\n\n

              Версия для планшета<\/h3>\n\n\n\n
              \n\t\n<\/div>\n\n\n\n

              Версия для смартфона<\/h3>\n\n\n\n
              \n\t\n<\/div>\n","url":"https:\/\/sharunback.maxsharun.ru\/site-pelizma\/","categories":["Кейсы в разработке сайтов"],"children":[]},{"id":84,"keywords":"разработка сайта мебельной компании","description":"Это один из сайтов компании, который работает в данном случае в нише гардеробных на заказ.","_thumbnail_id":"1091","_wp_old_slug":"%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%ba%d0%b0-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-%d0%bc%d0%b5%d0%b1%d0%b5%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%ba%d0%be%d0%bc%d0%bf%d0%b0%d0%bd%d0%b8%d0%b8","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/02\/markos-s.jpg","content":"\n

              Это один из сайтов компании, который работает в данном случае в нише гардеробных на заказ.<\/p>\n\n\n\n

              О маркетинговой составляющей есть отдельный кейс на нашем сайте и в соцсетях. А здесь поговорим о сайте:<\/p>\n\n\n\n

                \n
              1. Изучили ЦА и собрали смыслы.<\/li>\n\n\n\n
              2. Разработали структуру под ретаргетинг и SEO.<\/li>\n\n\n\n
              3. Разработали UX дизайн, а на его базе UI.<\/li>\n\n\n\n
              4. Создали контент (кроме визуализаций и съемок у клиентов).<\/li>\n\n\n\n
              5. Разработали тему для WP.<\/li>\n\n\n\n
              6. Осуществили запуск сайта.<\/li>\n<\/ol>\n\n\n\n

                Версия для ПК<\/h3>\n\n\n\n
                \n\t\n<\/div>\n\n\n\n

                Версия для планшета<\/h3>\n\n\n\n
                \n\t\n<\/div>\n\n\n\n

                Версия для смартфона<\/h3>\n\n\n\n
                \n\t\n<\/div>\n","url":"https:\/\/sharunback.maxsharun.ru\/site-marcos-gard\/","categories":["Кейсы в разработке сайтов"],"children":[]},{"id":80,"description":"Задача — создать инструмент для успешной конкуренции с платформами в контекстной рекламе","keywords":"разработка сайта английского языка","_thumbnail_id":"1092","title":"HiEnglish — школа английского языка","_wp_old_slug":"%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%ba%d0%b0-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-%d1%88%d0%ba%d0%be%d0%bb%d1%8b-%d0%b0%d0%bd%d0%b3%d0%bb%d0%b8%d0%b9%d1%81%d0%ba%d0%be%d0%b3%d0%be-%d1%8f","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/02\/hi-s.jpg","content":"\n

                Задача — создать инструмент для успешной конкуренции с платформами в контекстной рекламе.<\/p>\n\n\n\n

                Маркетинговый кейс описан в соответствующем разделе. Поговорим о сайте. Итак, реализовано следующее:<\/p>\n\n\n\n

                  \n
                1. Изучение ЦА и сбор смыслов.<\/li>\n\n\n\n
                2. Разработка схемы рекламы и структуры сайта под неё.<\/li>\n\n\n\n
                3. Разработка UX\/UI дизайна.<\/li>\n\n\n\n
                4. Создание контента.<\/li>\n\n\n\n
                5. Верстка.<\/li>\n\n\n\n
                6. Создание темы для WP.<\/li>\n\n\n\n
                7. Запуск.<\/li>\n<\/ol>\n\n\n\n

                  Версия для ПК<\/h3>\n\n\n\n
                  \n\t\n<\/div>\n\n\n\n

                  Версия для планшета<\/h3>\n\n\n\n
                  \n\t\n<\/div>\n\n\n\n

                  Версия для смартфона<\/h3>\n\n\n\n
                  \n\t\n<\/div>\n","url":"https:\/\/sharunback.maxsharun.ru\/hienglish-site\/","categories":["Кейсы в разработке сайтов"],"children":[]},{"id":76,"description":"UI-кит, связка Nuxt.js и WP. Реализован каталог одежды, образов и т.п.","keywords":"разработка сайта одежды пример","_thumbnail_id":"1093","title":"Сайт для бренда женской одежды ASTI LAVIN","_wp_old_slug":"%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%ba%d0%b0-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-asti-lavin","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/02\/asti-s.jpg","content":"\n

                  UI-кит, связка Nuxt.js и WP. Реализован каталог одежды, образов и т.п.<\/p>\n\n\n\n

                  Задача — разработать сайт-каталог для бренда женской одежды. Было реализовано:<\/p>\n\n\n\n

                    \n
                  1. Изучение ЦА и сбор смыслов. Об этом есть кейс на моем Дзен<\/a>.<\/li>\n\n\n\n
                  2. Разработка UX и UI. Мы не стали проектировать все страницы, а собрали компоненты на одной, чтобы снизить расходы заказчика на разработку.<\/li>\n\n\n\n
                  3. Создание компонентов на Nuxt.js.<\/li>\n\n\n\n
                  4. Создание API-слоя на WP.<\/li>\n\n\n\n
                  5. Сборка сайта.<\/li>\n\n\n\n
                  6. Создание контента (часть фото и все видео делали мы).<\/li>\n<\/ol>\n\n\n\n

                    На этапе создания этой публикации сайт в разработке, ожидайте, скоро будет.<\/p>\n\n\n\n

                    UI-кит, версия ПК<\/h3>\n\n\n\n
                    \n\t\n<\/div>\n\n\n\n

                    UI-кит, версия для планшета<\/h3>\n\n\n\n
                    \n\t\n<\/div>\n\n\n\n

                    UI-кит, версия для смартфона<\/h3>\n\n\n\n
                    \n\t\n<\/div>\n","url":"https:\/\/sharunback.maxsharun.ru\/asti-site\/","categories":["Кейсы в разработке сайтов"],"children":[]}]}