Разработка главной страницы сайта стоматологических услуг
Цель проекта
Создание уникальной, адаптивной и функциональной главной страницы для сайта стоматологии, которая продемонстрирует высокий уровень владения фронтенд-технологиями и понимание принципов проектирования пользовательского опыта в медицинской сфере.
Ключевые требования к технологиям
- Использование исключительно чистого HTML5, CSS3 и ванильного JavaScript (без фреймворков типа React/Vue).
- Запрещено использование любых CMS (WordPress, Joomla и аналоги), конструкторов сайтов и готовых шаблонов.
- Весь дизайн, структура и исходный код должны быть на 100% авторскими и уникальными.
Обязательная структура страницы
1. Head-блок
- Корректные SEO meta-теги.
- Разметка Open Graph для социальных сетей.
- Микроразметка Schema.org для типа "Dentist".
2. Header (Шапка сайта)
- Логотип.
- Навигационное меню.
- Кнопка для вызова формы обратной связи.
- Контактные данные (телефон и адрес).
3. Первый экран (Hero-секция)
- Слайдер или видеофон с минимум 6 переключаемыми экранами. Контент должен быть оптимизирован по весу для быстрой загрузки.
- Главный заголовок H1.
- Как минимум 6 различных форм или интерактивных элементов для обратной связи (например, кнопки "Записаться", "Задать вопрос", "Заказать звонок"), которые должны быть доступны и в десктопной, и в мобильной версии.
4. Основные контентные блоки
- Welcome (Приветствие).
- Services (Услуги).
- Our Team (Наша команда).
- Patient Information (Информация для пациентов).
- What Sets Us Apart (Наши преимущества).
- Reviews / Testimonials (Отзывы).
5. Предпоследний блок
- Развернутая форма обратной связи.
- Дублирование контактных данных (адрес и телефон).
6. Последний блок
- Интерактивная карта местоположения.
7. Footer (Подвал сайта)
- Адрес и телефон.
- Ссылки на основные разделы сайта.
- Иконки социальных сетей.
Дополнительные требования
- Реализация версии для людей с ограниченными возможностями зрения (учет доступности, a11y).
- Полная адаптивность под все современные устройства (десктоп, планшет, мобильные).
- При разработке дизайна и логики можно ориентироваться на общие тренды в нише стоматологических сайтов, но прямое копирование визуала или кода строго запрещено.
Ожидаемый результат
Готовая, полностью функционирующая главная страница, которая служит демонстрацией профессиональных навыков фронтенд-разработки, понимания архитектуры пользовательского интерфейса и построения удобных сценариев взаимодействия для клиентов медицинской услуги.