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