Евгений Анпилогов | Технический партнер для онлайн-школ
    
    
    
        :root {
            --primary: #4A6FA5;
            --primary-dark: #385D8A;
            --secondary: #FF7E5F;
            --accent: #6C63FF;
            --dark: #2C3E50;
            --light: #F8F9FA;
            --gray: #6C757D;
            --light-gray: #E9ECEF;
            --success: #28A745;
            --gradient: linear-gradient(135deg, #4A6FA5 0%, #6C63FF 100%);
            --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            --radius: 12px;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Montserrat', sans-serif;
            line-height: 1.7;
            color: var(--dark);
            background-color: var(--light);
            overflow-x: hidden;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Header Styles - Новый дизайн */
        .hero {
            padding: 100px 0 80px;
            background: linear-gradient(135deg, rgba(248, 249, 250, 0.95) 0%, rgba(233, 236, 239, 0.95) 100%);
            border-bottom: 1px solid var(--light-gray);
        }
        
        .hero-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 60px;
        }
        
        .hero-text {
            flex: 1;
        }
        
        .hero-image {
            flex: 0 0 400px;
            position: relative;
        }
        
        .photo-frame {
            width: 125%;
            height: 400px;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: var(--shadow);
            position: relative;
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .profile-photo {
            width: 90%;
            height: 90%;
            object-fit: cover;
            border-radius: 15px;
            border: 5px solid white;
        }
        
        .photo-placeholder {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            padding: 20px;
        }
        
        .photo-placeholder i {
            font-size: 80px;
            margin-bottom: 20px;
            opacity: 0.8;
        }
        
        .photo-placeholder p {
            font-size: 1.2rem;
            font-weight: 500;
        }
        
        .name-title {
            font-size: 3.2rem;
            font-weight: 800;
            margin-bottom: 15px;
            color: var(--dark);
            letter-spacing: -0.5px;
            line-height: 1.1;
        }
        
        .subtitle {
            font-size: 1.8rem;
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 30px;
            position: relative;
            display: inline-block;
        }
        
        .subtitle:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 4px;
            background: var(--gradient);
            bottom: -8px;
            left: 0;
            border-radius: 2px;
        }
        
        .tagline {
            font-size: 1.2rem;
            color: var(--gray);
            margin-bottom: 40px;
            line-height: 1.8;
            max-width: 600px;
        }
        
        .cta-buttons {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }
        
        .cta-button {
            display: inline-block;
            padding: 16px 40px;
            background: var(--gradient);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: var(--shadow);
            border: none;
            cursor: pointer;
        }
        
        .cta-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(108, 99, 255, 0.2);
        }
        
        .cta-button.secondary {
            background: white;
            color: var(--primary);
            border: 2px solid var(--primary);
        }
        
        .cta-button.secondary:hover {
            background: var(--primary);
            color: white;
        }
        
        /* Expertise Section */
        .section {
            padding: 80px 0;
        }
        
        .section-title {
            font-size: 2.2rem;
            font-weight: 700;
            margin-bottom: 50px;
            color: var(--dark);
            text-align: center;
            position: relative;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            width: 60px;
            height: 4px;
            background: var(--gradient);
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
        
        .expertise-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-bottom: 60px;
        }
        
        .expertise-card {
            background: white;
            border-radius: var(--radius);
            padding: 30px;
            box-shadow: var(--shadow);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-top: 4px solid var(--primary);
        }
        
        .expertise-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        }
        
        .card-icon {
            font-size: 2.5rem;
            color: var(--primary);
            margin-bottom: 20px;
        }
        
        .card-title {
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: var(--dark);
        }
        
        .card-list {
            list-style: none;
        }
        
        .card-list li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            color: var(--gray);
        }
        
        .card-list li:before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--success);
            font-weight: bold;
        }
        
        .highlight-box {
            background: var(--gradient);
            color: white;
            padding: 40px;
            border-radius: var(--radius);
            text-align: center;
            margin-top: 40px;
            box-shadow: var(--shadow);
        }
        
        .highlight-text {
            font-size: 1.3rem;
            font-weight: 500;
            line-height: 1.8;
        }
        
        /* Services Section */
        .services-section {
            background-color: #f8f9fa;
        }
        
        .service-item {
            background: white;
            border-radius: var(--radius);
            padding: 40px;
            margin-bottom: 40px;
            box-shadow: var(--shadow);
            transition: transform 0.3s ease;
        }
        
        .service-item:hover {
            transform: translateX(10px);
        }
        
        .service-header {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
        }
        
        .service-number {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--primary);
            margin-right: 20px;
            font-family: 'Source Code Pro', monospace;
            opacity: 0.8;
        }
        
        .service-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--dark);
        }
        
        .service-description {
            font-size: 1.1rem;
            color: var(--gray);
            margin-bottom: 30px;
            line-height: 1.8;
        }
        
        .service-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .feature-item {
            background: rgba(74, 111, 165, 0.05);
            padding: 20px;
            border-radius: 10px;
            display: flex;
            align-items: flex-start;
        }
        
        .feature-icon {
            color: var(--primary);
            margin-right: 15px;
            font-size: 1.2rem;
            margin-top: 3px;
        }
        
        .result-box {
            background: rgba(40, 167, 69, 0.08);
            padding: 25px;
            border-radius: 10px;
            border-left: 4px solid var(--success);
        }
        
        .result-title {
            font-weight: 700;
            color: var(--dark);
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        
        .result-title i {
            color: var(--success);
            margin-right: 10px;
        }
        
        /* Case Study Section */
        .case-study {
            background: white;
            border-radius: var(--radius);
            padding: 50px;
            margin-bottom: 60px;
            box-shadow: var(--shadow);
            border: 1px solid var(--light-gray);
        }
        
        .case-header {
            text-align: center;
            margin-bottom: 40px;
        }
        
        .case-title {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 15px;
            color: var(--dark);
        }
        
        .case-subtitle {
            font-size: 1.2rem;
            color: var(--gray);
        }
        
        .case-columns {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
        }
        
        .case-column h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 20px;
            color: var(--dark);
            display: flex;
            align-items: center;
        }
        
        .case-column h3 i {
            margin-right: 15px;
            color: var(--primary);
        }
        
        .case-list {
            list-style: none;
        }
        
        .case-list li {
            margin-bottom: 15px;
            padding-left: 30px;
            position: relative;
            color: var(--gray);
        }
        
        .case-list li:before {
            content: '→';
            position: absolute;
            left: 0;
            color: var(--primary);
            font-weight: bold;
        }
        
        .results-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin-top: 40px;
        }
        
        .result-card {
            background: var(--gradient);
            color: white;
            padding: 25px;
            border-radius: 10px;
            text-align: center;
        }
        
        .result-number {
            font-size: 2.2rem;
            font-weight: 800;
            margin-bottom: 10px;
        }
        
        .result-text {
            font-size: 0.95rem;
            opacity: 0.9;
        }
        
        /* Social Section */
        .social-section {
            background: linear-gradient(135deg, rgba(44, 62, 80, 0.05) 0%, rgba(108, 99, 255, 0.05) 100%);
            padding: 80px 0;
            text-align: center;
        }
        
        .social-card {
            background: white;
            border-radius: var(--radius);
            padding: 50px;
            box-shadow: var(--shadow);
            max-width: 800px;
            margin: 0 auto;
        }
        
        .social-icon {
            font-size: 3rem;
            color: var(--primary);
            margin-bottom: 30px;
        }
        
        .social-text {
            font-size: 1.3rem;
            margin-bottom: 30px;
            color: var(--dark);
            line-height: 1.8;
        }
        
        .social-list {
            list-style: none;
            margin-bottom: 40px;
            text-align: left;
            max-width: 500px;
            margin: 0 auto 40px;
        }
        
        .social-list li {
            margin-bottom: 15px;
            padding-left: 30px;
            position: relative;
            color: var(--gray);
        }
        
        .social-list li:before {
            content: '→';
            position: absolute;
            left: 0;
            color: var(--primary);
            font-weight: bold;
        }
        
        /* Tips Section */
        .tips-section {
            background-color: #f8f9fa;
        }
        
        .tips-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }
        
        .tip-card {
            background: white;
            border-radius: var(--radius);
            padding: 30px;
            box-shadow: var(--shadow);
        }
        
        .tip-title {
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 20px;
            color: var(--dark);
            display: flex;
            align-items: center;
        }
        
        .tip-title i {
            margin-right: 15px;
            color: var(--primary);
        }
        
        .tip-content {
            color: var(--gray);
            line-height: 1.7;
        }
        
        /* Footer */
        footer {
            background: var(--dark);
            color: white;
            padding: 60px 0 30px;
            text-align: center;
        }
        
        .footer-title {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 30px;
        }
        
        .footer-text {
            max-width: 800px;
            margin: 0 auto 40px;
            line-height: 1.8;
            opacity: 0.9;
        }
        
        .contact-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
            margin-bottom: 40px;
        }
        
        .contact-link {
            display: flex;
            align-items: center;
            color: white;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s ease;
        }
        
        .contact-link i {
            margin-right: 10px;
            font-size: 1.2rem;
        }
        
        .contact-link:hover {
            color: var(--secondary);
        }
        
        .copyright {
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            opacity: 0.7;
            font-size: 0.9rem;
        }
        
        /* Responsive */
        @media (max-width: 1024px) {
            .hero-content {
                flex-direction: column;
                text-align: center;
            }
            
            .hero-image {
                flex: 0 0 auto;
                width: 100%;
                max-width: 500px;
                margin: 0 auto;
            }
            
            .photo-frame {
                height: 400px;
            }
            
            .tagline {
                margin-left: auto;
                margin-right: auto;
            }
            
            .cta-buttons {
                justify-content: center;
            }
        }
        
        @media (max-width: 768px) {
            .hero {
                padding: 60px 0 40px;
            }
            
            .name-title {
                font-size: 2.5rem;
            }
            
            .subtitle {
                font-size: 1.5rem;
            }
            
            .section-title {
                font-size: 1.8rem;
            }
            
            .service-item {
                padding: 30px 20px;
            }
            
            .case-study {
                padding: 30px 20px;
            }
            
            .social-card {
                padding: 30px 20px;
            }
            
            .photo-frame {
                height: 350px;
            }
        }
        
        @media (max-width: 480px) {
            .name-title {
                font-size: 2rem;
            }
            
            .cta-buttons {
                flex-direction: column;
                gap: 15px;
            }
            
            .cta-button {
                width: 100%;
                text-align: center;
            }
            
            .photo-frame {
                height: 300px;
            }
        }
    


    
        
            
                
                    Евгений Анпилогов
                    Технический партнер для онлайн-школ
                    Я создаю и настраиваю технологическую основу, которая позволяет онлайн-школам привлекать студентов, автоматизировать процессы и удерживать внимание аудитории. От идеи до первого потока: мой фокус — на надежных и эффективных решениях, которые работают пока вы спите.
                    
                    
                        Обсудить проект
                        Мои услуги
                    
                
                
                
                    
                        
                        
                    
                
            
        
    

    
    
        
            Моя экспертиза
            
                
                    
                        
                    
                    Создание сайтов на Tilda
                    
                        Лендинги и многостраничники
                        Адаптивный дизайн
                        Интеграция с сервисами
                    
                
                
                
                    
                        
                    
                    Настройка автоворонок
                    
                        Вебинарные и продуктовые
                        Email-рассылки
                        Триггерные коммуникации
                    
                
                
                
                    
                        
                    
                    Разработка чат-ботов
                    
                        Telegram, WhatsApp, VK
                        Поддержка и вовлечение
                        Интеграция с CRM
                    
                
                
                
                    
                        
                    
                    Полный технический цикл
                    
                        Домены и почта
                        Платежные системы
                        Аналитика и интеграции
                    
                
            
            
            
                Я превращаю технические задачи в понятные результаты: больше лидов, меньше рутины, стабильная работа цифровой инфраструктуры.
            
        
    

    
    
        
            Мои услуги
            
            
            
                
                    01
                    Создание и техническая поддержка сайтов на Tilda
                
                Не просто «сделать сайт», а создать эффективный инструмент для конверсии.
                
                
                    
                        
                        
                            Адаптивный дизайн
                            Идеально выглядит на любом устройстве
                        
                    
                    
                    
                        
                        
                            Интеграция с сервисами
                            SendPulse, UniSender, GetResponse
                        
                    
                    
                    
                        
                        
                            Платежные системы
                            ЮKassa, CloudPayments
                        
                    
                    
                    
                        
                        
                            Аналитика
                            Яндекс.Метрика, Google Analytics
                        
                    
                
                
                
                     Результат для вас
                    Профессиональная визитка школы или «ловушка» для лидов, которая работает 24/7.
                
            
            
            
            
                
                    02
                    Настройка автоворонок продаж
                
                Автоматизация пути клиента от первого касания до покупки.
                
                
                    
                        
                        
                            Проектирование цепочек
                            После регистрации на вебинар, урок, скачивание PDF
                        
                    
                    
                    
                        
                        
                            Триггерные рассылки
                            Напоминания, благодарности, полезный контент
                        
                    
                    
                    
                        
                        
                            Сегментация аудитории
                            Точечные коммуникации для разных групп
                        
                    
                
                
                
                     Результат для вас
                    Системный приток оплат без ежедневного ручного контроля, рост конверсии на каждом этапе.
                
            
            
            
            
                
                    03
                    Разработка чат-ботов для мессенджеров
                
                Помощник для ваших студентов и экономия времени для вас.
                
                
                    
                        
                        
                            Боты-ассистенты
                            Ответы на FAQ, отправка материалов, напоминания
                        
                    
                    
                    
                        
                        
                            Боты для вовлечения
                            Квизы, мини-курсы, геймификация
                        
                    
                    
                    
                        
                        
                            Боты для поддержки
                            Автоматизация ответов в чатах курсов
                        
                    
                    
                    
                        
                        
                            Интеграция с CRM
                            AmoCRM и другие системы
                        
                    
                
                
                
                     Результат для вас
                    Высокий уровень сервиса, разгрузка менеджеров и кураторов, новый канал коммуникации с аудиторией.
                
            
            
            
            
                
                    04
                    Полный технический запуск проекта «под ключ»
                
                Вы сосредотачиваетесь на контенте и обучении, я беру на себя всю техническую часть.
                
                
                    
                        
                        
                            Доменное имя
                            Подбор и регистрация
                        
                    
                    
                    
                        
                        
                            Корпоративная почта
                            Настройка на вашем домене
                        
                    
                    
                    
                        
                        
                            Безопасность
                            SSL-сертификат для защищенного соединения
                        
                    
                    
                    
                        
                        
                            Хостинг
                            Перенос сайта на хостинг заказчика
                        
                    
                
                
                
                     Результат для вас
                    Готовый к работе и надежный цифровой фундамент для нового образовательного продукта.
                
            
        
    

    
    
        
            Пример реализации
            
            
                
                    Кейс: Запуск интенсив-программы для школы английского языка
                    Структура «Задача — Решение — Результат»
                
                
                
                    
                         Задача клиента
                        
                            За 2 недели создать систему привлечения и регистрации
                            Набор на платный интенсив
                            Разгрузить менеджера по продажам
                            Автоматизировать процесс
                        
                    
                    
                    
                         Что было сделано
                        
                            На Tilda создан цепляющий лендинг с таймером и формой записи
                            Настроена автоворонка: серия полезных писем с подготовкой
                            В Telegram запущен бот-ассистент
                            Настроена доменная почта и перенаправление писем
                        
                    
                
                
                
                    
                        100%
                        Автоматизированный процесс
                    
                    
                    
                        +15%
                        Рост конверсии
                    
                    
                    
                        -70%
                        Вопросов менеджеру
                    
                    
                    
                        1 день
                        Окупаемость проекта
                    
                
            
        
    

    
    
        
            
                
                    
                
                Техническая подпорка для экспертов, которые запускают курсы. Меня зовут Евгений Анпилогов. Я помогаю онлайн-школам и экспертам не разбираться в технических сложностях, а получать от них результат.
                
                Собираю под ключ то, что приносит вам заявки и продажи:
                
                
                    Лендинги на Tilda (быстро, красиво, эффективно)
                    Автоворонки (чтобы письма работали за вас)
                    Чат-боты (чтобы отвечали студентам в Telegram/WA, пока вы заняты)
                
                
                От регистрации домена до первого платежа от ученика.
                
                Обсудить ваш проект
            
        
    

    
    
        
            Советы по оформлению портфолио
            
            
                
                     Визуал
                    Добавьте не просто скриншоты сайтов, а схематичные картинки воронок, скриншоты интерфейсов ботов, логотипы используемых сервисов (Tilda, GetResponse, Telegram Bot API и т.д.).
                
                
                
                     Цифры и факты
                    Где возможно, добавляйте цифры («снизил нагрузку на поддержку на 40%», «конверсия лендинга — 22%»). Если цифры коммерческие, можно указать в относительных величинах («рост конверсии на 30%»).
                
                
                
                     Отзывы
                    Самый мощный инструмент. Попросите клиентов написать 2-3 предложения о том, как ваша работа повлияла на их бизнес.
                
                
                
                     Призыв к действию
                    В конце каждого раздела или на главной странице обязательно ставьте четкий призыв: «Обсудить ваш проект», «Заказать аналогичный кейс», «Написать в Telegram».
                
            
        
    

    
    
        
            Готовы к сотрудничеству?
            Этот текст создает образ не просто исполнителя, а технического партнера, который решает бизнес-задачи и приносит измеримую пользу. Удачи с наполнением портфолио!
            
            
                
                    
                    Написать на почту
                
                
                
                    
                    Написать в Telegram
                
                
                
                    
                    Профиль в LinkedIn
                
            
            
            
                © 2025 Евгений Анпилогов. Технический партнер для онлайн-школ.