Интерактивная карта РФ
Интерактивная карта присутствия членов Нефтегазстройпрофсоюза России
Продажа защитных стекол
Лендинг для автоматического подбора защитного стекла по модели смартфона. Клиент в магазине выбирает бренд - модель - получает номер нужного стекла. Без консультаций, без ошибок, без лишних вопросов продавцу. Используется в тороговых сетях чере QR-код (пример в галерее).
Функционал:
- База моделей смартфонов. Охватывает основные бренды: Apple, Samsung, Xiaomi, Huawei, Honor, Realme, OPPO, Vivo, OnePlus, Google Pixel, Nothing, ZTE и другие. Каждой модели присвоен номер совместимого стекла.
- Двухступенчатый выбор. Сначала бренд, затем модель - список моделей фильтруется динамически.
- Мгновенный результат. Номер стекла отображается с анимацией, без перезагрузки страницы.
- Адаптивный дизайн. Оптимизировано под мобильные устройства (основной сценарий использования - клиент с телефоном в руках у витрины).
Стек:
HTML + CSS + JavaScript (vanilla). Данные о моделях хранятся в JSON-структуре внутри страницы. Внешних зависимостей нет - работает автономно.