image_logo_meet

От халепа... Ця сторінка ще не має українського перекладу, але ми вже над цим працюємо!

cookies

Привіт! Цей сайт використовує файли cookie. Продовжуючи перегляд або натискаючи «Погоджуюсь», ви погоджуєтесь на їх використання. Для отримання додаткової інформації, будь ласка, перегляньте нашу Політику конфіденційності.

MySkinDoc: веб-розробка платформи для онлайн консультацій з дерматології

Великобританія Послуги Вересень – жовтень 2021 року

mySkinDoc – це веб-рішення для онлайн-консультацій з дерматологами.

Користувачі MySkinDoc надають інформацію про свої шкірні захворювання через онлайн-форму та здійснюють оплату. Після цього вони отримують точний діагноз та план лікування.

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

header_image

Скріншоти екрана:

image_screens
image_screens
image_screens

Послуги:

Product design

Design discovery & research

UX design

UI design

Brand identity

Web development

Front-end

Back-end

Технології:

Figma

Next.js

Команда:

1 UI/UX designer

1 Identity designer

1 Front-end developer

1 Back-end developer

1 QA engineer

1 Project manager

1 SEO specialist

ВИКЛИКИ

Оптимізація пошукових систем

NERDZ LAB мали створити веб-сайт, оптимізований для SEO. Він повинен бути високо рейтингований в Google, щоб легко привертати потенційних користувачів.

Достовірна аналітика

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

Швидке завантаження сторінок

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

Безпечний платіжний канал з системою лояльністю

Замовник попросив нас інтегрувати надійний сервіс для платежів. Вони також хотіли генерувати промокоди для пацієнтів, коли вони вважатимуть це необхідним для підвищення лояльності пацієнтів.

Надійний збір та зберігання даних

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

Система контент менеджементу сайту

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

image_challange
РІШЕННЯ

Високоефективний фреймворк

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

Інструменти, спрямовані на SEO

Ми залучили експерта для підсилення SEO mySkinDoc. Крім того, використання Next.js як фреймворка прискорило SEO, оскільки швидке відображення контенту утримує відвідувачів на сайті.

Надійна аналітика

Команда вибрала відкритий інструмент автоматизованого тестування Lighthouse, інтегрований у Chrome, для аудиту продуктивності та SEO. Ми також використовували Google Analytics для більш ефективного планування та управління вдосконаленням сайту.

Інтеграція платіжного шлюзу

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

Зручна форма для збору даних

NERDZ LAB створили зручну для користувачів форму для збору інформації від відвідувачів MySkinDoc, які хочуть скористатися послугою. Пацієнти просто заповнюють форму, додають фото своєї шкірної проблеми (за бажанням), оплачують консультацію і чекають на діагноз.

Послуги з веб-розробки

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

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

  • Додавання нових адміністраторів
  • Додавання лікарів для обробки запитів від пацієнтів
  • Генерація промокодів для покриття повної вартості консультації
  • Перегляд списку користувачів, які залишили свою електронну адресу для створення маркетингових кампаній

Інтеграція системи контент менеджементу

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

ДИЗАЙН

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

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

NERDZ LAB розпочали збирати вимоги до проєкту та аналізувати аналогічні сервіси. Це дало нам чітке уявлення про майбутній продукт і допомогло створити фірмовий стиль.

Після цього ми перейшли до складання макетів і визначення кожного елемента на головній сторінці. Нарешті, ми створили посадкову сторінку, який висвітлював переваги сервісу та спонукав відвідувачів підписатися.

Дизайнерські послуги:

  • Вивчення та дослідження дизайну
  • UX-дизайн
  • UI-дизайн
  • Фірмовий стиль

Дизайнерські рішення:

  • Веб-дизайн
  • Дизайн фірмового стилю

Дизайн робочого процесу

01

Інтерв'ю з клієнтом

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

02

Дослідження та вивчення дизайну

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

03

Створення UX

NERDZ LAB створили інтуїтивно зрозумілий та легко навігаційний дизайн користувацького досвіду, який відповідає принципам зручності та доступності і досягає місії платформи.

04

Створення UI

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

Процес проектування продукту_фрагменти

image_screens

Макети дизайну

image_screens

Створення стилю та інтерфейсу користувача

image_screens

Фрагменти з брендбуку

image_screens

Фрагменти інтерфейсу користувача

РЕЗУЛЬТАТИ

Все на одній веб-платформі для онлайн-консультацій з дерматології

Високопродуктивний та доступний веб-сайт зі швидкісними метриками: Speed Index, First Contentful Paint та Time to Interactive всередині 0,3 секунди

Повністю сумісне із GDPR та HIPAA рішення

Індексований Google та SEO-оптимізований маштабований веб-сайт

Онлайн-рішення для оплати з генерацією промокодів

Панель адміністратора для відстеження онлайн-запитів від пацієнтів

ВІДГУКИ КЛІЄНТА

product_image
Amit Goyal
logo

mySkinDoc

Very happy with the whole process, would recommend them to anyone across the world who is looking for IT services.

image
Amit Goyal
logo

mySkinDoc

Very happy with the whole process, would recommend them to anyone across the world who is looking for IT services.