# UX/CRO АУДИТ sprachschule-beispiel.at — ТЕХНИЧЕСКОЕ ЗАДАНИЕ

**Дата:** 23.07.2026  
**Сайт:** https://sprachschule-beispiel.at  
**Цель:** Поднять конверсию с текущей до +30–50% за 12 недель  
**Текущая оценка:** 54/100

---

## ФАЗА 1: СРОЧНОЕ (Неделя 1–2)

### Раздел 1: Добавить социальное доказательство (отзывы)

**Задача:**
1. Попросить 5–7 отзывов у студентов через email
2. Получить фото студента (согласие обязательно)
3. Добавить на главную страницу выше «Запросить прайс»
4. Каждый отзыв: 2–3 предложения + звёзды (★★★★★) + фото + имя

**Пример разметки:**
```html
<div class="testimonial">
  <div class="stars">★★★★★</div>
  <p>"Отличная методика обучения. За 4 недели я смог уже разговаривать по-немецки. Рекомендую!"</p>
  <div class="author">
    <img src="photo.jpg" alt="Maria">
    <p><strong>Maria</strong> — студентка A1</p>
  </div>
</div>
```

**Проверка:** На главной видны 5–7 отзывов при загрузке без скрола. Фото загружены и видны.

**Сроки:** 3–5 дней (сбор отзывов)

---

### Раздел 2: Показать цены на главной

**Задача:**
Добавить таблицу цен выше или рядом с формой запроса.

**Таблица (пример):**
```
Уровень    | Интенсив (4 нед) | Регулярно (10 нед)
A1–A2      | €450             | €500
B1–B2      | €500             | €600
C1–C2      | €550             | €650

+ "Первый урок бесплатно" на каждой строке
```

**Где добавить:** Выше формы "Запросить прайс" (или рядом).

**Проверка:** Таблица видна при загрузке. На мобильной — горизонтальный скролл или адаптивная вёрстка.

**Сроки:** 2–3 дня

---

### Раздел 3: Исправить мобильную версию

**Задача 1:** Адрес и телефон → кликаемые ссылки на мобильной

```html
<!-- БЫЛО -->
<p>Адрес: [адрес], Wien</p>

<!-- СТАЛО -->
<a href="https://maps.google.com/maps?q=[адрес],+1200+Wien">
  [адрес], Wien
</a>
```

**Задача 2:** Кнопка "Запросить прайс" → полная ширина на мобильной

```css
@media (max-width: 768px) {
  .cta-button {
    width: 100%;
    display: block;
    margin: 20px 0;
  }
}
```

**Задача 3:** Тестировать форму на iPhone 6 / 7 / SE

- Поле email должно вызывать клавиатуру @
- Все кнопки должны быть кликаемы (минимум 48×48 px)
- Нет горизонтального скролла

**Проверка:** Открыть на iPhone. Заполнить форму полностью. Отправить.

**Сроки:** 3–5 дней

---

### Раздел 4: Добавить блок "Как это работает"

**Задача:** Визуальная 5-шаговая воронка над главной формой.

**Пример (SVG или изображение):**
```
Шаг 1: Выбери уровень (A1–C2)
  ↓
Шаг 2: Выбери формат (группа/одиночка/интенсив)
  ↓
Шаг 3: Выбери время (утро/вечер/выходные)
  ↓
Шаг 4: Забронируй первый урок (бесплатный)
  ↓
Шаг 5: Оплати и начни учиться!
```

**Где добавить:** Выше формы "Запросить прайс"

**Проверка:** Блок видимо на главной, адаптирован для мобильной.

**Сроки:** 2 дня

---

## ФАЗА 2: СКОРОСТЬ (Неделя 3–4)

### Раздел 5: Конвертировать изображения в WebP

**Задача:** Все JPG → WebP (fallback на JPG для старых браузеров)

```html
<picture>
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="description">
</picture>
```

**Проверка:**
```bash
curl -I https://sprachschule-beispiel.at/image.webp
# ответ: 200 OK, type: image/webp
```

**Сроки:** 3–4 дня

---

### Раздел 6: Включить lazy-load для изображений

**Задача:** Все img ниже сгиба → loading="lazy"

```html
<img src="image.jpg" alt="description" loading="lazy">
```

**Проверка:** DevTools → Network → отфильтровать images, проверить, что ниже сгиба загружаются при скроле.

**Сроки:** 1–2 дня

---

### Раздел 7: Минифицировать JS и CSS

**Задача:** Все .js и .css → минифицировать (убрать комментарии, пробелы)

**Инструменты:** Webpack, UglifyJS, или плагин WordPress.

**Проверка:**
```bash
curl https://sprachschule-beispiel.at/style.css | wc -c
# было: 50 KB → стало: 15 KB (70% сжато)
```

**Сроки:** 2–3 дня

---

### Раздел 8: Установить кэширование браузера

**Задача:** Добавить Cache-Control заголовок на 30 дней

**В .htaccess (Apache):**
```
<FilesMatch "\\.(jpg|jpeg|png|gif|webp|css|js)$">
  Header set Cache-Control "max-age=2592000, public"
</FilesMatch>
```

**Проверка:**
```bash
curl -I https://sprachschule-beispiel.at/style.css | grep Cache-Control
# ответ: Cache-Control: max-age=2592000, public
```

**Сроки:** 1 день

---

## ФАЗА 3: ДОВЕРИЕ И ГЛУБИНА (Неделя 5–8)

### Раздел 9: Добавить кейсы успеха (3–4 истории)

**Задача:** На отдельной странице или на главной — истории студентов

**Структура кейса:**
- Имя + фото (согласие обязательно)
- Уровень при начале (например, A1)
- Результат (сдал ÖSD B1 экзамен)
- Историю в 3–5 предложениях (проблема → решение → результат)

**Пример:**
```
"Петр приехал в Австрию на работу. Не знал ни слова по-немецки.
Занимался в Sprachschule N 10 недель на уровне B1.
Результат: сдал экзамен ÖSD с баллом 85 — и получил работу в австрийской компании.
Теперь говорит уверенно и даже читает немецкие газеты!"
```

**Проверка:** Кейсы видны на сайте, фото загружены.

**Сроки:** 1–2 недели (сбор информации у студентов)

---

### Раздел 10: Создать FAQ (20+ вопросов)

**Задача:** Страница /faq/ с часто задаваемыми вопросами

**Примеры вопросов:**
- Сколько времени нужно, чтобы выучить немецкий?
- Можно ли учиться онлайн?
- Какой результат за 4 недели?
- Есть ли пробный урок?
- Можно ли переносить уроки?
- Как оплачивать?
- Какие гарантии?

**Формат:** Q&A, каждый вопрос раскрывается при клике (аккордеон)

**Проверка:** Все 20+ вопросов видны, при клике открывается ответ.

**Сроки:** 3–5 дней

---

### Раздел 11: Добавить гарантии

**Задача:** На главной или в FAQ — условия возврата

**Пример текста:**
```
"Гарантия 100% возврата за первые 2 недели.
Если урок вам не подошёл — вернём деньги полностью.
Никаких вопросов."
```

**Где добавить:** Выше или ниже ценовой таблицы.

**Проверка:** Текст видимо на главной.

**Сроки:** 1 день

---

### Раздел 12: Добавить сертификаты и награды

**Задача:** Логотипы ÖSD, Telc, Goethe-Institut (если они есть)

**Где добавить:** В footer или выше ценовой таблицы

**Проверка:** Логотипы видны, ссылаются на официальные сайты.

**Сроки:** 1 день

---

## ФАЗА 4: ИЗМЕРЕНИЕ И ОПТИМИЗАЦИЯ (Неделя 9–12, постоянно)

### Раздел 13: Установить отслеживание конверсии

**Задача:** В Google Analytics отслеживать события

```javascript
// Клик на CTA
gtag('event', 'click_cta', {
  'event_category': 'engagement',
  'event_label': 'main_form'
});

// Отправка формы
gtag('event', 'form_submit', {
  'event_category': 'conversion',
  'event_label': 'main_form'
});
```

**Проверка:** В GA видны события "click_cta" и "form_submit" в реальном времени.

**Сроки:** 2–3 дня

---

### Раздел 14: A/B тесты

**Задача:** Тестировать CTA на конверсию

**Вариант A (текущий):** "Запросить прайс"
**Вариант B:** "Начать бесплатный урок"
**Вариант C:** "Запишись за 30 секунд"

**Как запустить:**
- Google Optimize или VWO
- 50/50 трафик на каждый вариант
- Длительность: 2 недели минимум

**Проверка:** В аналитике видны конверсии для каждого варианта.

**Сроки:** 2–3 недели на тест

---

## ФИНАЛЬНАЯ ПРОВЕРКА

✓ На главной видны: цены, 5+ отзывов, воронка, CTA  
✓ Мобильная версия без проблем (контакты кликаются)  
✓ Страница загружается за 0.3–0.5 сек (было 0.8)  
✓ Аналитика отслеживает события  
✓ Месячный отчёт о конверсии готов

**Ожидаемый результат после 12 недель:** +30–50% заявок с сайта