840 lines
50 KiB
HTML
840 lines
50 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="icon" href="img/omni-logo.svg" type="image/svg+xml">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<title>OmniAgency | Коммерческое предложение</title>
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<div class="header-container">
|
||
<div class="header-content">
|
||
<a href="index.html" class="header-omni-logo">
|
||
<svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.79419 0H10.1919V3.34301H6.79419V0ZM6.79419 6.31669V9.65731H3.39894V16.3433H6.79419V19.3152V22.6579H10.1919V19.3152H26.8044V22.657H20.3866V26H26.8044V22.6579H30.2021V16.3433H33.5973V9.65731H30.2021H30.2005V6.31669H26.8068V3.34423H23.4092V6.31669H13.5871V3.34423H10.1895V6.31669H6.79419ZM26.8044 12.9979V9.65972H23.4039V12.9979H26.8044ZM13.5884 9.65972V12.9979H10.1919V9.65972H13.5884ZM3.39769 12.9979H0V22.6555H3.39769V12.9979ZM16.6113 26V22.657H10.1934V26H16.6113ZM30.2021 0H26.8044V3.34301H30.2021V0ZM37 12.9979H33.6023V22.6555H37V12.9979Z" fill="white"/>
|
||
</svg>
|
||
</a>
|
||
|
||
<div class="header-links">
|
||
<a href="#about">
|
||
Кто мы?
|
||
</a>
|
||
|
||
<a href="#commercial">
|
||
Коммерческое предложение
|
||
</a>
|
||
|
||
<a href="#projects">
|
||
Проекты
|
||
</a>
|
||
|
||
<a href="#contacts">
|
||
Контакты
|
||
</a>
|
||
</div>
|
||
|
||
<a href="https://t.me/avandr" target="_blank" class="telegram-link">
|
||
<p>Telegram</p>
|
||
|
||
<div>
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M16.6083 3.00018H6.58734V4.3919H15.6243L3 16.1809L3.98394 17.1649L16.6083 5.37584V15.2482H18V4.3919C18 3.62437 17.3758 3.00018 16.6083 3.00018Z" fill="#1F1F1F"/>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
|
||
<div class="mobile-header">
|
||
<div class="contact-card-link-icon header-telegram">
|
||
<a href="https://t.me/avandr" target="_blank">
|
||
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M7.84765 13.1564L7.51682 17.8097C7.99015 17.8097 8.19515 17.6064 8.44098 17.3622L10.6601 15.2414L15.2585 18.6089C16.1018 19.0789 16.696 18.8314 16.9235 17.833L19.9418 3.68971L19.9426 3.68888C20.2101 2.44221 19.4918 1.95471 18.6701 2.26055L0.928482 9.05305C-0.282352 9.52305 -0.264018 10.198 0.722648 10.5039L5.25848 11.9147L15.7943 5.32221C16.2901 4.99388 16.741 5.17555 16.3701 5.50388L7.84765 13.1564Z" fill="currentColor"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<button class="burger-menu-btn get-request-btn" id="burger">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Burger menu -->
|
||
<div class="burger-menu" id="burgerMenu">
|
||
<div class="burger-menu-content">
|
||
<nav class="burger-nav">
|
||
<a href="#about">Кто мы?</a>
|
||
<a href="#commercial">Коммерческое предложение</a>
|
||
<a href="#projects">Проекты</a>
|
||
<a href="#contacts">Контакты</a>
|
||
</nav>
|
||
|
||
<div class="omni-logo">
|
||
<a href="https://omniagency.ru/" target="_blank">
|
||
<svg width="123" height="88" viewBox="0 0 123 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5861 0H33.8813V11.3148H22.5861V0ZM22.5861 21.3796V32.6863H11.2992V55.3159H22.5861V65.3744V76.6882H33.8813V65.3744H89.1065V76.6853H67.7716V88H89.1065V76.6882H100.402V55.3159H111.688V32.6863H100.402H100.396V21.3796H89.1147V11.3189H77.8198V21.3796H45.168V11.3189H33.8731V21.3796H22.5861ZM89.1065 43.9928V32.6944H77.8022V43.9928H89.1065ZM45.1721 32.6944V43.9928H33.8813V32.6944H45.1721ZM11.295 43.9928H0V76.6803H11.295V43.9928ZM55.2215 88V76.6853H33.8863V88H55.2215ZM100.402 0H89.1065V11.3148H100.402V0ZM123 43.9928H111.705V76.6803H123V43.9928Z" fill="currentColor"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main">
|
||
<section class="main-banner">
|
||
<div class="main-banner-top">
|
||
<h1 class="main-banner-title h2">
|
||
<span>Коммерческое предложение</span><br>
|
||
на разработку интернет-магазина «Оконный прораб»
|
||
</h1>
|
||
</div>
|
||
|
||
<div class="main-banner-bottom">
|
||
<div class="welcome-banner">
|
||
<p class="welcome-banner-text">
|
||
Приветствую! Меня зовут Александр, я владелец и руководитель веб-студии Omniagency. Мы ознакомились с вашей задачей по разработке нового сайта и подготовили предварительное коммерческое предложение
|
||
</p>
|
||
|
||
<div class="welcome-banner-author">
|
||
<img src="img/Alexander.png" alt="">
|
||
|
||
<p>Александр Андреев</p>
|
||
</div>
|
||
|
||
<div class="welcome-banner-icon">
|
||
<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect width="32" height="32" transform="matrix(1 0 0 -1 64 32)" fill="#1F1F1F"/>
|
||
<rect width="32" height="32" transform="matrix(1 0 0 -1 32 64)" fill="#1F1F1F"/>
|
||
<rect width="32" height="32" transform="matrix(1 0 0 -1 64 96)" fill="#1F1F1F"/>
|
||
<rect width="32" height="32" transform="matrix(1 0 0 -1 0 96)" fill="#1F1F1F"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="partnership">
|
||
<img src="img/partnership.svg" alt="">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="who-are-we" id="about">
|
||
<div class="who-are-we-left">
|
||
<a href="https://omniagency.ru/" target="_blank" class="omni-big-logo">
|
||
<svg width="208" height="146" viewBox="0 0 208 146" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.1944 0L57.2951 0V18.7723H38.1944V0ZM38.1944 35.4706V54.2295H19.1075L19.1075 91.7742H38.1944V108.462V127.233H57.2951V108.462H150.684V127.228H114.606V146H150.684V127.233H169.785V91.7742H188.872V54.2295H169.785H169.776V35.4706H150.698V18.7792H131.598V35.4706L76.3817 35.4706V18.7792L57.2813 18.7792V35.4706H38.1944ZM150.684 72.988V54.243H131.568V72.988H150.684ZM76.3886 54.243V72.988H57.2951V54.243H76.3886ZM19.1005 72.988H0L0 127.22H19.1005V72.988ZM93.3827 146V127.228H57.3036L57.3036 146H93.3827ZM169.785 0L150.684 0V18.7723H169.785V0ZM208 72.988H188.9V127.22H208V72.988Z" fill="currentColor"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="who-are-we-right">
|
||
<div class="who-are-we-right-top">
|
||
<h2 class="h1">
|
||
Кто мы такие?
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="who-are-we-right-bottom">
|
||
<p class="h2 who-are-we-title">
|
||
<span><a target="_blank" href="https://omniagency.ru/">omniagency.ru</a></span> — web-студия, которая разрабатывает креативные и рабочие <span class="no-break">it-решения</span> для: магазинов, стартапов, продуктов, бизнеса
|
||
</p>
|
||
|
||
<div class="who-are-we-cards">
|
||
<div class="who-are-we-card">
|
||
<div class="we-card-icon">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect width="8" height="8" transform="matrix(1 0 0 -1 8 16)" fill="#1F1F1F"/>
|
||
<rect x="1.5" y="-1.5" width="17" height="17" transform="matrix(1 0 0 -1 2 19)" stroke="#1F1F1F" stroke-width="3"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="we-card-absolute-icon icon-1">
|
||
<svg width="72" height="48" viewBox="0 0 72 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect width="24" height="24" transform="matrix(1 0 0 -1 48 24)" fill="white"/>
|
||
<rect width="24" height="24" transform="matrix(1 0 0 -1 24 48)" fill="white"/>
|
||
<rect width="24" height="24" transform="matrix(1 0 0 -1 0 24)" fill="white"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<p class="we-card-title">
|
||
Работа в открытую
|
||
</p>
|
||
|
||
<p class="we-card-text">
|
||
Создадим общий чат в Телеграм, звонки проводим в Телемосте. У вас будет доступ на доску, в которой команда трекает выполнение задач.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="who-are-we-card">
|
||
<div class="we-card-icon">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M19.7852 20.5L12.9844 3.5H11.0156L4.21484 20.5H19.7852Z" stroke="#1F1F1F" stroke-width="3"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="we-card-absolute-icon icon-2">
|
||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect width="24" height="24" transform="matrix(1 0 0 -1 24 48)" fill="white"/>
|
||
<rect width="24" height="24" transform="matrix(1 0 0 -1 0 24)" fill="white"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<p class="we-card-title">
|
||
Глубокая экспертиза
|
||
</p>
|
||
|
||
<p class="we-card-text">
|
||
Разбираемся в рынке, дизайне и задачах бизнеса за счёт практического опыта команды
|
||
</p>
|
||
</div>
|
||
|
||
<div class="who-are-we-card">
|
||
<div class="we-card-icon">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect width="8" height="8" transform="matrix(1 0 0 -1 0 12)" fill="#1F1F1F"/>
|
||
<rect width="8" height="8" transform="matrix(1 0 0 -1 8 20)" fill="#1F1F1F"/>
|
||
<rect width="8" height="8" transform="matrix(1 0 0 -1 16 12)" fill="#1F1F1F"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="we-card-absolute-icon icon-3">
|
||
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect width="24" height="24" transform="matrix(1 0 0 -1 24 48)" fill="white"/>
|
||
<rect width="24" height="24" transform="matrix(1 0 0 -1 48 72)" fill="white"/>
|
||
<rect width="24" height="24" transform="matrix(1 0 0 -1 48 24)" fill="white"/>
|
||
<rect width="24" height="24" transform="matrix(1 0 0 -1 0 24)" fill="white"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<p class="we-card-title">
|
||
Персональный менеджер
|
||
</p>
|
||
|
||
<p class="we-card-text">
|
||
За вами будет закреплен персональный менеджер, который будет отчитываться по промежуточным результатам по вашему запросу
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="our-solutions">
|
||
<div class="invisible"></div>
|
||
<div class="our-solutions-container">
|
||
<div class="our-solutions-content">
|
||
<h2 class="h1">
|
||
Что мы предлагаем?
|
||
</h2>
|
||
|
||
<div class="our-solutions-descs">
|
||
<div class="our-solutions-desc">
|
||
<p class="our-solutions-desc-title">
|
||
Цель страницы:
|
||
</p>
|
||
|
||
<p class="our-solutions-desc-text">
|
||
привлечение новых партнеров (дилеров, дистрибьюторов, розничных магазинов)
|
||
</p>
|
||
</div>
|
||
|
||
<div class="our-solutions-desc">
|
||
<p class="our-solutions-desc-title">
|
||
Стиль:
|
||
</p>
|
||
|
||
<p class="our-solutions-desc-text">
|
||
профессиональный, современный, с акцентами на выгодах и доверии
|
||
</p>
|
||
</div>
|
||
|
||
<div class="our-solutions-desc">
|
||
<p class="our-solutions-desc-title">
|
||
Адаптивность:
|
||
</p>
|
||
|
||
<p class="our-solutions-desc-text">
|
||
корректное отображение на всех устройствах (ПК, планшеты, мобильные).
|
||
</p>
|
||
</div>
|
||
|
||
<div class="our-solutions-desc">
|
||
<p class="our-solutions-desc-title">
|
||
Скорость загрузки:
|
||
</p>
|
||
|
||
<p class="our-solutions-desc-text">
|
||
оптимизация изображений и кода (не более 3 сек).
|
||
</p>
|
||
</div>
|
||
|
||
<div class="our-solutions-desc">
|
||
<p class="our-solutions-desc-title">
|
||
CMS:
|
||
</p>
|
||
|
||
<p class="our-solutions-desc-text">
|
||
возможность интеграции с CRM (Bitrix24).
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="our-solutions-text">
|
||
<p>
|
||
Представляем вам концепцию обновлённого интернет-магазина, разработанную с учётом последних тенденций в веб-дизайне и UX. Наша цель — создать эффективный инструмент для привлечения клиентов, повышения конверсии и укрепления вашего бренда на рынке. Мы стремились к профессиональному и современному стилю, делая акцент на доверии и выгодах для конечного потребителя.
|
||
</p>
|
||
|
||
<p>
|
||
В результате проработки, мы предлагаем сайт с адаптивным дизайном, гарантирующим корректное отображение на любых устройствах — от ПК и планшетов до смартфонов. Особое внимание было уделено оптимизации скорости загрузки, что критически важно для удержания посетителей и повышения позиций в поисковых системах. Кроме того, предусмотрена возможность интеграции с вашей CRM системой (Bitrix24), для автоматизации процессов и повышения эффективности работы с клиентами.
|
||
</p>
|
||
|
||
<p>
|
||
В следующих видео мы подробно расскажем о структуре прототипа и ключевых дизайнерских решениях, продемонстрировав как именно новый сайт будет решать задачи вашего бизнеса и радовать ваших клиентов.
|
||
</p>
|
||
|
||
<ol>
|
||
<li>
|
||
Представляем вам концепцию обновлённого интернет-магазина, разработанную с учётом последних тенденций в веб-дизайне и UX.
|
||
</li>
|
||
|
||
<li>
|
||
Наша цель — создать эффективный инструмент для привлечения клиентов, повышения конверсии и укрепления вашего бренда на рынке.
|
||
</li>
|
||
|
||
<li>
|
||
Мы стремились к профессиональному и современному стилю, делая акцент на доверии и выгодах для конечного потребителя.
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div class="our-solutions-video" data-video-src="https://omniagencyproject.ru/video/ocean.mp4" aria-label="Видео">
|
||
<img src="img/video-bg.png" alt="">
|
||
|
||
<div class="play-btn">
|
||
<svg viewBox="0 0 31 34" xmlns="http://www.w3.org/2000/svg" style="transform: translateX(5%);">
|
||
<path d="M29.5611 15.365L3.25003 0.412432C2.99999 0.270736 2.71767 0.19743 2.43099 0.199761C2.14431 0.202092 1.8632 0.27998 1.61545 0.425723C1.36708 0.571982 1.16104 0.781521 1.01791 1.03341C0.874781 1.2853 0.799575 1.57072 0.799805 1.86117V31.7663C0.799575 32.0568 0.874781 32.3422 1.01791 32.5941C1.16104 32.846 1.36708 33.0555 1.61545 33.2018C1.86731 33.3492 2.15315 33.4272 2.44425 33.4277C2.72052 33.4277 3.00007 33.3579 3.25003 33.2151L29.5611 18.2625C30.0775 17.9668 30.3998 17.4152 30.3998 16.8138C30.3998 16.2123 30.0775 15.6607 29.5611 15.365Z" fill="white"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="open-link-container">
|
||
<a href="https://www.figma.com/design/zsmkP3zzoA1BcbEonNJcIw/КП-для-компаний?node-id=40-2&p=f&t=MjRgTR1dVK2SXvYz-0"
|
||
target="_blank"
|
||
class="open-link">
|
||
|
||
Перейти к макету в Figma
|
||
|
||
<div>
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M16.6083 3.00024H6.58734V4.39196H15.6243L3 16.181L3.98394 17.1649L16.6083 5.3759V15.2482H18V4.39196C18 3.62443 17.3758 3.00024 16.6083 3.00024Z" fill="white"/>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<div class="omni-big-logo-container">
|
||
<a href="https://omniagency.ru/" target="_blank" class="omni-big-logo">
|
||
<svg width="208" height="146" viewBox="0 0 208 146" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.1944 0L57.2951 0V18.7723H38.1944V0ZM38.1944 35.4706V54.2295H19.1075L19.1075 91.7742H38.1944V108.462V127.233H57.2951V108.462H150.684V127.228H114.606V146H150.684V127.233H169.785V91.7742H188.872V54.2295H169.785H169.776V35.4706H150.698V18.7792H131.598V35.4706L76.3817 35.4706V18.7792L57.2813 18.7792V35.4706H38.1944ZM150.684 72.988V54.243H131.568V72.988H150.684ZM76.3886 54.243V72.988H57.2951V54.243H76.3886ZM19.1005 72.988H0L0 127.22H19.1005V72.988ZM93.3827 146V127.228H57.3036L57.3036 146H93.3827ZM169.785 0L150.684 0V18.7723H169.785V0ZM208 72.988H188.9V127.22H208V72.988Z" fill="currentColor"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="commercial-offer" id="commercial">
|
||
<div class="commercial-offer-head">
|
||
<h2 class="h1 commercial-offer-title">
|
||
Коммерческое предложение
|
||
</h2>
|
||
|
||
<p>
|
||
Услуги и ориентировочное время/стоимость — точная смета после согласования.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="commercial-offer-cards">
|
||
<div class="commercial-offer-card">
|
||
<p class="offer-card-title">
|
||
1. Прототипирование
|
||
</p>
|
||
|
||
<p class="offer-card-desc">
|
||
Проведение проектирования пользовательских сценариев и информационной архитектуры будущих страниц сайта, определение ключевых смыслов и акцентов контента.
|
||
</p>
|
||
|
||
<div class="offer-card-time-price-container">
|
||
<p class="offer-card-time">
|
||
160 часов
|
||
</p>
|
||
|
||
<p class="offer-card-price">
|
||
10 000,00 ₽
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="commercial-offer-card">
|
||
<p class="offer-card-title">
|
||
2. Дизайн сайта
|
||
</p>
|
||
|
||
<p class="offer-card-desc">
|
||
Разработка дизайн-макетов на основе утверждённых прототипов в четырёх адаптивных форматах: десктоп (ПК), ноутбук, планшет, смартфон.
|
||
</p>
|
||
|
||
<div class="offer-card-time-price-container">
|
||
<p class="offer-card-time">
|
||
160 часов
|
||
</p>
|
||
|
||
<p class="offer-card-price">
|
||
10 000,00 ₽
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="commercial-offer-card">
|
||
<p class="offer-card-title">
|
||
3. Графический дизайн
|
||
</p>
|
||
|
||
<p class="offer-card-desc">
|
||
Создание набора иконографики для визуального оформления блоков сайта, подбор и последующая доработка изображений с фотостоков.
|
||
</p>
|
||
|
||
<div class="offer-card-time-price-container">
|
||
<p class="offer-card-time">
|
||
80 часов
|
||
</p>
|
||
|
||
<p class="offer-card-price">
|
||
10 000,00 ₽
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="commercial-offer-card">
|
||
<p class="offer-card-title">
|
||
4. Front-end (Вёрстка)
|
||
</p>
|
||
|
||
<p class="offer-card-desc">
|
||
Верстка дизайн-макетов в соответствии с веб-стандартами и адаптация под корректное отображение в различных браузерах и устройствах.
|
||
</p>
|
||
|
||
<div class="offer-card-time-price-container">
|
||
<p class="offer-card-time">
|
||
80 часов
|
||
</p>
|
||
|
||
<p class="offer-card-price">
|
||
10 000,00 ₽
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="commercial-offer-card">
|
||
<p class="offer-card-title">
|
||
5. Back-end (Разработка)
|
||
</p>
|
||
|
||
<p class="offer-card-desc">
|
||
Реализация необходимого функционала сайта, настройка административной панели управления и интеграция вёрстки с системой управления сайтом.
|
||
</p>
|
||
|
||
<div class="offer-card-time-price-container">
|
||
<p class="offer-card-time">
|
||
220 часов
|
||
</p>
|
||
|
||
<p class="offer-card-price">
|
||
10 000,00 ₽
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="commercial-offer-card">
|
||
<p class="offer-card-title">
|
||
6. CMS 1С-Битрикс
|
||
</p>
|
||
|
||
<p class="offer-card-desc">
|
||
Возможна реализация проекта на данной платформе. Однако, по согласованию с Заказчиком, может быть предложено более современное и безопасное технологическое решение.
|
||
|
||
<div class="offer-card-time-price-container">
|
||
<p class="offer-card-time">
|
||
0 часов
|
||
</p>
|
||
|
||
<p class="offer-card-price">
|
||
0,00 ₽
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="commercial-offer-card">
|
||
<p class="offer-card-title">
|
||
7. Перенос контента
|
||
</p>
|
||
|
||
<p class="offer-card-desc">
|
||
Перенос актуального контента с текущей версии сайта на новую платформу, включая структурированную миграцию порядка 510 страниц.
|
||
|
||
<div class="offer-card-time-price-container">
|
||
<p class="offer-card-time">
|
||
120 часов
|
||
</p>
|
||
|
||
<p class="offer-card-price">
|
||
10 000,00 ₽
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="offer-total-price-container">
|
||
<div class="invisible"></div>
|
||
|
||
<p class="offer-total-price-title">
|
||
Итого (Битрикс УС):
|
||
</p>
|
||
|
||
<div class="offer-total-price-and-time">
|
||
<p class="offer-total-price-time">
|
||
6 месяцев (960 часов)
|
||
</p>
|
||
|
||
<p class="offer-total-price">
|
||
10 000,00 ₽
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="included-price">
|
||
<div class="included-price-head">
|
||
<div class="invisible"></div>
|
||
|
||
<h3 class="h2 included-price-title">
|
||
Входит в стоимость
|
||
</h3>
|
||
</div>
|
||
|
||
<div class="included-price-cards">
|
||
<div class="included-price-card">
|
||
<div class="check-mark-icon">
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M8.38012 14.0189C8.59696 14.019 8.81168 13.9761 9.01183 13.8927C9.21197 13.8092 9.39357 13.6869 9.54609 13.5328L15.5982 7.48067L14.1246 6.01123L8.38012 11.7557L5.87595 9.2522L4.40234 10.7251L7.21345 13.5362C7.3664 13.6898 7.54824 13.8115 7.74849 13.8943C7.94874 13.9771 8.16342 14.0195 8.38012 14.0189Z" fill="#A0A0A0"/>
|
||
<path d="M16.2503 1.6665H3.75033C3.19779 1.6665 2.66789 1.886 2.27719 2.2767C1.88649 2.6674 1.66699 3.1973 1.66699 3.74984L1.66699 18.3332H18.3337V3.74984C18.3337 3.1973 18.1142 2.6674 17.7235 2.2767C17.3328 1.886 16.8029 1.6665 16.2503 1.6665ZM16.2503 16.2498H3.75033V3.74984H16.2503V16.2498Z" fill="#A0A0A0"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<p class="included-price-card-role">
|
||
Менеджер проекта
|
||
</p>
|
||
|
||
<p class="included-price-card-desc">
|
||
Менеджер проекта осуществляет организацию и контроль всех этапов работ: взаимодействие с Заказчиком (встречи, онлайн-созвоны), подготовку сопроводительной документации, координацию команды, презентацию промежуточных и финальных результатов.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="included-price-card">
|
||
<div class="check-mark-icon">
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M8.38012 14.0189C8.59696 14.019 8.81168 13.9761 9.01183 13.8927C9.21197 13.8092 9.39357 13.6869 9.54609 13.5328L15.5982 7.48067L14.1246 6.01123L8.38012 11.7557L5.87595 9.2522L4.40234 10.7251L7.21345 13.5362C7.3664 13.6898 7.54824 13.8115 7.74849 13.8943C7.94874 13.9771 8.16342 14.0195 8.38012 14.0189Z" fill="#A0A0A0"/>
|
||
<path d="M16.2503 1.6665H3.75033C3.19779 1.6665 2.66789 1.886 2.27719 2.2767C1.88649 2.6674 1.66699 3.1973 1.66699 3.74984L1.66699 18.3332H18.3337V3.74984C18.3337 3.1973 18.1142 2.6674 17.7235 2.2767C17.3328 1.886 16.8029 1.6665 16.2503 1.6665ZM16.2503 16.2498H3.75033V3.74984H16.2503V16.2498Z" fill="#A0A0A0"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<p class="included-price-card-role">
|
||
Тестирование
|
||
</p>
|
||
|
||
<p class="included-price-card-desc">
|
||
Все этапы проекта проходят внутреннее тестирование. В команде задействован инженер по качеству (QA), что позволяет минимизировать количество ошибок и сэкономить время Заказчика.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="included-price-card">
|
||
<div class="check-mark-icon">
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M8.38012 14.0189C8.59696 14.019 8.81168 13.9761 9.01183 13.8927C9.21197 13.8092 9.39357 13.6869 9.54609 13.5328L15.5982 7.48067L14.1246 6.01123L8.38012 11.7557L5.87595 9.2522L4.40234 10.7251L7.21345 13.5362C7.3664 13.6898 7.54824 13.8115 7.74849 13.8943C7.94874 13.9771 8.16342 14.0195 8.38012 14.0189Z" fill="#A0A0A0"/>
|
||
<path d="M16.2503 1.6665H3.75033C3.19779 1.6665 2.66789 1.886 2.27719 2.2767C1.88649 2.6674 1.66699 3.1973 1.66699 3.74984L1.66699 18.3332H18.3337V3.74984C18.3337 3.1973 18.1142 2.6674 17.7235 2.2767C17.3328 1.886 16.8029 1.6665 16.2503 1.6665ZM16.2503 16.2498H3.75033V3.74984H16.2503V16.2498Z" fill="#A0A0A0"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<p class="included-price-card-role">
|
||
Гарантия по договору 1 год
|
||
</p>
|
||
|
||
<p class="included-price-card-desc">
|
||
Исполнитель предоставляет гарантию сроком на 12 месяцев с момента ввода сайта в эксплуатацию. В случае выявления технических ошибок, допущенных в ходе разработки, их устранение осуществляется без дополнительной оплаты.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="included-price-card">
|
||
<div class="check-mark-icon">
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M8.38012 14.0189C8.59696 14.019 8.81168 13.9761 9.01183 13.8927C9.21197 13.8092 9.39357 13.6869 9.54609 13.5328L15.5982 7.48067L14.1246 6.01123L8.38012 11.7557L5.87595 9.2522L4.40234 10.7251L7.21345 13.5362C7.3664 13.6898 7.54824 13.8115 7.74849 13.8943C7.94874 13.9771 8.16342 14.0195 8.38012 14.0189Z" fill="#A0A0A0"/>
|
||
<path d="M16.2503 1.6665H3.75033C3.19779 1.6665 2.66789 1.886 2.27719 2.2767C1.88649 2.6674 1.66699 3.1973 1.66699 3.74984L1.66699 18.3332H18.3337V3.74984C18.3337 3.1973 18.1142 2.6674 17.7235 2.2767C17.3328 1.886 16.8029 1.6665 16.2503 1.6665ZM16.2503 16.2498H3.75033V3.74984H16.2503V16.2498Z" fill="#A0A0A0"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<p class="included-price-card-role">
|
||
Сопровождение после запуска
|
||
</p>
|
||
|
||
<p class="included-price-card-desc">
|
||
Включает предоставление инструкции по эксплуатации сайта, первичное обучение администратора, а также 20 часов консультационной поддержки (в том числе — ответы на вопросы, уточнения и дополнения к инструкции).
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="open-link-container">
|
||
<a href="files/included-price.pdf" download class="open-link">
|
||
<div>
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M10.0208 13.6667C10.2835 13.6671 10.5438 13.6156 10.7866 13.5152C11.0293 13.4147 11.2499 13.2673 11.4355 13.0813L14.0481 10.4667L13.1055 9.52667L10.6835 11.9493L10.6661 1H9.33281L9.35014 11.9387L6.93681 9.52533L5.99414 10.4667L8.60681 13.0793C8.7922 13.2655 9.01255 13.4133 9.25521 13.5141C9.49787 13.6149 9.75805 13.6667 10.0208 13.6667Z" fill="white"/>
|
||
<path d="M16.6667 11.667V15.0003C16.6667 15.1771 16.5964 15.3467 16.4714 15.4717C16.3464 15.5968 16.1768 15.667 16 15.667H4C3.82319 15.667 3.65362 15.5968 3.5286 15.4717C3.40357 15.3467 3.33333 15.1771 3.33333 15.0003V11.667H2V15.0003C2 15.5308 2.21071 16.0395 2.58579 16.4145C2.96086 16.7896 3.46957 17.0003 4 17.0003H16C16.5304 17.0003 17.0391 16.7896 17.4142 16.4145C17.7893 16.0395 18 15.5308 18 15.0003V11.667H16.6667Z" fill="white"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<p>Cкачать в PDF</p>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="projects" id="projects">
|
||
<div class="projects-head">
|
||
<h2 class="h1 projects-head-title">
|
||
Проекты
|
||
</h2>
|
||
|
||
<a href="https://omniagency.ru/raboty/"
|
||
target="_blank"
|
||
class="open-link">
|
||
|
||
<p>Полное портфолио на сайте</p>
|
||
|
||
<div>
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M16.6083 3.00024H6.58734V4.39196H15.6243L3 16.181L3.98394 17.1649L16.6083 5.3759V15.2482H18V4.39196C18 3.62443 17.3758 3.00024 16.6083 3.00024Z" fill="white"/>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="projects-cards">
|
||
<div class="project-card">
|
||
<div class="project-card-left">
|
||
<img src="img/projects/1.png" alt="">
|
||
</div>
|
||
|
||
<div class="project-card-right">
|
||
<div class="project-card-right-top">
|
||
<a target="_blank" href="https://anse-shop.ru/" class="h2 project-card-title">
|
||
ANSE
|
||
</a>
|
||
|
||
<p class="project-card-subtitle">
|
||
Лендинг для крупнейшей ИТ-конференции GP DAYS 2024
|
||
</p>
|
||
</div>
|
||
|
||
<div class="project-card-right-bottom">
|
||
<p class="project-card-desc">
|
||
Выполнили Интеграцию с CRM Bitrix24, настроили безопасные платежи через Альфа-Банк и Долями, а также подключили системы доставки СДЭК и Почта России.<br>
|
||
Особое внимание уделили безопасности и удобству: настроили авторизацию через SMS-верификацию номера телефона
|
||
</p>
|
||
|
||
<div class="project-card-banners">
|
||
<div class="project-card-banner">
|
||
UI/UX дизайн
|
||
</div>
|
||
|
||
<div class="project-card-banner">
|
||
Разработка на Laravel
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="project-card">
|
||
<div class="project-card-left">
|
||
<img src="img/projects/2.png" alt="">
|
||
</div>
|
||
|
||
<div class="project-card-right">
|
||
<div class="project-card-right-top">
|
||
<a target="_blank" href="https://stolicazakatov.nn-afisha.ru/" class="h2 project-card-title">
|
||
Столица закатов
|
||
</a>
|
||
|
||
<p class="project-card-subtitle">
|
||
Полный цикл разработки сайта для музыкального фестиваля
|
||
</p>
|
||
</div>
|
||
|
||
<div class="project-card-right-bottom">
|
||
<p class="project-card-desc">
|
||
Платформа с нижегородскими благотворительными организациями, занимающимися различными социальными проблемами. Любой желающий может создать акцию и запустить сбор средств в пользу одного из фондов‑партнёров.<br>
|
||
</p>
|
||
|
||
<div class="project-card-banners">
|
||
<div class="project-card-banner">
|
||
UI/UX дизайн
|
||
</div>
|
||
|
||
<div class="project-card-banner">
|
||
Разработка на Laravel
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="project-card">
|
||
<div class="project-card-left">
|
||
<img src="img/projects/3.png" alt="">
|
||
</div>
|
||
|
||
<div class="project-card-right">
|
||
<div class="project-card-right-top">
|
||
<a target="_blank" href="https://nn-dobro.ru/" class="h2 project-card-title">
|
||
800 Добрых дел
|
||
</a>
|
||
|
||
<p class="project-card-subtitle">
|
||
Полный цикл разработки сайта для музыкального фестиваля
|
||
</p>
|
||
</div>
|
||
|
||
<div class="project-card-right-bottom">
|
||
<p class="project-card-desc">
|
||
Платформа с нижегородскими благотворительными организациями, занимающимися различными социальными проблемами. Любой желающий может создать акцию и запустить сбор средств в пользу одного из фондов‑партнёров.<br>
|
||
</p>
|
||
|
||
<div class="project-card-banners">
|
||
<div class="project-card-banner">
|
||
UI/UX дизайн
|
||
</div>
|
||
|
||
<div class="project-card-banner">
|
||
Разработка на Laravel
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="footer-content">
|
||
<div class="footer-logo">
|
||
<a href="https://omniagency.ru/" target="_blank">
|
||
<svg width="370" height="260" viewBox="0 0 370 260" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M67.9419 0H101.919V33.4301H67.9419V0ZM67.9419 63.1669V96.5731H33.9894V163.433H67.9419V193.152V226.579H101.919V193.152H268.044V226.57H203.866V260H268.044V226.579H302.021V163.433H335.973V96.5731H302.021H302.005V63.1669H268.069V33.4423H234.092V63.1669H135.871V33.4423H101.895V63.1669H67.9419ZM268.044 129.979V96.5972H234.039V129.979H268.044ZM135.884 96.5972V129.979H101.919V96.5972H135.884ZM33.9769 129.979H0V226.555H33.9769V129.979ZM166.113 260V226.57H101.934V260H166.113ZM302.021 0H268.044V33.4301H302.021V0ZM370 129.979H336.023V226.555H370V129.979Z" fill="currentColor"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="contacts" id="contacts">
|
||
<h2 class="h1">
|
||
Контакты
|
||
</h2>
|
||
|
||
<div class="contacts-cards">
|
||
<div class="contact-card">
|
||
<p class="contact-card-title">
|
||
Телефон
|
||
</p>
|
||
|
||
<div class="contact-card-link">
|
||
<a href="tel:+79063684140" class="h3">
|
||
+7 906 368-41-40
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="contact-card">
|
||
<p class="contact-card-title">
|
||
Почта
|
||
</p>
|
||
|
||
<div class="contact-card-link">
|
||
<a href="mailto:info@omniagency.ru" class="h3">
|
||
info@omniagency.ru
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="contact-card">
|
||
<p class="contact-card-title">
|
||
Наш сайт
|
||
</p>
|
||
|
||
<div class="contact-card-link">
|
||
<a href="https://omniagency.ru" target="_blank" class="h3">
|
||
omniagency.ru
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="contact-card">
|
||
<p class="contact-card-title">
|
||
Ссылка на ТГ-канал руководителя студии
|
||
</p>
|
||
|
||
<div class="contact-card-link">
|
||
<div class="contact-card-link-icon">
|
||
<a href="https://t.me/andr33vru" target="_blank">
|
||
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M7.84765 13.1564L7.51682 17.8097C7.99015 17.8097 8.19515 17.6064 8.44098 17.3622L10.6601 15.2414L15.2585 18.6089C16.1018 19.0789 16.696 18.8314 16.9235 17.833L19.9418 3.68971L19.9426 3.68888C20.2101 2.44221 19.4918 1.95471 18.6701 2.26055L0.928482 9.05305C-0.282352 9.52305 -0.264018 10.198 0.722648 10.5039L5.25848 11.9147L15.7943 5.32221C16.2901 4.99388 16.741 5.17555 16.3701 5.50388L7.84765 13.1564Z" fill="currentColor"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="open-link-container open-link-container-footer">
|
||
<a href="files/contacts.pdf" download class="open-link">
|
||
<div>
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M10.0208 13.6667C10.2835 13.6671 10.5438 13.6156 10.7866 13.5152C11.0293 13.4147 11.2499 13.2673 11.4355 13.0813L14.0481 10.4667L13.1055 9.52667L10.6835 11.9493L10.6661 1H9.33281L9.35014 11.9387L6.93681 9.52533L5.99414 10.4667L8.60681 13.0793C8.7922 13.2655 9.01255 13.4133 9.25521 13.5141C9.49787 13.6149 9.75805 13.6667 10.0208 13.6667Z" fill="white"/>
|
||
<path d="M16.6667 11.667V15.0003C16.6667 15.1771 16.5964 15.3467 16.4714 15.4717C16.3464 15.5968 16.1768 15.667 16 15.667H4C3.82319 15.667 3.65362 15.5968 3.5286 15.4717C3.40357 15.3467 3.33333 15.1771 3.33333 15.0003V11.667H2V15.0003C2 15.5308 2.21071 16.0395 2.58579 16.4145C2.96086 16.7896 3.46957 17.0003 4 17.0003H16C16.5304 17.0003 17.0391 16.7896 17.4142 16.4145C17.7893 16.0395 18 15.5308 18 15.0003V11.667H16.6667Z" fill="white"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<p>Cкачать в PDF</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Модальное окно для просмотра видео -->
|
||
<div class="modal-video modal-video-about">
|
||
<div class="modal-content-video modal-content-video-about">
|
||
<span class="close-video">×</span>
|
||
<video controls id="modalVideo" preload="metadata">
|
||
<source src="https://omniagencyproject.ru/video/ocean.mp4" type="video/mp4">
|
||
Ваш браузер не поддерживает видео.
|
||
</video>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html> |