### Техническое задание для дизайнера: Сайт компании, занимающейся техническим аудитом и автоматизацией онлайн-школ
---
#### **Цель проекта:**
Создать современный и интуитивно понятный сайт, который презентует услуги компании по техническому аудиту и автоматизации процессов для онлайн-школ. Сайт должен вызывать доверие, демонстрировать профессионализм и мотивировать посетителей обратиться за консультацией или заказать услугу.
---
#### **Общие требования к дизайну:**
- **Стиль**: Современный, минималистичный, с акцентом на техническую экспертизу. Использовать элементы, символизирующие инновации и технологические решения.
- **Цветовая гамма**: в стиле логотипа
- **Шрифты**: Легкочитаемые, современного стиля, подходящие для технологического сектора.
- **Макет**: Адаптивный дизайн для корректного отображения на мобильных устройствах, планшетах и ПК.
- **Навигация**: Простая, с четкими визуальными разделителями между блоками.
---
#### **Структура сайта:**
1. **Главная страница**:
**Заголовок**: Привлекающий внимание слоган (например, *«Автоматизация и аудит, которые ускорят развитие вашей онлайн-школы»*).
**Краткое описание**: 2-3 предложения о компании и её ключевых услугах.
**Кнопка CTA**: "Получить консультацию" (яркий акцентный элемент).
**Основные услуги**: Карточки с иконками и краткими описаниями (пример: "Аудит платформы", "Автоматизация продаж", "Интеграция CRM").
**Блок доверия**: Статистика (например, "15+ успешных проектов", "5 лет на рынке").
**Отзывы**: 1-2 коротких текста или возможность добавления фото с кейсами (без перегруженности).
2. **О компании**:
История, миссия и цели компании.
Фото команды или иллюстрации, символизирующие профессионализм.
Партнеры (логотипы онлайн-школ, которые работали с компанией).
3. **Услуги**:
Перечень услуг с подробным описанием. Каждый блок содержит:
Название услуги.
Иконка или иллюстрация.
Краткое описание выгоды (например, *«Мы находим узкие места, мешающие росту, и предлагаем решения для их устранения»*).
Кнопка "Узнать больше".
4. **Кейсы**:
Галерея кейсов с описанием (до/после, проблемы клиента и как они были решены).
Кнопка "Заказать похожее решение".
5. **Форма обратной связи**:
Удобная форма для оставления заявки (имя, телефон, email, сообщение).
Информация о времени ответа (например, *«Мы свяжемся с вами в течение 24 часов»*).
Иконки мессенджеров (WhatsApp, Telegram).
6. **Блог**:
Полезные статьи о технической оптимизации, трендах в автоматизации онлайн-школ.
Простая структура карточек блога.
7. **Контакты**:
Адрес офиса (если есть).
Телефон, email.
Ссылки на соцсети и мессенджеры.
Карта (встраиваемая через Google Maps, если актуально).
---
#### **Функциональные элементы:**
- **Кнопки CTA на каждой странице** (например, "Получить бесплатный аудит").
- **Иконки и иллюстрации** для упрощения восприятия текста.
- **Слайдер на главной странице** с ключевыми преимуществами и кейсами.
- **Футер** с быстрыми ссылками на разделы сайта, контакты и политику конфиденциальности.
---
#### **Технические детали:**
- **Размеры макета**: Ширина — 1920px (десктоп), адаптация для мобильных — до 375px.
- **Формат**: Figma или аналогичная платформа для удобства взаимодействия с разработчиками.
- **Сроки**: Предварительная версия дизайна — до [указать срок]. Финальные правки — до [указать срок].
---
#### **Материалы для работы:**
- Логотип компании
---
#### **Примечания:**
Дизайнер должен учитывать, что сайт будет разработан с возможностью дальнейшего масштабирования (добавления новых разделов, услуг и кейсов).
Разделы:
Опубликован:
25.11.2024 | 19:13 [поднят: 25.11.2024 | 19:13]