Фронт-энд

Функционал

Кейс по разработке сайта для производителя электронных устройств InFlave

INFLAVE – это не просто продукт от одного из лидеров vape-индустрии, за этим названием стоит большая международная команда, влюбленная в свое дело.

  • Клиент

    InFlave

  • Год

    2024

Задача

Разработка сайта (фронтенд + бэкенд) для предоставления ознакомительной информации о торговой марке InFlave. Разработка производилась на основе дизайн проекта, предоставленного заказчиком.

Наше предложение

Для поставленных задач была выбрана разработка сайта с адаптивной версткой под разные разрешения экранов. Сайт обладает удобной навигацией по всем представленным линейкам, а также автоматически переключается в ночной режим после 19:00 часов вечера

Фронтенд разработка сайта

Наша команда помогла добиться полной функциональности индивидуального дизайна заказчика, чтобы полноценно раскрыть все возможности сайта, которые были заложены в дизайн. Сайт не теряет своих функций при работе на любых устройствах благодаря современной адаптивной верстке. А также имеет возможности быстрого переключения между языковыми и цветовыми версиями.

Дизайн главной страницы

Дизайн-концепция была предоставлена заказчиком. Первый блок сайта представляет слайдер с видео и с кнопкой перехода к конструктору СТМ - главной цели создания сайта. Также на главной отражены партнеры компании, виды продукции и ключевые преимущества компании.

Карточка товара

В карточке товара мы можем узнать все характеристики выбранной модели.

• вкус

• объем

• состав

• комплектация

А благодаря галерее изображений и раскрывающейся схеме с описанием деталей мы можем посмотреть, как устроен товар изнутри

Анимация устройства

Для демонстрации составляющих частей электронного устройства мы реализовали анимацию “взрыв-схемы” с точками-подсказками с использованием Canvas (PNG sequence).

Ночной режим

Сайт разработан в двух цветовых схемах : светлая и темная. На сайте настроено автоматическое переключение цветовых тем при определенном времени суток. Сайт автоматически переключается в ночной режим с 17:00 до 9:00

Мобильная версия

Все страницы и функционал сайта в полном объёме доступны в мобильной версии сайта.

  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1

Создание функционала сайта каталога

Наша цель заключалась в реализации функционального веб-ресурса, который поможет потенциальным партнерам, а также потребителям дать полную информацию о товаре и возможность ознакомиться с характеристиками каждой модели

Каталог продуктов

У каждого товара есть перечень вкусовых линеек, который для удобства разделен на категории : все, сладкие, свежие и необычные

Интерактивная карта

Мы разработали интерактивную карту с указанием точек всех партнеров-дистрибьюторов. Помимо этого можно воспользоваться фильтром и строкой поиска.

Языковые версии сайта

Реализовали мультиязычность - сайт доступен на 3 языках: русском, английском и испанском.

Система управления сайта-каталога

  • 1

    Административная панель

    Сайт реализован на PHP-фреймворке WordPress, что позволяет управлять содержимым сайта со стороны компании, включая добавление, редактирование и удаление новых видов продукции.

  • 2

    Контроль посещаемости

    На сайт внедрены популярные инструменты по контролю за посещаемостью сайта, предоставляющие обширную статистику по действиям пользователей.

Сотрудничество

Преимущества создания сайта

  • После запуска новой версии сайта количество отказов снизилось в 2 раза
  • Количество времени, проводимого на сайте выросло в 5 раз
  • Количество заявок от дистрибьюторов выросло в 3 раза

Отзыв о проекте

  • Хотим искренне поблагодарить команду 2Дит за отличную работу над разработкой нашего сайта. Ваш профессионализм, ответственный подход и выполнение задачи в заранее согласованные сроки заслуживают высших похвал. Мы полностью довольны результатом. Благодарим вас за качественную и эффективную работу!

    Михаил Токарев

    Менеджер ИТ-проектов

Разработка веб портала

  • Для информационного портала предприятия

  • Для закрытого бизнес портала

  • Для электронного журнала

Если вам требуется реализация аналогичного проекта — мы будем рады применить свой накопленный опыт, чтобы помочь вам.

Какие технологии используем:

  • HTML5
  • CSS3
  • PHP
  • 3D
  • Кейс

    Корпоративный HR веб-портал

  • Кейс

    Разработка сайта для учреждения культуры