[{"data":1,"prerenderedAt":307},["ShallowReactive",2],{"global-settings-public":3,"case-page-fasol-false":169,"global-settings-preview":-1},{"siteName":4,"defaultSeo":5,"contacts":16,"header":35,"footer":55,"analytics":79,"uiLabels":82,"uiAssets":95,"uiLinks":160,"caseKindLabels":165,"helpdeskId":168},"Media5",{"metaTitle":6,"metaDescription":7,"summary":8,"ogImage":9},"Media5 - Оцифровываем мир с 1996 года","Оцифровываем мир с 1996 года. IT-решения и платформы для бизнеса.","IT-решения и платформы для бизнеса.",{"url":10,"alternativeText":6,"caption":11,"width":12,"height":13,"mime":14,"size":15},"/uploads/thumbnail_a2afd2938d.png.webp","Media5 OG image",1200,630,"image\u002Fpng",16.3,{"companyName":17,"phone":18,"email":19,"messengers":20,"offices":21},"Медиа 5","+7 495 223-58-81","info@media5.com",[],[22,28],{"country":23,"city":24,"postalCode":25,"address":26,"phone":27,"email":19},"Россия","Москва","125167","Ленинградский проспект, 39С14, 3 этаж","+7 (495) 223–58–81",{"country":29,"city":30,"postalCode":31,"address":32,"phone":33,"email":34},"ОАЭ","Дубай","","Meydan Grandstand, 6th floor, Meydan Road, Nad Al Sheba","+971 56 714 8616","info@media5.ae",{"navigation":36,"phone":18,"ctaLabel":54},[37,42,45,48,51],{"label":38,"url":39,"target":40,"rel":41},"Компания","\u002Fabout","self","noopener",{"label":43,"url":44,"target":40,"rel":41},"Компетенции","\u002Factivity",{"label":46,"url":47,"target":40,"rel":41},"Кейсы","\u002Fcases",{"label":49,"url":50,"target":40,"rel":41},"Продукты","\u002Fproducts",{"label":52,"url":53,"target":40,"rel":41},"Контакты","\u002Fcontacts","Написать нам",{"navigation":56,"legalLinks":62,"copyright":75,"contactTitle":76,"projectCta":77,"projectCtaButton":78},[57,58,59,60,61],{"label":38,"url":39,"target":40,"rel":41},{"label":43,"url":44,"target":40,"rel":41},{"label":46,"url":47,"target":40,"rel":41},{"label":49,"url":50,"target":40,"rel":41},{"label":52,"url":53,"target":40,"rel":41},[63,66,69,72],{"label":64,"url":65,"target":40,"rel":41},"Реквизиты компании","\u002Frequisites",{"label":67,"url":68,"target":40,"rel":41},"Политика обработки персональных данных","\u002Fpolicy_pers_data",{"label":70,"url":71,"target":40,"rel":41},"Согласие на обработку персональных данных","\u002Fpersonal_data_agree",{"label":73,"url":74,"target":40,"rel":41},"Виды ИТ-деятельности","\u002Ftypes_of_activities","© 1996 - {year} | Все права защищены","Свяжитесь с нами","У вас есть проект?","Свяжитесь\nс нами",{"headHtml":80,"bodyOpenHtml":81,"bodyCloseHtml":31},"\u003Cscript type=\"text\u002Fjavascript\">\n(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};\n  m[i].l=1*new Date();\n  for (var j = 0; j \u003C document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}\n  k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})\n  (window, document, \"script\", \"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js\", \"ym\");\n  ym(25086374, \"init\", {\n    clickmap:true,\n    trackLinks:true,\n    accurateTrackBounce:true,\n    webvisor:true\n  });\n\u003C\u002Fscript>\n\u003Cscript type=\"text\u002Fjavascript\">\n(function(ratingRuneta) {\n  var rrcid = new URLSearchParams(window.location.search).get(ratingRuneta);\n  if (rrcid)\n    window.sessionStorage.setItem(ratingRuneta, rrcid);\n  rrcid = window.sessionStorage.getItem(ratingRuneta);\n  (function(m, e, t, r, i, k, a) {\n    m[i] = m[i] || function() {\n      (m[i].a = m[i].a || []).push(arguments)\n    };\n    m[i].l = 1 * new Date();\n    for (var j = 0; j \u003C document.scripts.length; j++) {\n      if (document.scripts[j].src === r) {\n        return;\n      }\n    }\n    k = e.createElement(t),\n    a = e.getElementsByTagName(t)[0],\n    k.async = 1,\n    k.src = r,\n    a.parentNode.insertBefore(k, a)\n  })(window, document, \"script\", \"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js\", \"ym\");\n  ym(92096748, \"init\", {\n    clickmap: false,\n    trackLinks: false,\n    accurateTrackBounce: true,\n    webvisor: false,\n    params: {\n      rrcid: rrcid\n    }\n  });\n})('rrcid');\n\u003C\u002Fscript>","\u003Cnoscript>\u003Cdiv>\u003Cimg src=\"https:\u002F\u002Fmc.yandex.ru\u002Fwatch\u002F25086374\" style=\"position:absolute; left:-9999px;\" alt=\"\" \u002F>\u003C\u002Fdiv>\u003C\u002Fnoscript>",{"footerInfoTitle":83,"caseSuggestionsTitle":84,"caseCtaLabel":85,"cookieTitle":86,"cookieDetailsLabel":87,"cookieAcceptLabel":88,"caseCategoryTitle":89,"legalBackHomeLabel":90,"errorPageTitlePrefix":91,"errorPageBackLabel":92,"backButtonAriaLabel":93,"logoAriaLabel":4,"burgerAriaLabel":94},"Информация","Смотреть другие проекты:","Оценить мой проект","Сайт использует cookie.","Подробнее","Ок","Категория","Вернуться на главную","Ошибка","Назад","Вернуться назад","Открыть меню",{"arrowLeft":96,"arrowNextWhite":101,"arrowNext":106,"arrowPrevWhite":109,"arrowPrev":112,"arrowRightBlack":114,"arrowRightGrey":120,"arrowRight":125,"brandsStrip":128,"downloadSecondary":135,"mail":140,"phone":145,"pin":149,"star":154},{"url":97,"alternativeText":92,"caption":31,"width":98,"height":98,"mime":99,"size":100},"/uploads/arrow_left_c2664734a8.svg",20,"image\u002Fsvg+xml",0.22,{"url":102,"alternativeText":103,"caption":31,"width":104,"height":104,"mime":99,"size":105},"/uploads/arrow_next_white_1684cd869a.svg","Следующий",32,0.47,{"url":107,"alternativeText":103,"caption":31,"width":104,"height":104,"mime":99,"size":108},"/uploads/arrow_next_4c9cf8011b.svg",0.48,{"url":110,"alternativeText":111,"caption":31,"width":104,"height":104,"mime":99,"size":105},"/uploads/arrow_prev_white_4ffcb64a4d.svg","Предыдущий",{"url":113,"alternativeText":111,"caption":31,"width":104,"height":104,"mime":99,"size":105},"/uploads/arrow_prev_dc2496a3dd.svg",{"url":115,"alternativeText":116,"caption":31,"width":117,"height":118,"mime":99,"size":119},"/uploads/arrow_right_black_15ddac7315.svg","Вперед",12,21,0.75,{"url":121,"alternativeText":116,"caption":31,"width":122,"height":123,"mime":99,"size":124},"/uploads/arrow_right_grey_828945c584.svg",17,14,0.31,{"url":126,"alternativeText":116,"caption":31,"width":98,"height":98,"mime":99,"size":127},"/uploads/arrow_right_e84b0a701f.svg",0.21,{"url":129,"alternativeText":130,"caption":31,"width":131,"height":132,"mime":133,"size":134},"/uploads/brands_f7ed5ae06c.jpg.webp","Логотипы клиентов",5700,224,"image\u002Fjpeg",85.14,{"url":136,"alternativeText":137,"caption":31,"width":122,"height":138,"mime":99,"size":139},"/uploads/download_1_a196466af1.svg","Скачать",16,1.56,{"url":141,"alternativeText":142,"caption":31,"width":143,"height":143,"mime":99,"size":144},"/uploads/mail_d8e5ddd1e7.svg","Email",40,0.61,{"url":146,"alternativeText":147,"caption":31,"width":143,"height":143,"mime":99,"size":148},"/uploads/phone_0cc6e111a1.svg","Телефон",0.71,{"url":150,"alternativeText":151,"caption":31,"width":152,"height":143,"mime":99,"size":153},"/uploads/pin_0baa0f5cba.svg","Адрес",30,0.95,{"url":155,"alternativeText":156,"caption":31,"width":157,"height":158,"mime":99,"size":159},"/uploads/star_39665670a9.svg","Рейтинг",29,28,0.5,{"helpdeskWidgetSrc":161},{"url":162,"target":163,"rel":164},"https:\u002F\u002Fhelpdesk.media5.com\u002Floader\u002Fwidget-loader.js","blank","noopener noreferrer",{"case":166,"product":167},"ВНЕДРЕНИЕ","РЕШЕНИЕ","1fd5e16f-b657-41d9-9e8d-b12925960779",{"documentId":170,"slug":171,"title":172,"kind":173,"mode":174,"sortOrder":157,"headerTheme":175,"primaryCategory":176,"seo":179,"listing":182,"hero":213,"blocks":225,"customHtml":181,"suggestions":304,"updatedAt":305,"publishedAt":306},"fh63erwme0ijktlqrz9mkwos","fasol","B2B промо-сайт для франчайзинговой программы","case","standard","default",{"name":177,"slug":178},"Внедрение","vnedrenie",{"metaTitle":172,"metaDescription":180,"summary":180,"ogImage":181},"Проект нацелен на поддержку клиентов METRO в профессиональном ведении бизнеса путем передачи им готовых решений в области торговли.",null,{"cardTitle":31,"variant":183,"description":180,"image":184,"logo":192,"poster":197,"previewVideo":204},"new",{"desktop":185,"tablet":181,"mobile":191},{"url":186,"alternativeText":187,"caption":187,"width":188,"height":189,"mime":133,"size":190},"/uploads/fasol_0b92ce7900.jpg.webp","B2B промо-сайт для франчайзинговой программы Listing Image",1384,800,76.59,{"url":186,"alternativeText":187,"caption":187,"width":188,"height":189,"mime":133,"size":190},{"url":193,"alternativeText":194,"caption":194,"width":195,"height":152,"mime":99,"size":196},"/uploads/Group_s_I_Ck_Xi_U_9623537ba2.svg","B2B промо-сайт для франчайзинговой программы Listing Logo",106,1.47,{"url":198,"alternativeText":199,"caption":199,"width":200,"height":201,"mime":202,"size":203},"/uploads/fasol_IMG_l_Uj_Zd_XH_32b0aa4b7d.webp","B2B промо-сайт для франчайзинговой программы Listing Poster",720,480,"image\u002Fwebp",9.8,{"url":205,"alternativeText":206,"caption":206,"width":181,"height":181,"mime":207,"size":208,"sources":209},"/uploads/360x240_111_4d4d08a134.webm","B2B промо-сайт для франчайзинговой программы Listing Preview Video","video\u002Fwebm",631.53,[210],{"codec":31,"format":211,"mime":207,"role":212,"url":205},"webm","original",{"title":214,"subtitle":215,"category":177,"logos":216,"link":223},"Реализация онлайн-хаба для франчайзинговой платформы \"Фасоль\"","«Фасоль» — яркое решение для вашего магазина!\n\nПроект нацелен на поддержку клиентов METRO в профессиональном ведении бизнеса путем передачи им готовых решений в области торговли, а также на повышение лояльности конечных потребителей к «магазинам у дома». Вместе со своими клиентами METRO C&C строит сообщество настоящих профессионалов, объединённое под одним франчайзинговым брендом – «Фасоль».",[217],{"url":218,"alternativeText":219,"caption":219,"width":220,"height":221,"mime":14,"size":222},"/uploads/logo_4_yv_Z_Vh_UD_91ecbcdff9.png.webp","B2B промо-сайт для франчайзинговой программы Hero Logo 1",274,72,0.88,{"label":224,"url":224,"target":163,"rel":41},"https:\u002F\u002Fbusiness.myfasol.ru\u002F",[226,247,254,266,272,282,288,298],{"id":227,"type":228,"settings":229,"asset":233,"feedbackLink":246},5907,"image",{"isActive":230,"spacingTop":231,"spacingBottom":231,"backgroundColor":31,"backgroundColorMobile":31,"backgroundImage":31,"backgroundImageMobile":31,"backgroundImagePosition":232,"backgroundImageMobilePosition":232,"textColor":31,"anchorId":31},true,"normal","center center",{"desktop":234,"tablet":181,"mobile":240},{"url":235,"alternativeText":236,"caption":236,"width":237,"height":238,"mime":14,"size":239},"/uploads/wide_pic_32_79020020aa.png.webp","B2B промо-сайт для франчайзинговой программы Block Image",3360,1600,573.39,{"url":241,"alternativeText":242,"caption":242,"width":243,"height":244,"mime":14,"size":245},"/uploads/pic_36_88c3b03965.png.webp","B2B промо-сайт для франчайзинговой программы Block Image Mobile",828,512,83.37,false,{"id":248,"type":249,"settings":250,"eyebrow":251,"title":252,"body":253},5963,"richText",{"isActive":230,"spacingTop":231,"spacingBottom":231,"backgroundColor":31,"backgroundColorMobile":31,"backgroundImage":31,"backgroundImageMobile":31,"backgroundImagePosition":232,"backgroundImageMobilePosition":232,"textColor":31,"anchorId":31},"Задача","Совместить \"ВАУ-эффект\" с полным изложением информации по франчайзинговому бизнесу от METRO C&C","Cоздать яркий, запоминающийся и удобный интерфейс для будущих и текущих владельцев магазинов \"Фасоль\" в рамках уникальной франчайзинговой компании от METRO C&C. Выделиться среди других программ франчайзинга, создать максимально запоминающуюся картинку совмещающую, в месте с тем, полную информацию необходимую для принятия решения о начале кооперации.",{"id":255,"type":228,"settings":256,"asset":257,"feedbackLink":246},5908,{"isActive":230,"spacingTop":231,"spacingBottom":231,"backgroundColor":31,"backgroundColorMobile":31,"backgroundImage":31,"backgroundImageMobile":31,"backgroundImagePosition":232,"backgroundImageMobilePosition":232,"textColor":31,"anchorId":31},{"desktop":258,"tablet":181,"mobile":262},{"url":259,"alternativeText":236,"caption":236,"width":237,"height":260,"mime":14,"size":261},"/uploads/wide_pic_33_3d85ee5865.png.webp",1642,989.96,{"url":263,"alternativeText":242,"caption":242,"width":243,"height":264,"mime":14,"size":265},"/uploads/pic_37_5018f8af70.png.webp",510,137.04,{"id":267,"type":249,"settings":268,"eyebrow":269,"title":270,"body":271},5964,{"isActive":230,"spacingTop":231,"spacingBottom":231,"backgroundColor":31,"backgroundColorMobile":31,"backgroundImage":31,"backgroundImageMobile":31,"backgroundImagePosition":232,"backgroundImageMobilePosition":232,"textColor":31,"anchorId":31},"Решение","Полное переосмысление использования экранного пространства","\"Ярко, не стандартно, совместимо с презентациями\". Задача была поставлена не простая.\nТак почему бы не сделать полнофункциональный аналог именно постраничной презентации и дообогатить его возможностью читать большие объемы информации в рамках обычной парадигмы лонгридов, подумали мы и спроектировали структуру, результатом внедрения которой наслаждаются будущие владельцы магазинов уже пару лет.",{"id":273,"type":228,"settings":274,"asset":275,"feedbackLink":246},5909,{"isActive":230,"spacingTop":231,"spacingBottom":231,"backgroundColor":31,"backgroundColorMobile":31,"backgroundImage":31,"backgroundImageMobile":31,"backgroundImagePosition":232,"backgroundImageMobilePosition":232,"textColor":31,"anchorId":31},{"desktop":276,"tablet":181,"mobile":279},{"url":277,"alternativeText":236,"caption":236,"width":237,"height":260,"mime":14,"size":278},"/uploads/wide_pic_35_b2c027656e.png.webp",691.62,{"url":280,"alternativeText":242,"caption":242,"width":243,"height":264,"mime":14,"size":281},"/uploads/pic_39_45e6370bc6.png.webp",78.9,{"id":283,"type":249,"settings":284,"eyebrow":285,"title":286,"body":287},5965,{"isActive":230,"spacingTop":231,"spacingBottom":231,"backgroundColor":31,"backgroundColorMobile":31,"backgroundImage":31,"backgroundImageMobile":31,"backgroundImagePosition":232,"backgroundImageMobilePosition":232,"textColor":31,"anchorId":31},"Сайт как приложение","Внедрение подхода \"Сайт как приложение\" для достижения максимально плавных переходов между контентом","Загрузив сайт 1 раз вы остаетесь в единой экосистеме наслаждаясь плавными переходами между разделами и анимационной подачей контента. А часть динамически-добавляемой информации загружается с помощью интерактивных переходов, сглаживающих ожидание момента ее появления.",{"id":289,"type":228,"settings":290,"asset":291,"feedbackLink":246},5910,{"isActive":230,"spacingTop":231,"spacingBottom":231,"backgroundColor":31,"backgroundColorMobile":31,"backgroundImage":31,"backgroundImageMobile":31,"backgroundImagePosition":232,"backgroundImageMobilePosition":232,"textColor":31,"anchorId":31},{"desktop":292,"tablet":181,"mobile":295},{"url":293,"alternativeText":236,"caption":236,"width":237,"height":260,"mime":14,"size":294},"/uploads/wide_pic_36_1401e6f057.png.webp",352.77,{"url":296,"alternativeText":242,"caption":242,"width":243,"height":264,"mime":14,"size":297},"/uploads/pic_40_17bcd2f4a1.png.webp",61.49,{"id":299,"type":249,"settings":300,"eyebrow":301,"title":302,"body":303},5966,{"isActive":230,"spacingTop":231,"spacingBottom":231,"backgroundColor":31,"backgroundColorMobile":31,"backgroundImage":31,"backgroundImageMobile":31,"backgroundImagePosition":232,"backgroundImageMobilePosition":232,"textColor":31,"anchorId":31},"Не только для компьютеров","Создание различных пользовательских путей для нативного отображения на различных видах устройств","Каждый раз когда мы проектируем что-то выходящие за рамки стандартных решений мы проводим тестирование пользовательских путей на каждом из вариантов устройств. Ведь то, что хорошо для Desktop (почти всегда со стационарным, либо максимально быстрым интернетом), не всегда хорошо для отображения на мобильных устройствах, с которых к нам заходят со всех точек нашей бесконечной страны где есть программа франчайзинга от METRO C&C.\n\nЭкономия трафика, оптимизация путей получения информации и, как следствие, улучшение пользовательского опыта - вот главные парадигмы, которые мы соблюдаем при проектировании и реализации версий для различных устройств.",[],"2026-06-01T04:19:09.021Z","2026-06-01T04:19:09.141Z",1781892330513]