Addlink.com: Сайт для ІТ компанії

У 2016 році ми почали працювати над оновленням сайту тайської ІТ компанії Addlink.




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

Персони

Персони

Для тайської ІТ компанії важливо залучити користувачів як всередині країни, так і закордоном. Тому для цього сервісу ми визначили чотири наступні персони:
1) Продукт менеджер з іноземної ІТ компанії, який шукає аутсорсінг в Азії (Індія, Таїланд).
2) Бізнесмен з Таїланду, якому потрібна ІТ підтримка.
3) Член закордонного стартапу, що шукає можливість дешевше розробляти продукт.
4) ІТ спеціаліст, що шукає роботу.

Визначення сценаріїв використання

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

Онлайн калькулятор

Складною задачею для нас виявився онлайн калькулятор. Потрібно було розробити універсальну систему підрахунку замовлення для різних типів користувачів. Зрештою, ми визначили три типи замовлень: веб-сайт, додатки та програми. Кожна з них прораховувалася за окремими алгоритмами і показувала приблизну вартість замовлення.





Перший варіант дизайну

Перший екран сайту

Перший екран сайту

Переваги компанії

Переваги компанії

Програми

Програми

Сервіси

Сервіси

Команда

Команда

Модуль контактів

Модуль контактів

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

Перший екран сайту

Перший екран сайту

Портфоліо

Портфоліо

Ціни

Ціни

Сервіси

Сервіси

Партнери

Партнери

Контакти

Контакти






Елементи дизайну

Унікальні іконки

Унікальні іконки

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

Векторні ілюстрації

Художник-ілюстратор створив унікальні малюнки для сайту. Наприклад, цей ілюстрував слайд розділу Сервіси - Веб розробка.
Векторні ілюстрації
Шрифт Kanit

Шрифт Kanit

Ми зіткнулися з проблемою вибору шрифту, оскільки тайська абетка не підтримується більшістю Інтернет шрифтів. Зрештою UI дизайнер запропонував шрифт Kanit, що гарно виглядав як в англійській версії, так і в тайській.

Команда

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

Відеопрезентація

Для кращої репрезентації команди ми зняли два відео. Перше показувало головного програміста, який розповідав про переваги співпраці. Це відео було розраховано на клієнтів компанії: продакт менеджерів, бізнес. Друге показувало життя компанії і було розраховане на потенційних працівників.

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

Сайт побудований на сітці Bootstrap, на базі системи управління контентом Wordpress. Сайт повністю адаптивний, протестований на основних браузерах. У процесі тестування були визначені проблеми на пристроях iPad, які були успішно усунені програмістами.
Адаптивний дизайн

Технології

Redmine

Redmine

Balsamiq

Balsamiq

Marvelapp

Marvelapp

Adobe Illustrator

Adobe Illustrator

AJAX

AJAX

Css3

Css3