APEX MEDIA / КЕЙС / Одностраничный сайт · Стоматология премиум
DENTAL LINE
«Dental Line» — концепт премиальной стоматологической клиники в editorial-стилистике референсов уровня международных digital-проектов: тёплый молочный фон, глубокий графит и холодный cyan-акцент. Гигантский типографический hero «APEX DENTAL.» с оригинальным SVG-зубом, круговой маской раскрытия и параллаксом от курсора; далее — табы трёх направлений лечения, блок технологий, лента врачей, интерактивное сравнение до/после, журнал-секция о клинике, отзывы и форма записи.
01 / КОНТЕКСТ
«Dental Line» — концепт премиальной стоматологической клиники в editorial-стилистике референсов уровня международных digital-проектов: тёплый молочный фон, глубокий графит и холодный cyan-акцент. Гигантский типографический hero «APEX DENTAL.» с оригинальным SVG-зубом, круговой маской раскрытия и параллаксом от курсора; далее — табы трёх направлений лечения, блок технологий, лента врачей, интерактивное сравнение до/после, журнал-секция о клинике, отзывы и форма записи.
02 / ЗАДАЧА
Премиальная стоматология: спокойствие вместо агрессивных баннеров со скидками. Первый экран должен работать как самостоятельный рекламный кадр для портфолио.
03 / РОЛЬ
Анализ референса, арт-дирекшн, дизайн-система, фронтенд, анимации, копирайтинг.
04 / РЕШЕНИЕ
Одностраничный интерактивный прототип без фреймворков: hero с побуквенной анимацией и clip-path-раскрытием, кастомный курсор и магнитные CTA только на точных указателях, доступные табы направлений с клавиатурной навигацией, drag-компаратор до/после на схематичных визуализациях, scroll-reveal через IntersectionObserver, полноэкранное мобильное меню и полная поддержка prefers-reduced-motion.
05 / РЕЗУЛЬТАТ
Прототип запущен и показывается из галереи кейсов как живой сайт: вся механика интерактивна, все визуалы — оригинальные SVG без сторонних ассетов.
ТЕХНОЛОГИИ
HTML · CSS · JavaScript · IntersectionObserver · Pointer Events · SVG