SDS · Отчёт о работах
Что сделано на сайте
Полный список работ по разработке, дизайну, вёрстке и SEO для сайта SDS. Ниже — разделы с чек-листом задач и скриншотами готовых страниц.
Чек-лист
Выполненные задачи
Все работы разбиты по категориям. Каждый пункт — завершённая задача, которую можно проверить на сайте.
01
Дизайн и вёрстка
- Разработка дизайн-системы (цвета, шрифты, компоненты)
- Тёмная тема с акцентом
#8BC43F - Шрифты DM Sans + Inter
- Адаптив на 4 контрольных точках (1200 / 1100 / 900 / 600)
- Унифицированные кнопки, карточки, сетки, формы
- Единый CSS через переменные для быстрой смены стиля
02
Вёрстка страниц
- Главная страница
- Каталог RMD (3 PDF в одном превью)
- Буровой инструмент ССК
- Буровые станки CSK (5 карточек с каталогами)
- Инклинометрия и ориентация керна
- Вспомогательная техника
- Запчасти к буровому оборудованию
- Политика обработки персональных данных
03
Функционал
- Мобильное меню (бургер с анимацией)
- Попап-форма «Оставить заявку»
- Встроенная форма заявки на страницах
- Табы для переключения каталогов
- Ленивая загрузка PDF-превью
- Плавный скролл по якорям
- Sticky-оглавление в политике
04
Каталоги и скачивание
- Встроенные превью PDF через Google Drive
- Скачивание каталогов одним кликом
- ZIP-архив всех каталогов
- 5 отдельных каталогов по станкам CSK
- Ссылки открываются в новой вкладке
05
Работа с контентом
- Градиентные подложки для PNG-объектов
- Обработка фото фоном для баннеров
- Коллаж из 5 фото станков в Hero
- Галереи продукции (3 страницы)
- 9 SVG-иконок для услуг
- Оптимизация пропорций под каждую карточку
06
Базовое SEO
- Title и description для 8 страниц
- Уникальные H1 на каждой странице
- Семантическая иерархия H1 → H2 → H3
- Alt-теги у значимых изображений
- Читаемые URL без лишних параметров
- Mobile-friendly вёрстка для поисковиков
07
Интеграции
- Google Drive для PDF-превью
- Кликабельные телефоны (tel:)
- Email-ссылки (mailto:)
- Яндекс.Метрика
- Top.Mail.Ru
08
Правовая информация
- Страница политики ПД (152-ФЗ)
- Ссылка на политику в футере
- Чекбокс согласия во всех формах
Как это выглядит
Скриншоты готовых страниц
Каждая страница свёрстана под единый стиль сайта и полностью адаптирована под мобильные устройства.