UP&DO

UP&DO

Разработка сайта для дистрибьютора стоматологического оборудования «UP&DO»: каталог из четырёх направлений, отдельный лендинг под каждый бренд и академия с курсами, лекторами и расписанием.

Корпоративный сайт
Первый экран сайта «UP&DO» с оборудованием для имплантации

Дистрибьютор оборудования и академия для стоматологов в одном сайте

О проекте

UP&DO Dental HUB поставляет украинским клиникам и лабораториям импланты, бинокулярную оптику, хирургическое и диагностическое оборудование: BioHorizons, Univet, Devemed, Motranser, PUWA, Gamma Dental. Но продажей дело не заканчивается: у компании есть собственная академия, которая учит врачей работать с этим оборудованием. Поэтому сайт должен был закрыть две разные задачи сразу — показать каталог и вести на обучение, не превратившись при этом в два сайта под одним доменом.

Каталог собран в четыре направления: имплантология, эргономика, хирургическое и диагностическое оборудование. Внутри каждого — не карточки товара с ценой, а страница-лендинг бренда: первый экран, цифры производителя, видео, галерея, отзывы врачей, вопросы и ответы и кнопка заявки. У каждого бренда своя тема оформления, так что BioHorizons и Univet выглядят как их собственные страницы, а не как один шаблон.

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

Технически проект разделён надвое: витрина собрана на Next.js с React, Tailwind и HeroUI, данные она берёт по GraphQL из бэкенда на Laravel, где живёт админка на Filament. Курсы, лекторы, бренды, статьи и вакансии редактируются там же, без правок в коде. Заявка вызывается из любого блока одним окном, контакты собраны на странице с картой.

Главная страница «UP&DO» целиком

Используемые технологии

ФРОНТЕНД

БЭКЕНД И АДМИНКА

Блок цели компании с цифрами и фото команды на главнойСтраница курса: программа по дням и что получит участникЛендинг бренда Univet в тёмной темеВидеоотзывы врачей о сотрудничестве
Таймлайн академии и карточки лекторовМега-меню каталога с четырьмя направлениямиСетка курсов с фильтрами по направлениямОкно заявки поверх главной страницы
Главная страницаРаздел каталога на телефонеЛендинг бренда на телефонеКаталог курсов академииСтраница курса «Лёгкий старт в имплантологии»Страница «Об академии»Страница «О компании»Лента новостей и статейСтраница статьи с оглавлениемМега-меню каталога

Больше страниц

Главная страницаСтраница «О компании»Страница «Об академии»Каталог курсов академииСтраница курса «Лёгкий старт в имплантологии»
Раздел каталога «Имплантология»Раздел каталога «Эргономика»Политика конфиденциальностиЛендинг бренда BioHorizonsЛендинг оптики Univet
Страница системы TeethXpressСтраница кондилографа CADIAXСтраница пьезотомов PUWAЛента новостей и статейСтраница статьи с оглавлением
Контакты: форма, реквизиты и картаСтраница вакансийМега-меню каталогаОкно заявки на консультациюСтраница 404