CINXE.COM

разработка сложных интернет-проектов и сервисов, интеграция с 1с, развитие сайтов – цифровой интегратор avenue media.

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=0"> <title>разработка сложных интернет-проектов и сервисов, интеграция с 1с, развитие сайтов – цифровой интегратор avenue media.</title> <meta property="og:title" content="разработка сложных интернет-проектов и сервисов, интеграция с 1с, развитие сайтов – цифровой интегратор avenue media." /> <meta name="description" content="разрабатываем и внедряем сложные цифровые продукты для бизнеса, CRM-системы, интернет-магазины, настраиваем обмен с 1С, индивидуальные CMS-системы для веб-порталов и сервисов"> <meta property="og:description" content="разрабатываем и внедряем сложные цифровые продукты для бизнеса, CRM-системы, интернет-магазины, настраиваем обмен с 1С, индивидуальные CMS-системы для веб-порталов и сервисов" /> <link href="https://avenuemedia.ru/" rel="canonical"> <meta property="og:type" content="website"> <meta property="og:site_name" content="avenue."> <meta property="og:url" content="https://avenuemedia.ru/"> <!-- Favicons --> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0700ff"> <meta name="apple-mobile-web-app-title" content="Avenue"> <meta name="application-name" content="Avenue"> <meta name="msapplication-TileColor" content="#0700ff"> <meta name="theme-color" content="#f8f4ef"> <link rel="stylesheet" href="/css/style.css?7"> </head> <body class="body-transition"> <div class="preloader"> <div class="preloader__overlay"></div> <div class="preloader__content"> <div class="three-bounce"> <div class="one"></div> <div class="two"></div> <div class="three"></div> </div> </div> </div> <div class="wrapper"> <header id="header" class="header"> <div class="header__content"> <div class="container"> <div class="navbar"> <div class="navbar__logo"> <div class="navbar__brand brand"> <img src="/img/avenue.svg" alt="" width="134" height="19" class="brand__logo"> </div> </div> <div class="navbar__nav"> <nav class="nav"> <ul class="nav__list"> <li class="nav__item "> <a href="/projects" class="nav__link"> <span class="nav__text"> проекты <span class="nav__count">23</span> </span> </a> </li> <li class="nav__item dropdown "> <a class="nav__link dropdown__toggle"> <span class="nav__text"> услуги </span> <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.375 4.364c.5-.485 1.31-.485 1.81 0L8 10.003l5.815-5.64c.5-.484 1.31-.484 1.81 0 .5.485.5 1.271 0 1.756l-6.72 6.517c-.5.485-1.31.485-1.81 0L.375 6.12c-.5-.485-.5-1.27 0-1.755z"/></svg></span> </a> <div class="dropdown__menu"> <ul class=" nav__sublist nav__sublist--lg"> <li class="nav__sublist-item"> <a href="/services/product-design-branding" class="nav__sublist-link"> <span class="nav__sublist-icon"><img src="/files/63c/abdac09d9a/icon1_r80x80.png" width="80" height="80" alt=""></span> стратегия. дизайн. брендинг. </a> </li> <li class="nav__sublist-item"> <a href="/services/support" class="nav__sublist-link"> <span class="nav__sublist-icon"><img src="/files/63c/abe5a66027/icon4_r80x80.png" width="80" height="80" alt=""></span> развитие. поддержка. </a> </li> <li class="nav__sublist-item"> <a href="/services/development" class="nav__sublist-link"> <span class="nav__sublist-icon"><img src="/files/63c/abdd4cd0f0/icon2_r80x80.png" width="80" height="80" alt=""></span> проектирование. разработка. </a> </li> <li class="nav__sublist-item"> <a href="/services/seo-marketing" class="nav__sublist-link"> <span class="nav__sublist-icon"><img src="/files/63c/abe8f20e16/icon5_r80x80.png" width="80" height="80" alt=""></span> seo. маркетинг. реклама. </a> </li> <li class="nav__sublist-item"> <a href="/services/mobile-app" class="nav__sublist-link"> <span class="nav__sublist-icon"><img src="/files/63c/abe312f22f/icon3_r80x80.png" width="80" height="80" alt=""></span> мобильные приложения. </a> </li> <li class="nav__sublist-item"> <a href="/services/1c-development" class="nav__sublist-link"> <span class="nav__sublist-icon"><img src="/files/63c/abeb974296/icon6_r80x80.png" width="80" height="80" alt=""></span> 1С. внедрение. обмен. </a> </li> </ul> </div> </li> <li class="nav__item dropdown "> <a class="nav__link dropdown__toggle"> <span class="nav__text"> продукты </span> <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.375 4.364c.5-.485 1.31-.485 1.81 0L8 10.003l5.815-5.64c.5-.484 1.31-.484 1.81 0 .5.485.5 1.271 0 1.756l-6.72 6.517c-.5.485-1.31.485-1.81 0L.375 6.12c-.5-.485-.5-1.27 0-1.755z"/></svg></span> </a> <div class="dropdown__menu"> <ul class=" nav__sublist "> <li class="nav__sublist-item"> <a href="/products/avenue-space" class="nav__sublist-link"> avenue space. </a> </li> <li class="nav__sublist-item"> <a href="/products/we-love-graphics" class="nav__sublist-link"> welovegraphics. </a> </li> </ul> </div> </li> <li class="nav__item dropdown "> <a class="nav__link dropdown__toggle"> <span class="nav__text"> решения </span> <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.375 4.364c.5-.485 1.31-.485 1.81 0L8 10.003l5.815-5.64c.5-.484 1.31-.484 1.81 0 .5.485.5 1.271 0 1.756l-6.72 6.517c-.5.485-1.31.485-1.81 0L.375 6.12c-.5-.485-.5-1.27 0-1.755z"/></svg></span> </a> <div class="dropdown__menu"> <ul class="nav__sublist--wrap nav__sublist "> <li class="nav__sublist-item"> <a href="/solutions/e-commerce" class="nav__sublist-link"> e-commerce. </a> </li> <li class="nav__sublist-item"> <a href="/solutions/logistics" class="nav__sublist-link"> логистика. </a> </li> <li class="nav__sublist-item"> <a href="/solutions/education" class="nav__sublist-link"> образование. </a> </li> <li class="nav__sublist-item"> <a href="/solutions/telekom" class="nav__sublist-link"> телеком. </a> </li> </ul> </div> </li> <li class="nav__item dropdown "> <a class="nav__link dropdown__toggle"> <span class="nav__text"> компания </span> <span class="caret"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.375 4.364c.5-.485 1.31-.485 1.81 0L8 10.003l5.815-5.64c.5-.484 1.31-.484 1.81 0 .5.485.5 1.271 0 1.756l-6.72 6.517c-.5.485-1.31.485-1.81 0L.375 6.12c-.5-.485-.5-1.27 0-1.755z"/></svg></span> </a> <div class="dropdown__menu"> <ul class=" nav__sublist "> <li class="nav__sublist-item"> <a href="/avenue/about" class="nav__sublist-link"> о нас. </a> </li> <li class="nav__sublist-item"> <a href="/avenue/vacancy" class="nav__sublist-link"> вакансии. </a> </li> <li class="nav__sublist-item"> <a href="/avenue/investing" class="nav__sublist-link"> инвестиции. </a> </li> </ul> </div> </li> </ul> </nav> </div> <div class="navbar__feedback"> <button class="btn-feedback a-toggle-feedback"> <span class="btn-feedback__icon"></span> <span class="btn-feedback__text">связаться.</span> </button> </div> <button class="navbar__toggle a-toggle-nav" aria-label="Показать меню" type="button"> <span class="navbar__toggle-icon"></span> </button> </div> </div> </div> </header> <main class="main"> <div class="section"> <div class="container"> <div class="section__item promo"> <h1 class="promo__title title a-promo-appear"> разработка <img src="/img/promo/01.png" width="96" height="80" alt="" class="a-promo-appear-down" data-delay="0.3"> цифровых продуктов и сервисов <img src="/img/promo/02.png" width="80" height="80" alt="" class="a-promo-appear-right" data-delay="0.4"> <br> <img src="/img/promo/03.png" width="80" height="80" alt="" class="a-promo-appear-left" data-delay="0.7"> интеграции <img src="/img/promo/04.png" width="80" height="80" alt="" class="a-promo-appear-up1" data-delay="0.8"> поддержка <br> <img src="/img/promo/05.png" width="80" height="80" alt="" class="a-promo-appear-up2 a-rotation" data-delay="1"> развитие </h1> <div class="promo__descr descr a-promo-appear" data-delay="0.1">проектируем. запускаем. сопровождаем.<br>один&nbsp;исполнитель. одна&nbsp;база&nbsp;знаний. результат.</div> </div> <div class="section__item advantage a-promo-appear"> <div class="advantage__row"> <div class="advantage__column a-fadeinup" data-delay="0.1"> <a href="/services/product-design-branding" class="item-advantage"> <div class="item-advantage__title">стратегия.<br> дизайн. брендинг.</div> <div class="item-advantage__media"> <img src="/img/advantage/ps.svg" width="80" height="80" alt="" class="advantage--design1"> <img src="/img/advantage/figma.png" width="170" height="170" alt="" class="advantage--design2"> <span class="advantage--design3"> <svg width="30" height="36" viewBox="0 0 30 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="advantage--design3"> <path d="M21.375 36L30 0L0 18.375L13.875 22.875L21.375 36Z" fill="#37C5FF"/> </svg> </span> <span class="advantage--design4">photoshop</span> <span class="advantage--design5"> <svg width="30" height="36" viewBox="0 0 30 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.375 36L30 0L0 18.375L13.875 22.875L21.375 36Z" fill="#A259FF"/> </svg> </span> <span class="advantage--design6">figma</span> </div> </a> </div> <div class="advantage__column a-fadeinup" data-delay="0.2"> <a href="/services/development" class="item-advantage"> <div class="item-advantage__title">проектирование. разработка.</div> <div class="item-advantage__media"> <div class="integration advantage--integration1"><img src="/img/advantage/integration1.svg" width="34" height="34" alt=""></div> <div class="integration advantage--integration2"><img src="/img/advantage/integration2.svg" width="40" height="45" alt=""></div> <div class="integration advantage--integration3"><img src="/img/advantage/integration3.svg" width="63" height="63" alt=""></div> <div class="integration advantage--integration4"><img src="/img/advantage/integration4.svg" width="80" height="80" alt=""></div> <div class="integration advantage--integration5"><img src="/img/advantage/integration5.svg" width="59" height="59" alt=""></div> <div class="integration advantage--integration6"><img src="/img/advantage/integration6.svg" width="16" height="23" alt=""></div> </div> </a> </div> <div class="advantage__column a-fadeinup" data-delay="0.3"> <a href="/services/mobile-app" class="item-advantage"> <div class="item-advantage__title">мобильные приложения.</div> <div class="item-advantage__media"> <img src="/img/advantage/iphone14.png" width="180" height="314" alt="" class="advantage--mobile1"> <img src="/img/advantage/iphone14-2.png" width="179" height="318" alt="" class="advantage--mobile2"> </div> </a> </div> <div class="advantage__column a-fadeinup" data-delay="0.1"> <a href="/services/support" class="item-advantage"> <div class="item-advantage__title">развитие. поддержка.</div> <div class="item-advantage__media"> <img src="/img/advantage/progress.svg" width="200" height="200" alt="" class="advantage--progress1"> <span class="progress-text advantage--progress2">анализ</span> <span class="progress-text advantage--progress3">реализация</span> <span class="progress-text advantage--progress4">запуск</span> </div> </a> </div> <div class="advantage__column a-fadeinup" data-delay="0.2"> <a href="/services/seo-marketing" class="item-advantage"> <div class="item-advantage__title">маркетинг. реклама. seo.</div> <div class="item-advantage__media"> <img src="/img/advantage/seo.svg" width="432" height="400" alt="" class="advantage--seo"> <div class="advantage--seo2"></div> </div> </a> </div> <div class="advantage__column a-fadeinup" data-delay="0.3"> <a href="/services/1c-development" class="item-advantage"> <div class="item-advantage__title">1С. внедрение. обмен.</div> <div class="item-advantage__media"> <img src="/img/advantage/1c.svg" width="432" height="400" alt="" class="advantage--1c"> <span class="c1-text advantage--1c2">1С: Управление торговлей</span> <span class="c1-text advantage--1c3">1С: Бухгалтерия </span> <span class="c1-text advantage--1c4">1С: Предприятие</span> </div> </a> </div> </div> </div> <div class="section__item space"> <div class="space__content"> <div class="space__logo"> <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="40" cy="40" r="40" fill="#0700FF"/> <path d="M33.9891 28C37.6231 28 40.4139 28.8664 42.3618 30.5993C44.3096 32.3032 45.2835 34.8881 45.2835 38.3538V51.6534H38.9168V48.7509C37.6376 50.917 35.2537 52 31.7651 52C29.9627 52 28.3928 51.6967 27.0555 51.0903C25.7473 50.4838 24.7443 49.6462 24.0466 48.5776C23.3489 47.509 23 46.296 23 44.9386C23 42.7726 23.814 41.0686 25.442 39.8267C27.0991 38.5848 29.6429 37.9639 33.0733 37.9639H38.4807C38.4807 36.491 38.0301 35.3646 37.1288 34.5848C36.2276 33.7762 34.8758 33.3718 33.0733 33.3718C31.8233 33.3718 30.5877 33.574 29.3667 33.9783C28.1748 34.3538 27.1573 34.8736 26.3142 35.5379L23.8722 30.8159C25.1513 29.9206 26.6776 29.2274 28.4509 28.7365C30.2534 28.2455 32.0994 28 33.9891 28ZM33.4658 47.4513C34.6287 47.4513 35.6607 47.1913 36.5619 46.6715C37.4632 46.1227 38.1027 45.3285 38.4807 44.2888V41.9061H33.8147C31.0238 41.9061 29.6283 42.8159 29.6283 44.6354C29.6283 45.5018 29.9627 46.1949 30.6313 46.7148C31.329 47.2058 32.2739 47.4513 33.4658 47.4513Z" fill="white"/> <path d="M53.7701 52C52.5781 52 51.5751 51.5957 50.7611 50.787C49.9471 49.9783 49.5401 48.9675 49.5401 47.7545C49.5401 46.5126 49.9471 45.5162 50.7611 44.7653C51.5751 43.9856 52.5781 43.5957 53.7701 43.5957C54.962 43.5957 55.965 43.9856 56.779 44.7653C57.593 45.5162 58 46.5126 58 47.7545C58 48.9675 57.593 49.9783 56.779 50.787C55.965 51.5957 54.962 52 53.7701 52Z" fill="white"/> </svg> </div> <div class="space__row"> <div class="space__sidebar"> <h2 class="space__title minititle"><span>avenue space.</span> цифровая платформа</h2> <div class="space__btn"><a href="/products/avenue-space" class="btn btn--sm">Подробнее</a></div> </div> <div class="space__main"> <ul class="base-list"> <li class="text--primary">CMS + CRM + ERP</li> <li>Все ваши данные в одном месте</li> <li>Высокая скорость работы</li> <li>Безопасность и надежность</li> <li>Простота управления, мобильность</li> <li>Настройка любых бизнес-процессов</li> <li>Доступность с мобильного телефона</li> <li>Любые виды бизнеса</li> <li>Интеграция с 1С</li> <li>Соблюдение закона ФЗ-152 и ФЗ-242</li> </ul> </div> <div class="space__bg"> <img src="/img/space04.png" width="484" alt="" class="space__photo4 a-fadeinright" data-delay="0.1"> <img src="/img/space03.png" width="246" alt="" class="space__photo3 a-fadeinleft" data-delay="0.1"> <img src="/img/space02.png" width="155" alt="" class="space__photo2 a-fadeinup" data-delay="0.1"> <img src="/img/space01.png" width="254" alt="" class="space__photo1 a-fadeinup" data-delay="0.2"> </div> </div> </div> </div> </div> </div> <div class="section section--dark"> <div class="container"> <div class="section__item info"> <div class="info__descr">avenue – это продуктовое агентство полного цикла</div> <!-- <div class="info__title subtitle"> хорошо понимаем потребности рынка. глубокая экспертиза и отраслевой опыт. сильная команда, современные технологии. <div class="mask a-mask"></div> </div> --> <h2 class="info__title subtitle"><!-- a-karaoke --> <!-- <div class="a-karaoke__content"> --> <!-- <span> --> <i class="a-fadeinup" data-delay="0">хорошо понимаем</i> <i class="a-fadeinup" data-delay="0.1">потребности</i> <i class="a-fadeinup" data-delay="0.1">рынка.</i> <i class="text--light a-fadeinup" data-delay="0.2">глубокая&nbsp;экспертиза</i> <i class="text--light a-fadeinup" data-delay="0.2">и отраслевой опыт.</i> <i class="text--second a-fadeinup" data-delay="0.4">сильная</i> <i class="text--second a-fadeinup" data-delay="0.4">команда,</i> <i class="text--second a-fadeinup" data-delay="0.4">современные</i> <i class="text--second a-fadeinup" data-delay="0.4">технологии.</i> <!-- </span> --> <!-- </div> --> <!-- <div class="a-karaoke__mask"></div> --> </h2> <div class="info__row"> <div class="info__main"> <div class="item-statistic a-fadeinup"> <div class="item-statistic__num">10+</div> <div class="item-statistic__descr"> <span>лет на рынке.</span><br> <span>всегда доводим начатые проекты</span> <span>до логического конца</span> </div> </div> </div> <div class="info__sidebar"> <div class="item-person item-person--lg a-fadeinup" data-delay="0.2"> <div class="item-person__photo"> <picture> <img src="/img/person/akobenko@1x.jpg" srcset="/img/person/akobenko@2x.jpg 2x" alt="" width="160" height="160"> </picture> </div> <div class="item-person__detail"> <div class="item-person__name">Антон Кобенко</div> <div class="item-person__status status">CEO</div> </div> </div> </div> </div> </div> </div> <div class="section__divider"></div> <div class="container"> <div class="section__item awards"> <div class="awards__row"> <div class="awards__column"> <div class="item-awards a-fadeinup" data-delay="0"> <div class="item-awards__num">1</div> <div class="item-awards__detail"> <div class="item-awards__title">CRM-интегратор в&nbsp;сфере образования</div> <div class="item-awards__status status">2021. Рейтинг рунета</div> </div> </div> </div> <div class="awards__column"> <div class="item-awards a-fadeinup" data-delay="0.1"> <div class="item-awards__num">4</div> <div class="item-awards__detail"> <div class="item-awards__title">Услуги для бизнеса и&nbsp;потребителей</div> <div class="item-awards__status status">2021. Рейтинг рунета</div> </div> </div> </div> <div class="awards__column"> <div class="item-awards a-fadeinup" data-delay="0.2"> <div class="item-awards__num">5</div> <div class="item-awards__detail"> <div class="item-awards__title">Информационные и&nbsp;инженерные технологии</div> <div class="item-awards__status status">2021. Рейтинг рунета</div> </div> </div> </div> <div class="awards__column"> <div class="item-awards a-fadeinup" data-delay="0"> <div class="item-awards__num">6</div> <div class="item-awards__detail"> <div class="item-awards__title">CRM-интегратор в&nbsp;Москве</div> <div class="item-awards__status status">2021. Рейтинг рунета</div> </div> </div> </div> <div class="awards__column"> <div class="item-awards a-fadeinup" data-delay="0.1"> <div class="item-awards__num">16</div> <div class="item-awards__detail"> <div class="item-awards__title">CRM-интегратор</div> <div class="item-awards__status status">2021. Рейтинг рунета</div> </div> </div> </div> <div class="awards__column"> <div class="item-awards a-fadeinup" data-delay="0.2"> <div class="item-awards__num">38</div> <div class="item-awards__detail"> <div class="item-awards__title">Разработчик корпоративных решений</div> <div class="item-awards__status status">2021. Рейтинг рунета</div> </div> </div> </div> </div> </div> </div> <div class="ticker"> <div class="a-ticker"> <div class="ticker__content a-ticker-content"> <ul class="ticker__list"> <li class="ticker__item">E-commerce</li> <li class="ticker__item">Образование</li> <li class="ticker__item">IT-сектор</li> <li class="ticker__item">Финтех</li> <li class="ticker__item">Логистика</li> <li class="ticker__item">Блокчейн</li> <li class="ticker__item">Медиа</li> <li class="ticker__item">Телеком</li> <li class="ticker__item">E-commerce</li> <li class="ticker__item">Образование</li> <li class="ticker__item">IT-сектор</li> </ul> </div> </div> </div> </div> <div class="section section--light"> <div class="container"> <div class="section__item testimonials"> <div class="testimonials__row"> <div class="testimonials__sidebar"> <div class="testimonials__title minititle a-karaoke"> <div class="a-karaoke__content"> <span> что думают о&nbsp;нас наши клиенты </span> </div> <div class="a-karaoke__mask"></div> </div> </div> <div class="testimonials__main"> <div class="testimonials__carousel swiper a-carousel-testimonials"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item-testimonials"> <div class="item-testimonials__photo"> <picture> <img src="/img/video/rta-khakim2.jpg" srcset="/img/video/rta-khakim2.jpg 2x" alt="" width="290" height="464"> </picture> </div> <div class="item-testimonials__video" data-url="/img/video/rta-khakim-otzyv.mp4"> <!-- <video poster="/img/pic01@2x.jpg"> <source src="/img/video/video03.mp4" type="video/mp4"> </video> --> </div> <div class="item-testimonials__play"> <button class="play"> <svg class="icon-play" width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.742 7.098c1.677 1 1.677 3.498 0 4.498L4.418 18.342c-1.678 1-3.775-.25-3.775-2.249V2.601C.643.6 2.74-.648 4.418.35l11.324 6.747z"/></svg> <svg class="icon-pause" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 5C2.1875 4.48223 2.60723 4.0625 3.125 4.0625H16.875C17.3928 4.0625 17.8125 4.48223 17.8125 5C17.8125 5.51777 17.3928 5.9375 16.875 5.9375H3.125C2.60723 5.9375 2.1875 5.51777 2.1875 5Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 15C2.1875 14.4822 2.60723 14.0625 3.125 14.0625H16.875C17.3928 14.0625 17.8125 14.4822 17.8125 15C17.8125 15.5178 17.3928 15.9375 16.875 15.9375H3.125C2.60723 15.9375 2.1875 15.5178 2.1875 15Z"/> </svg> </button> </div> <div class="item-testimonials__detail"> <div class="item-testimonials__name">Хаким Ибрагимов</div> <div class="item-testimonials__status">RTA</div> </div> </div> </div> <div class="swiper-slide"> <div class="item-testimonials"> <div class="item-testimonials__photo"> <picture> <img src="/img/video/smapse-egor.jpg" srcset="/img/video/smapse-egor.jpg 2x" alt="" width="290" height="464"> </picture> </div> <div class="item-testimonials__video" data-url="/img/video/smapse-egor.mp4"> <!-- <video poster="/img/pic01@2x.jpg"> <source src="/img/video/video03.mp4" type="video/mp4"> </video> --> </div> <div class="item-testimonials__play"> <button class="play"> <svg class="icon-play" width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.742 7.098c1.677 1 1.677 3.498 0 4.498L4.418 18.342c-1.678 1-3.775-.25-3.775-2.249V2.601C.643.6 2.74-.648 4.418.35l11.324 6.747z"/></svg> <svg class="icon-pause" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 5C2.1875 4.48223 2.60723 4.0625 3.125 4.0625H16.875C17.3928 4.0625 17.8125 4.48223 17.8125 5C17.8125 5.51777 17.3928 5.9375 16.875 5.9375H3.125C2.60723 5.9375 2.1875 5.51777 2.1875 5Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 15C2.1875 14.4822 2.60723 14.0625 3.125 14.0625H16.875C17.3928 14.0625 17.8125 14.4822 17.8125 15C17.8125 15.5178 17.3928 15.9375 16.875 15.9375H3.125C2.60723 15.9375 2.1875 15.5178 2.1875 15Z"/> </svg> </button> </div> <div class="item-testimonials__detail"> <div class="item-testimonials__name">Егор Еремеев</div> <div class="item-testimonials__status">Smapse Education</div> </div> </div> </div> <!-- <div class="swiper-slide"> <div class="item-testimonials"> <div class="item-testimonials__photo"> <picture> <img src="/img/pic02@1x.jpg" srcset="/img/pic02@2x.jpg 2x" alt="" width="290" height="464"> </picture> </div> <div class="item-testimonials__video" data-url="/img/video/video02.mp4"></div> <div class="item-testimonials__play"> <button class="play"> <svg class="icon-play" width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.742 7.098c1.677 1 1.677 3.498 0 4.498L4.418 18.342c-1.678 1-3.775-.25-3.775-2.249V2.601C.643.6 2.74-.648 4.418.35l11.324 6.747z"/></svg> <svg class="icon-pause" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 5C2.1875 4.48223 2.60723 4.0625 3.125 4.0625H16.875C17.3928 4.0625 17.8125 4.48223 17.8125 5C17.8125 5.51777 17.3928 5.9375 16.875 5.9375H3.125C2.60723 5.9375 2.1875 5.51777 2.1875 5Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 15C2.1875 14.4822 2.60723 14.0625 3.125 14.0625H16.875C17.3928 14.0625 17.8125 14.4822 17.8125 15C17.8125 15.5178 17.3928 15.9375 16.875 15.9375H3.125C2.60723 15.9375 2.1875 15.5178 2.1875 15Z"/> </svg> </button> </div> <div class="item-testimonials__detail"> <div class="item-testimonials__name">Андрей Ершов</div> <div class="item-testimonials__status">Melbicom</div> </div> </div> </div> <div class="swiper-slide"> <div class="item-testimonials"> <div class="item-testimonials__photo"> <picture> <img src="/img/pic03@1x.jpg" srcset="/img/pic03@2x.jpg 2x" alt="" width="290" height="464"> </picture> </div> <div class="item-testimonials__video" data-url="/img/video/video03.mp4"></div> <div class="item-testimonials__play"> <button class="play"> <svg class="icon-play" width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.742 7.098c1.677 1 1.677 3.498 0 4.498L4.418 18.342c-1.678 1-3.775-.25-3.775-2.249V2.601C.643.6 2.74-.648 4.418.35l11.324 6.747z"/></svg> <svg class="icon-pause" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 5C2.1875 4.48223 2.60723 4.0625 3.125 4.0625H16.875C17.3928 4.0625 17.8125 4.48223 17.8125 5C17.8125 5.51777 17.3928 5.9375 16.875 5.9375H3.125C2.60723 5.9375 2.1875 5.51777 2.1875 5Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 15C2.1875 14.4822 2.60723 14.0625 3.125 14.0625H16.875C17.3928 14.0625 17.8125 14.4822 17.8125 15C17.8125 15.5178 17.3928 15.9375 16.875 15.9375H3.125C2.60723 15.9375 2.1875 15.5178 2.1875 15Z"/> </svg> </button> </div> <div class="item-testimonials__detail"> <div class="item-testimonials__name">Мария Шарапова</div> <div class="item-testimonials__status">DT Group</div> </div> </div> </div> <div class="swiper-slide"> <div class="item-testimonials"> <div class="item-testimonials__photo"> <picture> <img src="/img/pic14@1x.jpg" srcset="/img/pic14@2x.jpg 2x" alt="" width="290" height="464"> </picture> </div> <div class="item-testimonials__video" data-url="/img/video/video04.mp4"></div> <div class="item-testimonials__play"> <button class="play"> <svg class="icon-play" width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.742 7.098c1.677 1 1.677 3.498 0 4.498L4.418 18.342c-1.678 1-3.775-.25-3.775-2.249V2.601C.643.6 2.74-.648 4.418.35l11.324 6.747z"/></svg> <svg class="icon-pause" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 5C2.1875 4.48223 2.60723 4.0625 3.125 4.0625H16.875C17.3928 4.0625 17.8125 4.48223 17.8125 5C17.8125 5.51777 17.3928 5.9375 16.875 5.9375H3.125C2.60723 5.9375 2.1875 5.51777 2.1875 5Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 15C2.1875 14.4822 2.60723 14.0625 3.125 14.0625H16.875C17.3928 14.0625 17.8125 14.4822 17.8125 15C17.8125 15.5178 17.3928 15.9375 16.875 15.9375H3.125C2.60723 15.9375 2.1875 15.5178 2.1875 15Z"/> </svg> </button> </div> <div class="item-testimonials__detail"> <div class="item-testimonials__name">Хаким Ибрагимов</div> <div class="item-testimonials__status">RTA</div> </div> </div> </div> <div class="swiper-slide"> <div class="item-testimonials"> <div class="item-testimonials__photo"> <picture> <img src="/img/pic02@1x.jpg" srcset="/img/pic02@2x.jpg 2x" alt="" width="290" height="464"> </picture> </div> <div class="item-testimonials__video" data-url="/img/video/video02.mp4"></div> <div class="item-testimonials__play"> <button class="play"> <svg class="icon-play" width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.742 7.098c1.677 1 1.677 3.498 0 4.498L4.418 18.342c-1.678 1-3.775-.25-3.775-2.249V2.601C.643.6 2.74-.648 4.418.35l11.324 6.747z"/></svg> <svg class="icon-pause" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 5C2.1875 4.48223 2.60723 4.0625 3.125 4.0625H16.875C17.3928 4.0625 17.8125 4.48223 17.8125 5C17.8125 5.51777 17.3928 5.9375 16.875 5.9375H3.125C2.60723 5.9375 2.1875 5.51777 2.1875 5Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.1875 15C2.1875 14.4822 2.60723 14.0625 3.125 14.0625H16.875C17.3928 14.0625 17.8125 14.4822 17.8125 15C17.8125 15.5178 17.3928 15.9375 16.875 15.9375H3.125C2.60723 15.9375 2.1875 15.5178 2.1875 15Z"/> </svg> </button> </div> <div class="item-testimonials__detail"> <div class="item-testimonials__name">Андрей Шарапов</div> <div class="item-testimonials__status">DT Group</div> </div> </div> </div> --> </div> <div class="btn-prev"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.188 10c0-.518.42-.938.937-.938h13.75a.937.937 0 1 1 0 1.876H3.125A.937.937 0 0 1 2.187 10z"/><path d="M9.413 3.712a.937.937 0 0 1 0 1.326L4.45 10l4.962 4.962a.937.937 0 1 1-1.326 1.326l-5.625-5.625a.937.937 0 0 1 0-1.326l5.625-5.625a.937.937 0 0 1 1.326 0z"/></svg></div> <div class="btn-next"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.188 10c0-.518.42-.938.937-.938h13.75a.937.937 0 1 1 0 1.876H3.125A.937.937 0 0 1 2.187 10z"/><path d="M10.587 3.712a.937.937 0 0 1 1.326 0l5.625 5.625a.938.938 0 0 1 0 1.326l-5.625 5.625a.937.937 0 0 1-1.326-1.326L15.55 10l-4.962-4.962a.938.938 0 0 1 0-1.326z"/></svg></div> </div> </div> </div> </div> <div class="section__item clients"> <div class="clients__row"> <div class="clients__column a-fadeinup" data-delay="0"> <span class="item-client"><img src="/img/clients/raisio.png" alt="" width="81" height="67"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.1"> <span class="item-client"><img src="/img/clients/infotecs.svg" alt="" width="136" height="34"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.2"> <span class="item-client"><img src="/img/clients/melbicom.svg" alt="" width="156" height="39"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.3"> <span class="item-client"><img src="/img/clients/staracademy.svg" alt="" width="199" height="39"></span> </div> <div class="clients__column a-fadeinup" data-delay="0"> <span class="item-client"><img src="/img/clients/rta.png" alt="" width="104" height="60"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.1"> <span class="item-client"><img src="/img/clients/corall.svg" alt="" width="90" height="74"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.2"> <span class="item-client"><img src="/img/clients/tutori.svg" alt="" width="156" height="53"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.3"> <span class="item-client"><img src="/img/clients/smapse.svg" alt="" width="121" height="57"></span> </div> <div class="clients__column a-fadeinup" data-delay="0"> <span class="item-client"><img src="/img/clients/mosigra.png" alt="" width="104" height="83"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.1"> <span class="item-client"><img src="/img/clients/socialvisual.svg" alt="" width="163" height="30"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.2"> <span class="item-client"><img src="/img/clients/rsk.svg" alt="" width="136" height="40"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.3"> <span class="item-client"><img src="/img/clients/insightlingua.svg" alt="" width="149" height="51"></span> </div> <div class="clients__column a-fadeinup" data-delay="0"> <span class="item-client"><img src="/img/clients/globaldialog.svg" alt="" width="184" height="16"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.1"> <span class="item-client"><img src="/img/clients/antana.svg" alt="" width="142" height="33"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.2"> <span class="item-client"><img src="/img/clients/mgutu.png" alt="" width="81" height="87"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.3"> <span class="item-client"><img src="/img/clients/dtgroup.svg" alt="" width="74" height="76"></span> </div> <div class="clients__column a-fadeinup" data-delay="0"> <span class="item-client"><img src="/img/clients/dantonehome.svg" alt="" width="131" height="87"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.1"> <span class="item-client"><img src="/img/clients/heliclub.svg" alt="" width="137" height="52"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.2"> <span class="item-client"><img src="/img/clients/aberton.svg" alt="" width="152" height="37"></span> </div> <div class="clients__column a-fadeinup" data-delay="0.3"> <span class="item-client"><img src="/img/clients/rif.png" alt="" width="92" height="60"></span> </div> </div> </div> </div> </div> <div class="section"> <div class="container"> <div class="section__item projects"> <div class="projects__title subtitle a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">наши проекты.</i> себя показать, другим посмотреть </span> </div> <div class="a-karaoke__mask"></div> </div> <div class="projects__row"> <div class="projects__column projects__column--md a-fadeinup" data-delay="0.1"> <div class="item-projects"> <div class="item-projects__photo"> <picture> <source type="image/webp" srcset="/files/65f/ae25285b3b/Cover-big_r786x690.webp, /files/65f/ae25285b3b/Cover-big_r1572x1380.webp 2x"> <img src="/files/65f/ae25285b3b/Cover-big_r786x690.png" srcset="/files/65f/ae25285b3b/Cover-big_r1572x1380.png 2x" alt="" width="786" height="690"> </picture> <span class="btn btn--circle"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.663 4.337a.938.938 0 0 1 0 1.326l-10 10a.938.938 0 0 1-1.326-1.326l10-10a.937.937 0 0 1 1.326 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.938 5c0-.518.42-.938.937-.938H15c.518 0 .938.42.938.938v8.125a.937.937 0 1 1-1.876 0V5.937H6.875A.937.937 0 0 1 5.937 5z"/></svg> </span> </div> <div class="item-projects__title"> <a href="/projects/globaldialog"> <div class="a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">global dialog.</i> <p>брендинг, дизайн-система, сайт и цифровая платформа для управления бизнесом</p> </span> </div> <div class="a-karaoke__mask"></div> </div> </a> </div> </div> </div> <div class="projects__column projects__column--sm a-fadeinup" data-delay="0.3"> <div class="item-projects a-scroll"> <div class="item-projects__photo"> <picture> <source type="image/webp" srcset="/files/65f/af3a64c1b5/Cover-vertical_r432x545.webp, /files/65f/af3a64c1b5/Cover-vertical_r864x1090.webp 2x"> <img src="/files/65f/af3a64c1b5/Cover-vertical_r432x545.png" srcset="/files/65f/af3a64c1b5/Cover-vertical_r864x1090.png 2x" alt="" width="432" height="545"> </picture> <span class="btn btn--circle"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.663 4.337a.938.938 0 0 1 0 1.326l-10 10a.938.938 0 0 1-1.326-1.326l10-10a.937.937 0 0 1 1.326 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.938 5c0-.518.42-.938.937-.938H15c.518 0 .938.42.938.938v8.125a.937.937 0 1 1-1.876 0V5.937H6.875A.937.937 0 0 1 5.937 5z"/></svg> </span> </div> <div class="item-projects__title"> <a href="/projects/refway"> <div class="a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">refway.</i> <p>логистический сервис сборных температурных перевозок по России</p> </span> </div> <div class="a-karaoke__mask"></div> </div> </a> </div> </div> </div> <div class="projects__column projects__column--lg a-fadeinup" data-delay="0.1"> <div class="item-projects"> <div class="item-projects__photo"> <picture> <source type="image/webp" srcset="/files/63c/f09029d906/Cover-horizontal_r1140x738.webp, /files/63c/f09029d906/Cover-horizontal_r2280x1476.webp 2x"> <img src="/files/63c/f09029d906/Cover-horizontal_r1140x738.png" srcset="/files/63c/f09029d906/Cover-horizontal_r2280x1476.png 2x" alt="" width="1140" height="738"> </picture> <span class="btn btn--circle"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.663 4.337a.938.938 0 0 1 0 1.326l-10 10a.938.938 0 0 1-1.326-1.326l10-10a.937.937 0 0 1 1.326 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.938 5c0-.518.42-.938.937-.938H15c.518 0 .938.42.938.938v8.125a.937.937 0 1 1-1.876 0V5.937H6.875A.937.937 0 0 1 5.937 5z"/></svg> </span> </div> <div class="item-projects__title"> <a href="/projects/melbicom-billing"> <div class="a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">melbicom billing.</i> <p>личный кабинет и биллинг для управления серверами и услугами клиентов</p> </span> </div> <div class="a-karaoke__mask"></div> </div> </a> </div> </div> </div> <div class="projects__column projects__column--sm a-fadeinup" data-delay="0.3"> <div class="item-projects a-scroll"> <div class="item-projects__photo"> <picture> <source type="image/webp" srcset="/files/63c/f09a1c303e/Cover-vertical_r432x545.webp, /files/63c/f09a1c303e/Cover-vertical_r864x1090.webp 2x"> <img src="/files/63c/f09a1c303e/Cover-vertical_r432x545.png" srcset="/files/63c/f09a1c303e/Cover-vertical_r864x1090.png 2x" alt="" width="432" height="545"> </picture> <span class="btn btn--circle"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.663 4.337a.938.938 0 0 1 0 1.326l-10 10a.938.938 0 0 1-1.326-1.326l10-10a.937.937 0 0 1 1.326 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.938 5c0-.518.42-.938.937-.938H15c.518 0 .938.42.938.938v8.125a.937.937 0 1 1-1.876 0V5.937H6.875A.937.937 0 0 1 5.937 5z"/></svg> </span> </div> <div class="item-projects__title"> <a href="/projects/rdc-app"> <div class="a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">rdc.</i> <p>сервис оптимизации логистики в крупных распределительных центрах с помощью технологий машинного обучения</p> </span> </div> <div class="a-karaoke__mask"></div> </div> </a> </div> </div> </div> <div class="projects__column projects__column--md a-fadeinup" data-delay="0.1"> <div class="item-projects"> <div class="item-projects__photo"> <picture> <source type="image/webp" srcset="/files/644/915b64b172/Cover-horizontal_r786x690.webp, /files/644/915b64b172/Cover-horizontal_r1572x1380.webp 2x"> <img src="/files/644/915b64b172/Cover-horizontal_r786x690.png" srcset="/files/644/915b64b172/Cover-horizontal_r1572x1380.png 2x" alt="" width="786" height="690"> </picture> <span class="btn btn--circle"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.663 4.337a.938.938 0 0 1 0 1.326l-10 10a.938.938 0 0 1-1.326-1.326l10-10a.937.937 0 0 1 1.326 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.938 5c0-.518.42-.938.937-.938H15c.518 0 .938.42.938.938v8.125a.937.937 0 1 1-1.876 0V5.937H6.875A.937.937 0 0 1 5.937 5z"/></svg> </span> </div> <div class="item-projects__title"> <a href="/projects/dantonehome"> <div class="a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">dantone home.</i> <p>концепция, дизайн, разработка и поддержка интернет-магазина мебельной сети</p> </span> </div> <div class="a-karaoke__mask"></div> </div> </a> </div> </div> </div> <div class="projects__column projects__column--lg a-fadeinup" data-delay="0.1"> <div class="item-projects"> <div class="item-projects__photo"> <picture> <source type="image/webp" srcset="/files/63c/f07add7a7a/Cover-horizontal_r1140x738.webp, /files/63c/f07add7a7a/Cover-horizontal_r2280x1476.webp 2x"> <img src="/files/63c/f07add7a7a/Cover-horizontal_r1140x738.png" srcset="/files/63c/f07add7a7a/Cover-horizontal_r2280x1476.png 2x" alt="" width="1140" height="738"> </picture> <span class="btn btn--circle"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.663 4.337a.938.938 0 0 1 0 1.326l-10 10a.938.938 0 0 1-1.326-1.326l10-10a.937.937 0 0 1 1.326 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.938 5c0-.518.42-.938.937-.938H15c.518 0 .938.42.938.938v8.125a.937.937 0 1 1-1.876 0V5.937H6.875A.937.937 0 0 1 5.937 5z"/></svg> </span> </div> <div class="item-projects__title"> <a href="/projects/dtgroup"> <div class="a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">dt group.</i> <p>имиджевый сайт первого корпоративного видеопродакшн агентства</p> </span> </div> <div class="a-karaoke__mask"></div> </div> </a> </div> </div> </div> <div class="projects__column projects__column--md a-fadeinup" data-delay="0.1"> <div class="item-projects"> <div class="item-projects__photo"> <picture> <source type="image/webp" srcset="/files/63c/f0455526ca/Cover-horizontal_r786x690.webp, /files/63c/f0455526ca/Cover-horizontal_r1572x1380.webp 2x"> <img src="/files/63c/f0455526ca/Cover-horizontal_r786x690.png" srcset="/files/63c/f0455526ca/Cover-horizontal_r1572x1380.png 2x" alt="" width="786" height="690"> </picture> <span class="btn btn--circle"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.663 4.337a.938.938 0 0 1 0 1.326l-10 10a.938.938 0 0 1-1.326-1.326l10-10a.937.937 0 0 1 1.326 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.938 5c0-.518.42-.938.937-.938H15c.518 0 .938.42.938.938v8.125a.937.937 0 1 1-1.876 0V5.937H6.875A.937.937 0 0 1 5.937 5z"/></svg> </span> </div> <div class="item-projects__title"> <a href="/projects/social-visual"> <div class="a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">social visual.</i> <p>маркетплейс графических дизайн-продуктов для проведения рекламы и маркетинга в социальных сетях и других площадках</p> </span> </div> <div class="a-karaoke__mask"></div> </div> </a> </div> </div> </div> <div class="projects__column projects__column--sm a-fadeinup" data-delay="0.3"> <div class="item-projects a-scroll"> <div class="item-projects__photo"> <picture> <source type="image/webp" srcset="/files/63c/f0c46e48fd/Cover-vertical_r432x545.webp, /files/63c/f0c46e48fd/Cover-vertical_r864x1090.webp 2x"> <img src="/files/63c/f0c46e48fd/Cover-vertical_r432x545.png" srcset="/files/63c/f0c46e48fd/Cover-vertical_r864x1090.png 2x" alt="" width="432" height="545"> </picture> <span class="btn btn--circle"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.663 4.337a.938.938 0 0 1 0 1.326l-10 10a.938.938 0 0 1-1.326-1.326l10-10a.937.937 0 0 1 1.326 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.938 5c0-.518.42-.938.937-.938H15c.518 0 .938.42.938.938v8.125a.937.937 0 1 1-1.876 0V5.937H6.875A.937.937 0 0 1 5.937 5z"/></svg> </span> </div> <div class="item-projects__title"> <a href="/projects/tutori"> <div class="a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">tutori.</i> <p>агрегатор и сервис репетиторов со всего мира</p> </span> </div> <div class="a-karaoke__mask"></div> </div> </a> </div> </div> </div> <div class="projects__column projects__column--lg a-fadeinup" data-delay="0.1"> <div class="item-projects"> <div class="item-projects__photo"> <img src="/files/644/a79a7151d9/Cover-horizontal.png"> <span class="btn btn--circle"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.663 4.337a.938.938 0 0 1 0 1.326l-10 10a.938.938 0 0 1-1.326-1.326l10-10a.937.937 0 0 1 1.326 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.938 5c0-.518.42-.938.937-.938H15c.518 0 .938.42.938.938v8.125a.937.937 0 1 1-1.876 0V5.937H6.875A.937.937 0 0 1 5.937 5z"/></svg> </span> </div> <div class="item-projects__title"> <a href="/projects/aberton"> <div class="a-karaoke"> <div class="a-karaoke__content"> <span> <i class="text--primary">aberton.</i> <p>разработка визуальной концепции и дизайна сайта для яхт-клуба Aberton Yahts</p> </span> </div> <div class="a-karaoke__mask"></div> </div> </a> </div> </div> </div> </div> <div class="projects__more more"><a href="/projects" class="btn btn--outline"><span class="btn__text">Больше проектов</span><span class="btn__tooltip">Посмотреть</span></a></div> </div> </div> </div> </main> <footer class="footer"> <div class="container"> <div class="footer__brand brand"> <img src="/img/avenue.svg" alt="" width="134" height="19" class="footer__logo"> </div> <div class="footer__row"> <div class="footer__main"> <div class="footer__title subtitle a-karaoke"> <div class="a-karaoke__content"> <span> <i>отлично.</i> давайте поработаем </span> </div> <div class="a-karaoke__mask"></div> </div> </div> <div class="footer__sidebar"> <div class="footer__contacts"> <div class="item-contact"><a href="tel:+74955043236" class="phone-link">+7 (495) 504-32-36</a></div> <div class="item-contact"><a href="mailto:hello@avenuemedia.ru" class="mail-link">hello@avenuemedia.ru</a></div> <div class="item-contact"> Москва, м. Павелецкая, <div class="item-contact__divider"></div> 1-й Кожевнический пер., 10с2 </div> </div> </div> </div> <div class="footer__row footer__row--controls"> <div class="footer__main"> <div class="footer__control"> <button class="btn btn--sm a-toggle-feedback">Обсудить проект</button> <span class="footer__note">или пишите в телегу</span> <a href="https://t.me/antonkobenko" class="item-person footer__person"> <div class="item-person__photo"> <picture> <img src="/img/person/akobenko@1x.jpg" srcset="/img/person/akobenko@2x.jpg 2x" alt="" width="60" height="60"> </picture> </div> <div class="item-person__detail"> <div class="item-person__name">Антон Кобенко</div> <div class="item-person__status status">@antonkobenko</div> </div> </a> </div> </div> <div class="footer__sidebar"> <div class="item-contact"> <a href="https://t.me/antonkobenko" class="item-icon"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m12.556 20.242-.53 7.445c.758 0 1.086-.325 1.48-.716l3.55-3.393 7.358 5.388c1.349.752 2.3.356 2.664-1.241l4.829-22.63h.001c.428-1.995-.721-2.775-2.036-2.286L1.486 13.677c-1.938.752-1.908 1.832-.33 2.321l7.258 2.258L25.27 7.708c.793-.526 1.515-.235.921.29L12.556 20.242z" fill="#0700FF"/></svg> telegram </a> </div> </div> </div> <div class="footer__info"> <ul class="infonav"> <li class="infonav__item">&copy; 2025 avenue.</li> <li class="infonav__item"><a href="#" class="infonav__link">Политика конфиденциальности</a></li> </ul> </div> </div> </footer> <div class="modal feedback"> <div class="modal__box"> <button class="btn-feedback a-toggle-feedback"> <span class="btn-feedback__icon"></span> <span class="btn-feedback__text">Скрыть</span> </button> <div class="modal__body scroll"> <div class="modal__title minititle"><span class="title__primary">Попробуем?</span></div> <form class="form orderForm" action="#"> <input type="hidden" name="token"> <input type="hidden" name="source" value="https://avenuemedia.ru/"> <input type="hidden" name="formName" value="Попап заявка"> <div class="form__group form__control--md"> <input name="name" required type="text" class="form__control" placeholder="Имя" value=""> </div> <div class="form__group form__control--md"> <input name="company" type="text" class="form__control" placeholder="Компания"> </div> <div class="form__group form__control--md"> <input required name="email" type="email" class="form__control" placeholder="E-mail"> </div> <div class="form__group form__control--md"> <input required name="phone" type="tel" class="form__control" placeholder="Телефон"> </div> <div class="form__group form__control--md"> <select name="budget" class="form__control"> <option value="">Бюджет</option> <option value="500000">до 500 000 руб.</option> <option value="1000000">до 1 000 000 руб.</option> <option value="1000000">до 2 000 000 руб.</option> <option value="high">Более 2 000 000</option> </select> </div> <div class="form__group"> <textarea name="text" class="form__control" placeholder="Сообщение" cols="30" rows="5"></textarea> </div> <div class="form__btn"> <button type="submit" class="btn btn--md">Отправить</button> <div class="form__help help"> Нажимая на кнопку ”Отправить” вы соглашаетесь с <a href="#">правилами</a>. Мы используем ReCAPTCHA. <a rel="nofollow" href="https://policies.google.com/privacy">Политика конфиденциальности</a> и <a rel="nofollow" href="https://policies.google.com/terms">Условия обслуживания Google</a>. </div> </div> </form> </div> </div> <div class="modal__backdrop"></div> </div> </div> <script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script> <script>window.jQuery||document.write('<script src="/js/jquery-3.6.0.min.js"><\/script>');</script> <link href="/css/fancybox.css" rel="stylesheet"> <link rel="stylesheet" href="/css/swiper-bundle.min.css"> <link rel="stylesheet" href="/css/select2.min.css"> <script src="/js/swiper-bundle.min.js"></script> <script src="/js/select2.min.js"></script> <script src="/js/gsap.min.js"></script> <script src="/js/ScrollTrigger.min.js"></script> <script src="/js/script.js?4"></script> <script src="/js/fancybox.umd.js"></script> <script> function popupAlert(text) { new Fancybox([ { src: text, type: "html", }, ]); } (function () { $('form.orderForm').submit(function () { let form = $(this); checkCaptcha(form, function () { $.ajax({ type: "POST", url: '/feedback-ajax', data: form.serialize(), dataType: "json", success: function (data) { if (data.error) { popupAlert(data.error); } else { $('.feedback').removeClass('opened'); $('html').removeClass('body-modal-opened'); popupAlert('Ваша заявка принята'); let inputs = form.find('input, select, textarea'); inputs.val(''); form.find('input').each(updateTick); inputs.trigger('change'); } } }).fail(function() { popupAlert('Ошибка'); }); }); return false; }); function updateTick() { let input = $(this); if (input.val() && ( input.attr('type') == 'email' && input.val().match(/^(\w|\d)+\@(\w|\d)+\.\w+$/) || input.attr('type') == 'tel' && input.val().match(/^\d+$/) || input.attr('type') == 'text' && input.val().match(/^[а-яА-Яa-zA-Z]+$/) )) { input.parent().addClass('success'); } else { input.parent().removeClass('success'); } } $('form.orderForm').find('input').keyup(updateTick); })(); /* var recaptchaOnReadyFunctions = []; function recaptchaOnloadCallback() { for (let t = 0; t < recaptchaOnReadyFunctions.length; t++) { recaptchaOnReadyFunctions[t](); } } recaptchaAsync = new function () { let apiScriptPath = "https://www.google.com/recaptcha/api.js?hl=ru&onload=recaptchaOnloadCallback"; let initializing = false; this.ready = function (f) { recaptchaOnReadyFunctions.push(f); if (!initializing) { initializing = true; this.init(); } }; this.init = function () { $(function () { $.ajax({url: apiScriptPath, dataType: 'script', cache: true, success: function () {}}); }) }; }; */ function checkCaptcha(form, onSuccess) { grecaptcha.ready(function() { grecaptcha.execute('6LeVMyEkAAAAANz3-3dkv3plIWzgw_saB3D2WSDS', {action: 'feedback'}).then(function (token) { form.find('input[name=token]').val(token); onSuccess(); return false; }).catch(err => { popupAlert(err); }); }); } </script> <script src='https://www.google.com/recaptcha/api.js?render=6LeVMyEkAAAAANz3-3dkv3plIWzgw_saB3D2WSDS' async></script> <style> .grecaptcha-badge { visibility: hidden; } </style> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-42624320-1', 'avenuemedia.ru'); ga('send', 'pageview'); </script> <!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter39439855 = new Ya.Metrika({ id:39439855, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/39439855" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10