Создание сайта сервиса для людей с ограниченными возможностями

Мета: создать полноценный маркетинговый сайт AID с четким позиционированием “local-first safety & access system”, структурой продаж и понятными путями конверсии (заявка/звонок/мессенджеры). Сайт должен быть доступным (a11y), быстрым, мобильным, SEO-готовым и с возможностью регулярного пополнения раздела Showroom (блог/архив постов).

⸻

Объем работ

1) Discovery / упаковка идеи
• Согласование позиционирования: что это, для кого, почему local-first, какие сценарии/фичи, какой CTA.
• Подготовка структуры страницы и логики “прогрева” пользователя.
• Формирование тональности (tone of voice) и ключевых месседжей для секций.

Результат: утвержденная карта страницы, список ключевых месседжей и CTA.

⸻

2) Визуализация и дизайн (на базе макета)

Разработка дизайна в стиле modern SaaS (dark hero + light content blocks), с фокусом на читабельность и доступность.

Секции страницы согласно макету:
1. Hero: название/слоган/CTA + короткая форма запроса (lead capture).
2. Why Local-First: 3–4 аргумента, объясняющих приватность и надежность.
3. How It Works: понятная схема из 4 шагов.
4. Features That Matter: 6 карточек ключевых возможностей.
5. DIY Showroom: блок-тизер с 3 превью и кнопкой перехода в Showroom.
6. Built For Real Lives: три “use cases” (независимая жизнь / аренда и хостелы / семьи).
7. Choose Your Path: пакеты (Audit / Install / Support) с акцентом на ценность.
8. FAQ: ответы на возражения (интернет/облако/данные/надежность/поддержка).
9. Contact: форма + каналы связи, итоговый CTA.
10. Footer: навигация, контакты, юридические страницы.

Результат: утвержденный UI-макет (десктоп + мобильный), комплект стилей и компонентов.

⸻

3) Разработка сайта (под ключ)
• Верстка и интеграция дизайна в рабочий сайт.
• Настройка навигации, якорей, форм, уведомлений, редиректов.
• Оптимизация скорости (изображения, кэш, lazy-load, минимизация).
• Базовая SEO-подготовка: title/description, OpenGraph, структура заголовков, sitemap/robots.
• Доступность: контраст, фокус-стили, aria-labels, корректные названия для скринридеров (чтобы не было проблем как с AID).

Результат: готовый сайт, работающий на проде.

⸻

4) Раздел Showroom (отдельный архив + страница поста)
• Создание страницы Showroom как блога/архива: карточки постов, фильтры/пагинация, читабельные превью.
• Шаблон single post: видео/картинка, контент, метаданные (дата/неделя/теги).
• Связка с главной: переход из блока DIY Showroom: Real Build, Real Results.

Результат: полноценный “живой шоурум” для демонстрации кейса.

⸻

5) Админка и контент
• Настройка удобного управления контентом (посты Showroom, CTA, тексты, FAQ).
• Добавление стартовых материалов (минимум 3 поста/демо-плейсхолдеры, если контент еще готовится).
• Инструкция для владельца: как обновлять тексты/добавлять пост/менять CTA.

⸻

6) Тестирование и запуск
• Кроссбраузерная проверка (Chrome/Safari/Firefox), мобильный.
• Проверка форм, уведомлений, отправки, антиспама.
• Проверка Core Web Vitals базово.
• Публикация на домене/хостинге, финальные настройки SSL.

⸻

Дополнительные опции (можно подключить позже)
• Мультиязычность.
• Аналитика (GA4/Pixel) с учетом приватности.
• Автоматизация контента Showroom через Google Drive-импорт (отдельный плагин по отдельному ТЗ).
• CRM интеграция заявок.

⸻

Итоговый результат

Клиент получает полностью готовый сайт AID, который:
• четко объясняет продукт и “почему local-first”,
• ведет пользователя к заявке,
• имеет “живой Showroom” как доказательство реальной работы,
• быстрый, доступный, SEO-готовый,
• легко поддерживается и масштабируется.