логотип Zoolux
логотип Zoolux
Веб-дизайн - Розробка 2022
Zoolux - це додаток для управління та відображення інформації з пристрою, що вимірює рівень масла в різних контейнерах. Розроблений для партнерів (B2B), VITA Trading GmbH.
  • Місцезнаходження

    Німеччина
  • Проект реалізовано для

    BITA Trading GmbH
  • Платформи

    iOS та Android
  • Терміни створення

    3 місяці
  • Оптимізація

    Мобільні пристрої та планшети
  • Додаток

    Zoolux
ілюстрація декоративного зображення

Цілі та завдання

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

Основним завданням для мобільного додатку була стабільність та швидкість роботи, можливість подальшої підтримки та масштабування проекту.

Додаток має бути простим, зручним у використанні з інтуїтивно зрозумілим інтерфейсом.

Розробка власного мобільного додатку повинна

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

З додатком завжди бути онлайн. Щоб покращити сервіс, повідомлення push мають надходити про події, пов’язані як із вимірюваннями, так і загальні для всіх користувачів.

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

Ресурси

Один з основних пунктів в реалізації будь-якого проекту. Спираючись на досвід, ми знали, що цей проект вимагав значних ресурсів, але в той же час розуміли, що неможливо розтягувати терміни виконання робіт та перевищувати запланований бюджет. Відповідно, було виділено мінімально необхідну кількість фахівців.
Проєкт виконано:
  • Власник продукту
  • CTO (Головний технічний директор)
  • UI/UX дизайнер
  • Front-end розробник
  • Back-end розробник
  • QA інженер

Етапи розробки додатку

Будь-який проект ділиться на послідовні (в деяких випадках паралельні) етапи роботи

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

Другий етап - UI / UX дизайн мобільного додатку, всі варіанти та етапи взаємодії користувача з додатком були розроблені.

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

Результат був представлений у графічній формі в онлайн-сервісі для проектування інтерфейсів Figma.

Після цих кроків ми переходимо до розробки Front-end та Back-end частин

  • Виконуємо ручне тестування на різних фізичних пристроях
  • Складаємо тест-кейс для проекту
  • Публікація додатку в маркетплейсах (Play Market/App Store)
  • Підтримка

Функціональність додатку

  • Авторизація користувача (2 ролі)
  • Мультимовність
  • Світла та темна тема
  • Анімація
  • Дашборд менеджера
  • Сканер штрих-кодів та QR-кодів
  • Фільтрація / пошук
  • Графіки
  • примусове оновлення
  • Офлайн-режим
  • push повідомлення
ілюстрація декору
ілюстрація екрану демонстраційного додатку 1ілюстрація екрану демонстраційного додатку 2ілюстрація екрану демонстраційного додатку 3ілюстрація екрану демонстраційного додатку 4ілюстрація екрану демонстраційного додатку 5

Додаток адміністрування

Будь-який проєкт поділяється на послідовні (у деяких випадках паралельні) етапи роботи

Перший етап — постановка цілей і завдань у процесі діалогу з клієнтом, були визначені основні проблеми та цілі, які цей додаток має вирішити.

Другий етап — UI/UX дизайн мобільного додатку, опрацьовані всі варіанти та етапи взаємодії користувача з додатком.

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

Результат був представлений у графічному вигляді в онлайн-сервісі для проектування інтерфейсів Figma.

Після цих етапів переходимо до розробки Front-end та Back-end частин

  • Здійснюємо ручне тестування на різних фізичних пристроях
  • Складання Test Case для проєкту
  • Публікація додатку в маркетплейсах (Play Market/App Store)
  • Підтримка

Функціональність додатку

  • Авторизація користувача (2 ролі)
  • Багатомовність
  • Світла та темна тема
  • Анімація
  • Панель керування менеджера
  • Сканер штрих-кодів та QR-кодів
  • Фільтрація / пошук
  • Графіки
  • Примусове оновлення
  • Робота офлайн
  • Push-повідомлення
ілюстрація декору
екран адміністрування 1екран адміністрування 2екран адміністрування 3екран адміністрування 4екран адміністрування 5екран адміністрування 6екран адміністрування 7

Адмін-панель

Будь-який проєкт поділяється на послідовні (у деяких випадках паралельні) етапи роботи

Перший етап — постановка цілей і завдань у процесі діалогу з клієнтом, були визначені основні проблеми та цілі, які цей додаток має вирішити.

Другий етап — UI/UX дизайн мобільного додатку, опрацьовані всі варіанти та етапи взаємодії користувача з додатком.

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

Результат був представлений у графічному вигляді в онлайн-сервісі для проектування інтерфейсів Figma.



Після цих етапів переходимо до розробки Front-end та Back-end частин

  • Здійснюємо ручне тестування на різних фізичних пристроях
  • Складання Test Case для проєкту
  • Публікація додатку в маркетплейсах (Play Market/App Store)
  • Підтримка
екран адмін-панелі 1
екран адмін-панелі 2
екран адмін-панелі 3

Технології та інструменти

логотип Zoolux
  • figma
  • React Native
  • FireBase
  • App center
  • Сервер / linux ubuntu
  • Бази даних / Postgre sql
  • Середовище / jetbrains, pycharm
  • Фреймворки / django
  • оплата в додатку / stripe
  • Хостинг / aws

Відгуки

Аватар особи
Слайдер
фрилансер
Він дійсно був експертом, чесним у своїх оцінках і дуже-дуже співпрацюючим. Він дійсно був експертом, чесним у своїх оцінках і дуже-дуже співпрацюючим. Він дійсно був експертом, чесним у своїх оцінках і дуже-дуже співпрацюючим.
Слайдер
фрилансер
Олег вкотре ідеально виконав завдання з розробки! Дуже подобається працювати з ним та його командою!
Інше ім'я
фрилансер
Олег вкотре ідеально виконав завдання з розробки! Дуже подобається працювати з ним та його командою! Олег вкотре ідеально виконав завдання з розробки! Дуже подобається працювати з ним та його командою!
Інше ім'я
фрилансер
Найкраща команда!
zoolux заклик до дії декорація

Ви готові?
Завантажте Zoolux!

Download app on the app store
Get in on google play