Сайт-визитка психолога
Адаптивный сайт-визитка на Vite и Tailwind CSS с прямой связью через мессенджеры.
июль 2026 г.
- Vanilla JS
- Tailwind
- Vite
Разработка лаконичного и высокопроизводительного сайта-визитки для практикующего психолога и супервизора Марии Филимоновой.
Задача
Создать эстетичный и легкий сайт, который формирует доверие к специалисту и обеспечивает быструю запись на консультацию напрямую через мессенджеры.
Ключевые решения
- Полная автономность и скорость: Отказ от внешних CDN и сторонних пакетов. Шрифты (Arimo) и графические элементы подключены локально в форматах .woff2 и SVG, что свело размер сборки к минимуму и обеспечило независимость от внешних сервисов.
- Плавный UX и чистые URL: Реализована программная прокрутка к началу страницы без появления технических якорей (#hero) в адресной строке.
- Адаптивный декор: Фоновые графические элементы сверстаны с использованием pointer-events-none и четким разделением слоев (z-index), что исключает блокировку взаимодействия с сайтом и случайный горизонтальный скролл на мобильных устройствах.
- Оптимизированная сборка: Настроена структура статичных ресурсов в директории public/, исключающая дублирование файлов и лишние хэши при сборке Vite.
Результат
- Мгновенная загрузка: Высокая скорость работы и мгновенное открытие на любых устройствах.
- Отзывчивый дизайн: Корректное отображение от компактных смартфонов до широкоформатных мониторов.
- Прямая конверсия: Удобный переход к диалогу в Telegram, ВКонтакте и МАКС в один клик.