Доступні для нових проектів з Квітня. Напишіть нам щоб забронювати команду 👈
Доступні для нових проектів з Квітня. Напишіть нам щоб забронювати команду 👈
Доступні для нових проектів з Квітня. Напишіть нам щоб забронювати команду 👈

KARL STORZ

Навчальна онлайн-платформа для трансляції
медичних заходів

Індустрія

  • медицина
  • освіта

Експертиза

EdTech платформа, презентаційний веб сайт,
мобільний додаток

Період розробки

2020

karl-storz-case-main-preview-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency

Про клієнта

Німецька компанія KARL STORZ — один з найбільших в світі виробників ендоскопічного обладнання для медицини і ветеринарії. Вони одними з перших в світі, ще в 1950-і роки, почали виробляти ендоскопи. Зараз це велика корпорація з філіями більш ніж в 40 країнах світу на всіх континентах.

На початку 2000-х KARL STORZ відкрив представництво в Україні та почав поставляти в нашу країну свої системи. Одним з напрямків роботи української філії стала освіта: в Києві відкрився навчальний центр, де представлена ​​продукція бренду і проводяться освітні заходи для медиків.

Завдання

Розробити цифровий комплекс для бренду медичної техніки, який включав:

  1. Презентаційний сайт для навчального центру;
  2. Онлайн-платформу для трансляції медичних заходів;
  3. Дизайн мобільного додатку для сервісного центру.

Спочатку KARL STORZ звернувся в Goodface за розробкою презентаційного сайту для тренінгового центру.

Центр регулярно проводить заходи для лікарів. Кожен захід вимагає просування. Ключовий канал просування - інтернет, а засіб — лендинги заходів, на яких можна придбати квиток. Раніше для кожного заходу команда клієнта створювала новий лендинг на конструкторі Tilda. Створення одного такого такого лендингу майже завжди починалося заново і могло займати до трьох днів.

maksym-yakubovych.jpg - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency
Максим ЯкубовичCEO Goodface, керівник проєкту
«Така тактика з поодинокими лендингами могла добре працювати, поки заходів було мало. Але для системної роботи цей підхід не годився — адже кожен раз всю роботу доводилось, фактично, виконувати заново. До того ж єдиного підходу до контенту і дизайну не було, і через це в учасників заходу не виникало асоціацій з брендом».

Ключовим завданням, яке ми отримали від KARL STORZ, було створити такий сайт, який допоміг би спростити і прискорити створення заходів будь-якого масштабу: від невеликої онлайн-лекції до серйозного офлайн семінару на 1000 чоловік. Окремий розділ потрібно присвятити новому тренінговому центру, який тоді тільки планували відкрити.

karl-storz-case-the-task-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency

Процес розробки

karl-storz-case-development-process-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency

Презентаційний сайт

Дослідження

Роботу над проєктом ми почали з того, що вивчили сайти інших регіональних представників KARL STORZ і інших компаній, які займаються організацією медичних заходів в Україні і в світі. При цьому ми намагалися відповісти для себе на такі запитання:

  1. Які розділи на сайті повинні бути?
  2. Які типи заходів бувають?
  3. У чому їх суть і чим вони розрізняються між собою?
  4. Які параметри можуть бути у заходу?
  5. Як зазвичай учасники купують квитки на заходи?
  6. У чому особливості безкоштовних заходів?

Проектування

Коли стало зрозуміло, що ми розробляємо не просто презентаційний сайт, а комплексну інфраструктуру з безліччю функцій, нам довелося переосмислити завдання і проєкт в цілому. Потрібно було зробити так, щоб користувачі сприймали цю складну систему простою і щоб у них не виникало труднощів при взаємодії з інтерфейсом.

Під час роботи над сайтом завдання обростало новими деталями і трансформувалося. У команди KARL STORZ  виникла ідея створити на сайті особистий кабінет для закритого клубу хірургів, де вони могли б за допомогою відео ділитися один з одним знаннями.

У медичному середовищі дуже актуальна тема обміну досвідом — будь-який хороший лікар регулярно відвідує семінари, конференції, бере участь в обговореннях. Досвідчені фахівці проводять лекції, майстер-класи та демонстраційні операції для молодих колег. І ось через цей особистий кабінет лікарі могли б організовувати трансляцію різних заходів або дивитися записи.

Нам ця ідея сподобалася. Ми стали вивчати аналоги, обговорювати їх з клієнтами, і поступово спільними зусиллями прийшли до думки, що робити потрібно не просто особистий кабінет, а EdTech-платформу.

karl-storz-case-planning-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency

Дизайн

Для проєкту ми розробили комплексний візуальний стиль, який об'єднав презентаційний сайт і платформу для телемедицини в єдину систему.

Ми створили серію макетів для комп'ютерної версії сайту, версії на планшетах, а також для смартфонів. А щоб забезпечити цілісність візуального стилю, кожен елемент дизайну оформили в спеціальний документ з описом дизайн-системи — він називається GUI (graphical user interface, або графічний інтерфейс користувача).

karl-storz-case-design-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency
maksym-yakubovych.jpg - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency
Максим ЯкубовичCEO Goodface, керівник проєкту
«Створюючи візуальний стиль для цього проєкту, ми орієнтувалися на сучасні тенденції UX і UI дизайну, при цьому намагалися зберегти ключові риси фірмового стилю бренду KARL STORZ».
karl-storz-case-design-2-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency

Онлайн-платформа

Телемедицина

Це формат справжньої телемедицини: будь-який хірург може зареєструватися на платформі і в прямому ефірі проводити операцію. До неї можуть підключатися інші фахівці. Спостерігаючи за операцією, вони можуть писати коментарі, а лікар, який проводить операцію, може їм відповідати (особисто або через асистента).

Таким чином можна організовувати консиліуми, де кілька фахівців надаватимуть консультативну допомогу, або, навпаки, проводити демонстраційні операції для студентів.

karl-storz-case-telemedicine-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency

Мобільний додаток

Інтерфейс

Також ми розробили дизайн додатку для сервісного центру. Він полегшив для медичних установ обслуговування та ремонт обладнання KARL STORZ і став ще одним елементом цифрової інфраструктури бренду.

karl-storz-case-interface-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency

Впровадження і розвиток

Створення сайту у нас зайняло 2,5 місяці. Ще близько 4-х місяців пішло на розробку так званої MVP платформи (minimum viable product, або мінімально життєздатний продукт).

Це проста версія системи, але вже має цінність для споживача. У нашому випадку, наприклад, глядачі спочатку могли тільки дивитися трансляції, а вже пізніше ми підключили коментарі. В подальшому ми вже допрацьовували платформу, додавали нові функції, корегували інтерфейс з урахуванням зворотного зв'язку від користувачів.

Важливим комплексом робіт була інтеграція сайту з платформою. Це дозволило, зокрема, зробити так, щоб при створенні нового заходу на платформі він відразу з'являвся в афіші на сайті.

karl-storz-case-integration-and-expansion-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency

Програмна реалізація
і тестування

У цьому проєкті ми відповідали також і за програмну частину: як фронтенд, так і бекенд. На стороні фронтенда ми підготували адаптивну верстку, в якій також передбачили роботу сайту і платформи на різних пристроях.

Окрему увагу приділили оптимізації швидкодії і технічних параметрів. Це важливий момент, хоч про нього часто забувають. Якщо сайт містить технічні помилки, пошукові системи знижують його рейтинг. Такі сайти складніше і дорожче просувати і рекламувати.

Для менеджерів ми зробили зручну адмін-панель для управління контентом сайту. Вийшов такий конструктор заходів, в якому захід будь-якої складності можна створити за 20-30 хвилин.

maksym-yakubovych.jpg - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency
Максим ЯкубовичCEO Goodface, керівник проєкту
«Окремо мені хочеться сказати про систему оформлення квитків. Часто буває, що одна людина купує квитки відразу на групу. На старих лендингах це було реалізовано так, що для кожної людини процес оформлення і оплати треба було проходити з нуля. А імена учасників писали просто в коментарях до замовлення. На новому сайті ми зробили набагато простіше: тепер при оформленні квитків відразу можна додати дані декількох учасників і оплатити їх одним платежем — картою через систему LiqPay або безготівково».
karl-storz-case-software-development-and-testing-desktop.png - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency

Результати

На даний момент ми реалізували базову функціональність онлайн-платформи для телемедицини. І, тим не менш, це повноцінний працюючий продукт — на платформі регулярно проводяться трансляції, там реєструються нові користувачі. Більш того, нею користуються філії KARL STORZ не тільки з України, а й з інших країн світу.

Онлайн-платформа для трансляції медичних заходів

Клієнт отримав комунікаційну EdTech-платформу для трансляції медичних заходів. Це дозволить бренду KARL STORZ вибудовувати більш міцні зв'язки зі споживачами своєї продукції і підтримувати їх лояльність.

Презентаційний сайт для навчального центру

У навчального центру KARL STORZ з'явився сучасний, красивий і зручний сайт, за допомогою якого він може залучати відвідувачів на заходи. Стала простішою робота менеджерів навчального центру: тепер на створення навіть найскладнішого заходу відводиться не більше 20-30 хвилин, а більшу частину квитків користувачі оплачують онлайн без участі менеджерів.

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

Ми розробили дизайн додатку для сервісного центру. Він полегшив для медичних установ обслуговування та ремонт обладнання KARL STORZ і став ще одним елементом цифрової інфраструктури бренду.

maksym-yakubovych.jpg - Розробка EdTech платформи, веб сайту, мобільного додатку для KARL STORZ - goodface.agency
Максим ЯкубовичCEO Goodface, керівник проєкту
«Ми отримали унікальний досвід і розуміння особливостей проєктування та розробки EdTech продуктів. Сфера онлайн-навчання зараз переживає підйом. Тому ми сподіваємося, що наш досвід стане в нагоді ще багатьом компаніям, і будемо раді пропозиціям про співпрацю».

Посилання

Відгук клієнта

5.0
Star - goodface.agency
Quality 5.0Schedule 5.0Cost 5.0Willing to refer 5.0

Goodface швидко розібрались в сфері нашого бізнесу, а досвід роботи в різних сферах дав можливість віднайти безліч варіантів і рішень. Компанія має великий досвід, компетентну команду та свою ідею. Ми отримали додаткову сервісну підтримку, яка обслуговує клієнтів і краще розуміння нашої продукції.

Перехід бізнесу 

на
 новий рівень 
в одній простій дії
Написати GoodfaceSmile - goodface.agency
Cat
Close
Checkmark - goodface.agency

Заповніть простий бриф

Ми відповімо найближчим часом на email

Close

ПОЛІТИКА КОНФІДЕНЦІЙНОСТІ

Ласкаво просимо до Повідомлення про конфіденційність Goodface.

Goodface поважає вашу конфіденційність та прагне захистити ваші персональні дані. У цьому повідомленні про конфіденційність буде повідомлено про те, як ми доглядаємо за вашими особистими даними під час відвідування нашого веб-сайту (незалежно від того, звідки ви його відвідуєте) та інших веб-сайтах, якими ми володіємо та на яких працюємо. А також про ваші права на конфіденційність та те, як закон захищає вас.

Ми можемо час від часу змінювати політику конфіденційності, щоб відобразити зміни в продуктах та послугах, які ми надаємо, та способи обробки ваших персональних даних.

Ми не будемо передавати вашу інформацію будь-якій третій стороні поза нашою організацією, крім випадків, необхідних для виконання вашого запиту, якщо такий є.

ІНФОРМАЦІЯ, ЯКУ МИ ЗБИРАЄМО

Коли ви відвідуєте наш веб-сайт, наші сервери можуть автоматично реєструвати стандартні дані, надані вашим веб-браузером. Ці дані вважаються "неідентифікуючою інформацією", оскільки вони не ідентифікують Вас особисто. Він може включати:

  • Адреса Інтернету (IP) вашого комп’ютера;
  • Тип і версія браузера;
  • Сторінки, які ви відвідуєте;
  • Час та дата вашого візиту;
  • Час, проведений на кожній сторінці;

ІНШІ ДЕТАЛІ

Ми можемо запитати особисту інформацію, таку як ваше ім’я та електронну адресу. Ці дані вважаються "ідентифікаційною інформацією", оскільки можуть особисто вас ідентифікувати. Ми вимагаємо лише особисту інформацію, яка стосується надання вам послуги, і використовуємо її лише для надання або вдосконалення цієї послуги.

Ми збираємо інформацію чесними та законними способами, з вашого відома та згоди. Ми також повідомляємо вам, чому ми збираємо його та як він буде використаний. Ви можете відмовити у нашому запиті на цю інформацію, розуміючи, що ми не можемо надати вам деякі ваші бажані послуги без неї.

Ми оброблятимемо персональні дані та спілкуватимемось з вами лише в тому випадку, якщо:

1. Ви дали нам згоду на обробку ваших персональних даних та спілкування з однією або кількома конкретними цілями, тобто запитування продуктів чи послуг у нас, завантаження матеріалів або інформації з нашого веб-сайту або подання форми для зв’язку з нами.

2. Виконання контракту

3. Де ми маємо законний інтерес для зв’язку з вами стосовно наших продуктів та послуг

ВИКОРИСТАННЯ ІНФОРМАЦІЇ

Ми можемо використовувати комбінацію ідентифікуючої та неідентифікуючої інформації, щоб зрозуміти, хто наші відвідувачі, як вони користуються нашими послугами та як ми можемо покращити їх досвід роботи на нашому веб-сайті в майбутньому. Ми не розголошуємо особливості цієї інформації публічно, але можемо ділитися агрегованими та анонімними версіями цієї інформації, наприклад, у звітах про тенденції використання веб-сайтів та клієнтів.

Права та вибір:

  • Подивіться, які дані ми маємо про вас, якщо такі є;
  • Змінюйте / виправляйте будь-які дані, які ми маємо про вас;
  • Попросіть нас видалити будь-які дані про вас;
  • Подивіться, які заходи безпеки ми застосовуємо до ваших даних;
  • Висловіть будь-яке занепокоєння щодо використання нами ваших даних;

Ви можете будь-коли відмовитися від будь-яких майбутніх контактів від нас за адресою електронної пошти, вказаної на нашому веб-сайті: goodface.agency