lytvynenko.designer

Enismaro

Мобільний інтерфейс Enismaro для перевірки автентичності продукту

Огляд проєкту

Enismaro — це прогресивний вебзастосунок (PWA), який відкривається після сканування QR-коду на пакуванні та дає змогу перевірити автентичність продукту. Користувачі можуть дослідити його життєвий цикл — від походження й виробництва до транспортування та сертифікації — без встановлення окремого застосунку чи створення облікового запису.

Сфера
FoodTech · IoT
Роль у проєкті
Product Designer
Дата
2024
Платформа
Прогресивний вебзастосунок (PWA)

Контекст проєкту

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

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

Товари з QR-маркуванням для перевірки походження та складу
Інтерфейс Enismaro з інформацією про продукт і його життєвий цикл

Мій внесок

  • Information Architecture
  • User Flows
  • UX Design
  • Mobile-First Experience
  • UI Design
  • Design System
  • Interactive Prototypes
  • Data Visualization
Інформаційна архітектура Enismaro: структура розділів Продукт, Історія та Компанія після сканування QR-коду

Структурування складної інформації про продукт

Виклик

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

Рішення

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

Інтерфейси Enismaro з інформацією про продукт, склад, сертифікати й документи

Візуалізація шляху продукту

Виклик

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

Рішення

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

Екрани Enismaro з історією транспортування та даними IoT-сенсорів

Побудова довіри через прозорість

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

Екрани розділу «Компанія» в Enismaro з інформацією про виробника, документами, медіа та фільтрами

Етапи роботи

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

  1. Крок 01 Ідея клієнта
  2. Крок 02 Інформаційна архітектура
  3. Крок 03 Баланс бізнес-цілей і бюджету
  4. Крок 04 Візуалізація даних
  5. Крок 05 Масштабований PWA-досвід

Інші проєкти

GunLib Trexim SoulMatcher Complexity