Mental Health by 3dravo

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

Спочатку метою проєкту було створення сайту для продажу 3-4 товарів та розміщення одного тесту для користувачів, але наразі проєкт є потужною онлайн-платформою з психологічними тестами, базою препаратів та корисних статей

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

Планування

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


Цілі проєкту

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





Підхід

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

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

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

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

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


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

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





Технології

Для розробки веб-платформи ми обрали Nuxt.js для Frontend-частини та Laravel для Backedn. Це дозволило забезпечити високу продуктивність та безпеку завдяки швидкому рендерингу і стабільності. Ми також використовували PostgreSQL для надійного управління базами даних і AWS для хостингу, що дозволило нам досягти маштабованості та високої доступності сервісів по всьому світу

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

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


Результати

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