Задача
Показать услуги по ремонту и настройке техники, передать внимание мастера к деталям и помочь посетителю быстро связаться с ним или найти мастерскую.
Клиент
Сервисный центр «ПорядОК» в Геленджике, ТЦ «Эстакада».
Сфера
Сервисный центр
Год
2026
Технологии
HTML, CSS, JavaScript, Canvas, Vite
Сайт
Что сделано
- Светлый дизайн с фиолетовыми акцентами, фирменным шрифтом и эффектом жидкого стекла
- Анимация разборки и сборки телефона на Canvas, связанная с прокруткой
- Разделы ремонта телефонов, планшетов, ноутбуков и компьютеров
- Кнопки звонка, WhatsApp, Telegram и MAX, отправка контакта через меню «Поделиться»
- Схема прохода до павильона E16 и ссылки на карты
- Мобильная панель быстрых действий, статус работы и мета-теги для поисковиков
Как выглядит сайт
Что умеет сайт
Телефон в разборе
При прокрутке телефон поворачивается, разбирается на детали с подписями и собирается обратно с целым экраном.
Жидкое стекло
Полупрозрачные панели с бликами и преломлением дополняют светлый фон и фиолетовые акценты.
Связь с мастером
Звонок и три мессенджера доступны с сайта. На телефоне быстрые действия закреплены внизу экрана.
Путь до мастерской
Схема показывает вход в ТЦ «Эстакада» и путь по коридору к павильону E16. Рядом — адрес и ссылки на карты.
Часы работы
Сайт учитывает расписание по дням недели и показывает, открыт ли сервисный центр и когда начнётся следующий рабочий день.
Поделиться контактом
Телефон и адрес мастерской можно отправить через системное меню «Поделиться» или скопировать.
Следующий проект
Сайт ресторана кавказской кухни в Пятигорске: онлайн-меню, кнопки связи, статус «открыто», карта и локальное SEO.
