{"id":636,"title":"Кейсы в разработке сайтов","keywords":"Сайт для компании Leto","description":"","_thumbnail_id":"638","_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-preview-site-1080x669.jpg","url":"https:\/\/sharunback.maxsharun.ru\/category\/cases\/website-cases\/","categories":["Кейсы в разработке сайтов"],"children":[{"id":636,"title":"Сайт для компании Leto","keywords":"Сайт для компании Leto","description":"Это новый ресурс мебельной компании, который сделан под рекламный трафик и, возможно, в будущем станет основным сайтом ТМ","_thumbnail_id":"638","_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-preview-site-1080x669.jpg","content":"\n

Сайт нацелен на аудиторию клиентов, у которых уже есть дизайн-проект и его необходимо реализовать. Т.к. ресурс разрабатывается под рекламный трафик, мы предусмотрели разделы для ретаргетинга, а сам интерфейс сделали реактивным (Nuxt.js). Обо всем по порядку:<\/p>\n\n\n\n

    \n
  1. Изучили ЦА (уже изучена много раз, т.к. мы в основном с ней и работаем и в мебели, и в одежде, и в образовательных услугах, и даже в автозапчастях).<\/li>\n\n\n\n
  2. Собрали смыслы на основе эмоциональных триггеров и информации от заказчика.<\/li>\n\n\n\n
  3. Разработали UX\/UI на основе уже имеющегося у нас UI-кита.<\/li>\n\n\n\n
  4. Реализовали бэкенд на WP.<\/li>\n\n\n\n
  5. Реализовали фронтенд на Nuxt.js.<\/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\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\n","url":"https:\/\/sharunback.maxsharun.ru\/leto-website\/","categories":["Кейсы в разработке сайтов"],"children":[]},{"id":626,"keywords":"разработка сайта строительной компании","title":"Разработка сайта строительной компании","description":"Мы создали ресурс, который вызывает доверие и желание работать с компанией","_thumbnail_id":"627","_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-1.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":"620","_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\/kpuxui.png","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":"605","picture":"https:\/\/sharunback.maxsharun.ru\/wp-content\/uploads\/2024\/06\/belka-site-preview-1080x669.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":"557","_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-1.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":"550","_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\/pilenza.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":"532","_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\/garderob-1.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":"82","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\/hienglish.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":"78","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.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":[]}]}