9t: Платформа управління лінками

  • Рік: 2016
  • Країна: Таїланд
  • Тип: сервіс (SAAS)
  • Сфера: маркетинг
  • Розроблені елементи: дослідження потреб клієнтів, UX прототипи, UI дизайн, юзабіліті тестування
У 2015 році ми отримали замовлення на розробку системи управління лінками для маркетологів, SMM-фахівців, які поширюють посилання в соцмережах і потребують детальної аналітики щодо їхньої результативності.




Дослідження потреб клієнтів

Дослідження потреб клієнтів

Дослідження потреб клієнтів

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

Прототипування

Створення прототипів відбувалося в програмі Balsamiq. Ми разом з командою замовника тестували UX онлайн та оффлайн на маркетологах. Якщо у макеті було усе зрозуміло, прототип передавався UI дизайнеру для подальшої розробки графічного інтерфейсу.
Прототипування





Розробка графічного інтерфейсу

Список кампаній в акаунті
Розділ частих питань
Очікування системи
Аналітика
Список скорочених URL
Реєстрація нового користувача





Брендування системи

Талісман

Талісман

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

Різні рівні користувачів

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

Вебсайт

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

Адаптивний дизайн

Верстка здійснювалася на основі сітки Bootstrap, тому вона повністю адаптивна. Оскільки система була складною, з великою кількістю елементів, адаптивний UI доводилося промальовувати для кожної сторінки окремо, щоб полегшити роботу програмістам.
Адаптивний дизайн

Технології

Redmine

Redmine

Balsamiq

Balsamiq

Marvelapp

Marvelapp

Adobe Illustrator

Adobe Illustrator

AJAX

AJAX

Css3

Css3