![](/images/yootheme/9t1.jpg)
9t: Платформа управління лінками
- Рік: 2016
- Країна: Таїланд
- Тип: сервіс (SAAS)
- Сфера: маркетинг
- Розроблені елементи: дослідження потреб клієнтів, UX прототипи, UI дизайн, юзабіліті тестування
Дослідження потреб клієнтів
![Дослідження потреб клієнтів](/images/portfolio/ux9t.png)
Дослідження потреб клієнтів
Визначення юзкейсів стало складною частиною нашої роботи, оскільки користувачі такої системи були фахівцями з вузькою спеціалізцією, яких було важко знайти для проведення інтерв'ю. Тому у цьому проекті ми мусили спиратися на відгуки обмеженої кількості потенційних користувачів. Частина функцій програми була суперечна і технічне завдання часто змінювалося після тестів.
Прототипування
Створення прототипів відбувалося в програмі Balsamiq. Ми разом з командою замовника тестували UX онлайн та оффлайн на маркетологах. Якщо у макеті було усе зрозуміло, прототип передавався UI дизайнеру для подальшої розробки графічного інтерфейсу.
![Прототипування](/images/portfolio/ux9t1.png)
Розробка графічного інтерфейсу
Брендування системи
![Талісман](/images/portfolio/ui9t.png)
Талісман
Для того, щоб привабити більше користувачів на сайт, ми розробили персонажа Ніно, що мав допомогти людям користуватися системою.
Різні рівні користувачів
Система мала продаватися у 3 варіантах: безкоштовна версія, початковий та професійний рівні. Відповідно у програми було 3 типи користувачів, кожен з яких мав доступ до певної кількості функцій. Оплата здійснювалася щомісячно через платіжну систему всередині сервісу.
![Різні рівні користувачів](/images/portfolio/ui9t1.png)
![Вебсайт](/images/portfolio/ui9t6.png)
Вебсайт
Щоб протестувати систему в реальних умовах, програмісти виклали перший реліз безкоштовно для загального користування після того, як були реалізовані основні функції. Для залучення широкого загалу в сервіс була розроблена сторінка-вітрина, де користувачі могли скорочувати URL посилань.
Адаптивний дизайн
Верстка здійснювалася на основі сітки Bootstrap, тому вона повністю адаптивна. Оскільки система була складною, з великою кількістю елементів, адаптивний UI доводилося промальовувати для кожної сторінки окремо, щоб полегшити роботу програмістам.
![Адаптивний дизайн](/images/portfolio/ui9t12.png)