Додаток Vestum

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

Перше знайомство

Агенція Kit Global отримала запит від компанії, що здійснює свою діяльність в сфері поставок електроосвітлювальної продукції на створення мобільного застосунку, який надавав би користувачам мобільних пристроїв з операційними системами Android та iOS зручний інтерфейс для взаємодії з веб-сайтом компанії.

Портрет клієнта

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

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

Поставлені цілі та завдання

В процесі діалогу з клієнтом ми з’ясували основну проблематику і цілі, які замовник ставить перед застосунком.

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

Мета 2. Імідж. Розробка власного мобільного застосунку виводить компанію на новий, більш високий рівень розвитку. Сприяє створенню іміджу лідера ринку, підкреслює клієнтоорієнтований підхід організації.

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

Глобальна місія програми – служити клієнтам і співробітникам компанії для швидкого і ефективного виконання завдань, пов’язаних з діяльністю Vestum.

Ресурси

Ми розуміли, що масштаб проекту вимагає значних ресурсів, однак при цьому не можна розтягувати терміни виконання роботи. Тому виділили відповідну кількість фахівців рівня senior і middle. Над проектом працювали:

• Бізнес аналітик
• Головний дизайнер
• UX фахівець
• UI фахівець
• CTO (технічний директор)
• Front-end розробники – 2 фахівця
• QA інженер

У нас ви можете замовити додатки для e-commerce

Етапи розробки застосунку

Процес роботи над проектом можна представити у вигляді послідовних етапів:

• Розробка і узгодження ТЗ з описом екранів застосунку і функціонування бек-частини. Розробка архітектури API застосунку.

Перший етап роботи над проектом мав на увазі розробку дизайну мобільного застосунку – UI/UX дизайн. Була спроектована архітектура системи і опрацьовані всі етапи і варіанти взаємодії користувача з додатком. Результат роботи представили в графічному вигляді і наповнили контентом.

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

• Розробка фронт-частини.

Після затвердження дизайну застосунку, була розроблена клієнтська частина застосунку, яка включає в себе інтерфейс для користувачів.

1. Підключення фронт-частини до бекенду веб-версії за допомогою спроектованого API.
2. Тестування.
3. Розміщення в маркетплейсах (Play Market/App Store).

Інструментарій

Архітектура застосунку була представлена ​​клієнт-серверною структурою, клієнтську частину якої користувач встановлює безпосередньо на мобільний пристрій. В процесі роботи клієнтський застосунок обмінюється даними з серверною стороною застосунку за допомогою веб-сервісів (API).

В якості інструментів для розробки фронтенд частини було вирішено використовувати CLI React Native\TypeScript\HTML5\CSS3\StyledComponents технології.

Такий стек технологій дозволив скоротити час розробки і бюджет замовника, оскільки розробка виконувалася під операційні системи iOS і Android.

Результат розробки

Функціонал мобільного застосунку:

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

Досягнення цілей

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

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

Мобільний додаток Vestum є цінним внеском в портфоліо Kit Global як приклад складного проекту з широким функціоналом, який був успішно реалізований і став невід’ємною частиною програмного забезпечення клієнта.