ERP-система для управління проєктами з контролем витрат
Обожнюємо втілювати стартапи в життя: від продумування бізнес-логіки до споглядання готового функціонального продукту. Сьогодні розповідаємо про особливий для нас кейс — розробку власної ERP-системи if.team для ефективного керування проєктами. Нам знадобився один рік, щоб залончити MVP, і ще один — щоб залучити понад 20 компаній. А починали ми з ідеї створити інструмент для менеджменту проєктів усередині Webnauts.
У цій статті ми розповімо про розробку потужних функцій ERP-сервісу if.team, зокрема вбудований контроль витрат у вигляді графіка грошового потоку та згоряння бюджету на рівні компанії, проєкту та навіть ітерації. Тайм-трекер завдань, контроль замовника за прогресом проєкту, календар співробітника, розрахунок зарплат, автоматизація нудних звітів, CRM-складова та ще багато різних фіч роблять if.team самодостатнім і водночас простим інструментом для керування проєктно-орієнтованою компанією. Ба більше, if.team може стати базою для розробки будь-якої іншої ERP-системи з додатковими функціями, кастомними модулями та інтеграціями.
Проте не будемо забігати наперед і повернемося до витоків — історії та процесу створення нашого стартапу.
Особливості проєктного менеджменту
Висока конкуренція та диджиталізація ринку послуг вимагає від українського бізнесу серйозних рішень, одне з яких — переорієнтація на проєктне управління. Недарма сучасний світ називають «project-based world», а проєктний підхід — прогресивною управлінською технологією. Вона дозволяє швидко впроваджувати зміни й адаптуватися до мінливих умов бізнес-середовища, причому не лише в IT. Понад 50% українських компаній у різних галузях уже мислять проєктами, і ця цифра продовжує зростати.
Крім гнучкості, ефективність проєктного менеджменту визначається ще однією особливістю — націленістю на результат у межах визначеного терміну, запланованого бюджету й обсягу роботи. Це так званий залізний трикутник проєкту, де зміна будь-якої сторони (наприклад, урізання бюджету) впливає на іншу його сторону (наприклад, зменшення скоупу робіт) і, звичайно, якість — вона стоїть у центрі трикутника. Головне завдання проджект-менеджера — тримати цей трикутник укупі, тобто зберігати баланс між часом, грошима та обсягом робіт, аби досягти високої якості продукту чи послуги.
Так виглядає проєктизація бізнесу в ідеальному світі. Зараз же пропонуємо поглянути на проєктний менеджмент, іще й у поєднанні з масштабуванням, на реальному прикладі нашої компанії.
Історія створення сервісу для управління проєктами
На практиці проєктно-орієнтовані компанії стикаються з багатьма проблемами, головною з яких є… ні, навіть не дедлайни, а постійні перевитрати бюджету. Webnauts — не виключення. Впродовж 9 років ми швидко масштабувалися, і так само швидко відчули весь біль проєктного управління. Менеджерити роботу компанії — проєкти, команди й, особливо, фінанси, — стало складніше. Разом з кількістю проєктів і співробітників, квадратних метрів офісного та гігабайтів хмарного простору зростало гостре усвідомлення необхідності створити власний онлайн-сервіс.
Спочатку if.team задумувався як суто внутрішній інструмент, однак скоро викликав інтерес інших компаній, зокрема на технологічній конференції «The future of Ukraine summit» у Берліні та «Unicorn Startup Competition» у Києві, де наш сервіс здобув перемогу з-поміж 140 українських стартапів. Окрім того, if.team залончився на технологічному майданчику та увійшов у ТОП-10 кращих софтів 2023 року в категоріях «Budgeting apps» (1 місце), «Remote workforce tools» (2 місце) та «Project management software» (9 місце).
Чим же він такий особливий? if.team — це ERP-система з елементами CRM, HRM, task-менеджменту та тайм-трекінга, що заточена під проєктну діяльність і має розширений контроль витрат. Аби ефективно керувати всіма бізнес-процесами, відтепер достатньо всього одного сервісу. Це можна перевірити особисто та поюзати безплатну демоверсію впродовж 7 днів. Ба більше, наша команда готова адаптувати продукт під ваш бізнес і розробити на базі if.team вашу власну ERP-систему. Це значно швидше та дешевше, ніж створювати таку програму з нуля. Знаємо не на словах.
А тепер ми нарешті розпочинаємо розповідь про технічну реалізацію сервісу: від дизайну до втілення незамінних функцій для роботи компаній, які живуть проєктами.
Функціональні можливості ERP-системи
Функціонал сервісу if.team не зводиться до контролю бюджетів і строків реалізації проєктів. Він являє собою цілковиту ERP-систему для керування:
- компанією (робочі групи, відділи, посади, контакти);
- фінансами (контроль грошових потоків, ставки на оплату праці, звіти та дашборди);
- проєктами (команди, рейти, дедлайни та витрати за ітераціями);
- завданнями (пріоритети, терміни, статуси, ролі та результати);
- взаємовідносинами з клієнтами (CRM).
Щоб оцінити всі функціональні можливості сервісу, достатньо поглянути на його інформаційну архітектуру. Це основа UX/UI дизайну, від якої залежить ефективна організація всього контенту, а відтак — і досвід взаємодії користувача з цим контентом:
Інтуїтивно зрозуміла навігація сервісу дозволяє співробітникам зосередитися на своїх завданнях, а не на пошуку потрібної сторінки. Ефективному користувальницькому досвіду сприяє і надзвичайно простий інтерфейс, який ви цілком зможете оцінити в наступних розділах кейсу.
Особистий кабінет співробітника
Це зручна інформаційна панель з вбудованим тайм-трекером, актуальними проєктами та завданнями у вигляді Списку, Канбану та Діаграми Ганта. Співробітники мають змогу ефективно розподіляти свій час, оцінювати навантаження, відстежувати прогрес, проглядати звітність щодо заробітної плати та комунікувати з командою.
Профіль
Реєстрація. Робота з сервісом, як і зазвичай, починається з реєстрації, спростити яку дозволяє метод авторизації через Google:
Авторизація. Якщо бувалий юзер дозволив Google запам’ятати свій пароль, вхід у систему проходить ще швидше:
Профіль співробітника містить такі підрозділи:
- Мій профіль з контактною інформацією, налаштуванням пароля та мови;
- Компанії, звідки можна ввійти до наявної чи створити нову компанію;
- Тарифи, де можна керувати підписками сервісу;
- Налаштування сповіщень про пріоритети, статуси, дедлайни та ролі за відношенням до проєктів і завдань (постановник, учасник або відповідальний) і каналом інформування (браузер і Telegram);
- Інтеграції з сервісами (Google Calendar і Telegram).
Проєкти
Розділ Проєктів містить увесь список проєктів, який можна відфільтрувати за статусом (активні, заблоковані, архівні), а також назвою та ім’ям проджект-менеджера. Крім того, користувач може налаштувати інтерфейс під себе — вибирати та впорядковувати поля за:
- алфавітом (колонка Назва),
- кількістю завдань (колонка Завдання),
- датою (колонка Завершення).
Функція пошуку вбудована у фільтр і додатково представлена у вигляді поля вводу, аби співробітник, який працює над декількома проєктами одночасно, зміг швидко знайти потрібний і взятися до роботи.
Сторінка Проєкту містить декілька блоків:
- Основну інформацію: назва, тип оплати (фіксована чи погодинна), статус, керівник, учасники, терміни, послуги;
- Опис і файли;
- Ітерації;
- Завдання.
Завдання
Розділ Завдання має безліч функцій, зокрема розширений фільтр пошуку, створення нової таски та широкі можливості з налаштування інтерфейсу. Всі завдання можна представити як Канбан, Діаграму Ганта чи старий добрий Список.
Фільтр завдань можна сортувати за проєктом, відповідальними, статусом, пріоритетом і дедлайном. Причому за кожним параметром можна вибрати відразу декілька варіантів:
Додати завдання можна як в самому розділі, так і в шапці сервісу праворуч. Для цього треба вказати назву та підв’язати проєкт, після чого з’являються ще два параметри — статус та ітерація. Потім призначаємо керівника, відповідального та учасників, встановлюємо дату початку та дедлайн, визначаємо пріоритет і час, описуємо суть завдання та завантажуємо файли, що можуть знадобитися для його виконання. Ці всі параметри допомагають чітко та зрозуміло окреслити завдання, проте обов’язковими для створення завдання є перші 4 пункти: назва, проєкт, статус і відповідальний.
До новоствореного завдання можна додати чек-лист, підзавдання та залежність від інших завдань у режимі Очікування (завдання, без якого неможливо виконання поточного завдання) та/чи Блокування (завдання, що не можна розпочати доти, доки поточне не буде виконане).
Канбан відображає завдання за ще одним параметром — статусом: Нова, На перевірці, В роботі, Завершено та Without status. Інтерфейс цікавий тим, що за допомогою плюсика в кожній з категорій можна швидко створити завдання з потрібним статусом або змінювати статуси завдань, перетягуючи картки між колонками.
Діаграма Ганта відображає завдання за часовим параметром: скільки годин витрачено на завдання за днями. Конкретний період, виконавця, проєкт та інші потрібні параметри можна вибрати за допомогою Фільтра. Тут можна легко змінювати дедлайни завдань шляхом перетягування чи розтягування стрічок «у часі».
Список завдань повністю налаштовуваний: поля інтерфейсу можна вибирати, а ширину колонок — регулювати шляхом перетягнення вертикалей. Фішкою цієї панелі завдань є стовбчик з Прогресом виконання завдань. А колонки зі списками тасків за Назвою, Дедлайном і Прогресом можна сортувати буквально в 3 кліки.
Зайнятість. Це панель завдань, яку ми розробили за запитом архітектурного бюро. Потім ми вирішили залишити її як альтернативу для тих компаній, які замість тайм-трекінга віддають перевагу ручному введенню фактичного часу, витраченого на завдання. Інтерфейс передбачає вже згаданий Фільтр, а також зручний перемикач «Тиждень / Період», який демонструє завдання та витрачений час на них — за конкретний день і вибраний період.
Клік на піктограму стрілочки біля показника відпрацьованого часу за день викликає поп-ап для закриття робочого дня, після чого керівник компанії отримує відповідний звіт:
Звіти
Розділ Звіти має 2 зручні вкладки:
- Проєкти, що містять інформацію про Назву, Час, Зарплату та Відповідальних;
- Завдання, що охоплює декілька колонок: Назва, Проєкт та Ітерація, Статус, Час, Рейт, Зарплата, Співробітник.
Всю інформацію за двома вкладками можна відфільтрувати за Проєктом і Датою, а потім завантажити в Excel:
Команда
Розділ складає верхня навігація у вигляді таб-бару з трьох вкладок:
1) Деревовидна Структура компанії з розгалуженням відділів і співробітників. Клік на ім’я співробітника викликає картку з додатковою інформацією: дата народження, контактний email і номер телефону, відділ, посада, роль і тип зайнятості.
2) Список, вигляд якого можна налаштувати за допомогою фільтрів, вибору потрібних полів, функції пошуку та сортування даних. Зважаючи на залежність тарифного плану if.team від кількості учасників у команді, сторінка має швидке посилання на розділ Тарифи.
3) Календар, який демонструє графік співробітника: робочі дні з тривалістю роботи, вихідні дні, відпустка, лікарняний або відрядження.
Фільтрація календаря співробітником доступна лише за Датою, тоді як адміністратору (керівнику, HR, тім ліду чи проджект-менеджеру) доступні фільтри за Учасником і Відділом. У майбутньому плануємо додати поле фільтра за статусом працівників: відпустка, лікарняний, відрядження тощо.
Користь календаря не обмежується обліком робочого часу. Співробітник може запросити собі відпустку чи відрядження в пару кліків, а керівник — підтвердити чи скасувати запит. Адміністратор не пропустить нові запити співробітників, адже вони виводяться вгорі списку Календаря та Сповіщень:
Особистий кабінет адміністратора
Особистий кабінет адміністратора, крім уже згаданих вище розділів Проєкти, Завдання, Звіти та Команди, містить 2 додаткових: Платежі та Клієнти. Ми зупинимося на них трохи згодом, а поки розглянемо функціонал, який відкривається перед співробітником з правами адміністратора (керівником компанії, відділу чи проєктів, бухгалтером, HR абощо).
Профіль
Профіль адміністратора містить ті ж самі підрозділи: Мій профіль, Компанії, Тарифи, Налаштування сповіщень та Інтеграції з сервісами. Проте панель навігації містить додаткові можливості. Так, якщо кнопка Додати дозволяє звичайному співробітнику створити завдання, то адміністратору — швидко додати:
- Завдання,
- Проєкт,
- Ітерацію,
- Співробітника,
- Клієнта,
- Платіж.
Панель адміністратора
Адміністратор має повний доступ до керування сервісом через Панель адміністратора, зокрема відділами, посадами, ролями, налаштуваннями та підписками.
Вкладка Відділи дає змогу створювати та підпорядковувати один одному відділи компанії:
Вкладка Посади дозволяє створювати, редагувати та видаляти посади співробітників.
Розподіл ролей в команді. Створити ролі та налаштувати права для кожної з них дозволяє вкладка Ролі. Це дуже зручно, адже звільняє від необхідності надавати та редагувати дозволи для кожного співробітника окремо. Як підсумок, у кожного свої можливості використання сервісу, залежно від призначеної ролі. Передбачена навіть роль для клієнтів, які можуть бачити тільки прогрес виконання свого замовлення:
Вкладка Налаштування дозволяє персоналізувати інтерфейс сервісу за допомогою тексту та кольору, зокрема види послуг, способи оплати, типи зайнятості, статуси завдань, ітерацій і платежів під чіткі потреби компанії:
Проєкт очима адміністратора
Сторінка проєкту на стороні керівника містить всю необхідну інформацію, що зручно вмостилася в декількох блоках. Така собі єдина та неповторна панель управління проєктом, яка містить загальну інформацію, рейти співробітників і фінанси.
Власне проєкт. Тут міститься основна інформація про проєкт, яку ми вже розглянули з облікового запису співробітника компанії. Керівнику проєкту з правами адміністратора доступна функція редагування назви, типу, бюджету, термінів, послуг і команди проєкту. Тут також можна додати клієнта, опис та файли, а також актуальний курс валюти та статуси завдань.
Рейти. Тут можна фіксувати та змінювати ставки співробітників відповідно до типу проєкту: Time&Material (погодинна оплата) чи Fixed Price.
Фінанси з графіком згоряння бюджету. Воістину, головна фішка сервісу if.team, що являє собою детальну інфографіку на основі доходів і витрат, а саме:
- Загальної вартості проєкту та фактично сплаченої суми,
- Витрат, зокрема бюджетних і на заробітну плату.
Саме ця функція допомагає уникнути перевитрат бюджету проєктів і забезпечити прибутковість компанії.
Зручний фільтр ітерацій у вигляді випадного списку викликає динамічну зміну фінансового стану проєкту за кожною ітерацією окремо. Цікаво, що в момент вибору ітерації змінюється не лише вигляд графіка, а й таблиця доходів і витрат під ним.
Доходи та витрати представлені у вигляді таблиці. Завдяки табам між ними зручно перемикатися, а через кнопку — додати новий платіж або витрату. Для цього необхідно підв’язати статтю доходу чи витрати до проєкту й ітерації, а також заповнити поля з назвою, сумою, статусом, одержувачем, датою та способом оплати:
Блок Ітерації являє собою зведену таблицю з Назвою, Сумою, Часом, Датами та Статусом. Кожну наявну ітерацію, підкреслену пунктиром, можна проглянути на окремій сторінці, а нову — додати за допомогою відповідної кнопки:
Завдання, пов’язані з проєктом, виводяться в кінці сторінки. Нове завдання можна створити в один клік за допомогою кнопки, вигляд таблиці — налаштувати, а потрібну інформацію — відфільтрувати та відсортувати:
З цього блоку можна потрапити на сторінку конкретного завдання та картку відповідального співробітника, де можна побачити історію рейтів, а також тип зайнятості, звідки — перейти на Календар співробітника та розділ Команди.
Один проєкт — безліч зв’язків. Однак загубитися — важко, а знайти потрібне — дуже просто. Все — завдяки чітко продуманій структурі сервісу. 😎
Платежі з інфографікою Cash Flow
Ми вже писали, що фінансовий менеджмент — головний герой if.team? Якщо Фінанси проєкту були розігрівом, то розділ Платежі з його грошовим потоком — хедлайнер нашого продукту.
Тепер вести облік витрат на рівні компанії — не нудне та морочливе заняття, а саме задоволення. Унікальна функція Cash Flow демонструє загальну картину доходів і витрат у динаміці та дозволяє:
- слідкувати за залишками на рахунках,
- класифікувати та аналізувати витрати (як пов’язані, так і не пов’язані з проєктами),
- прогнозувати касові розриви.
Корисною функцією під час додавання нової статті витрат є автоматичний розрахунок відсотка від бюджету (а незабаром — і від доходу) проєкту. Це можуть бути комісійні проджект-менеджера, кошти на благодійність або інші потреби компанії:
Панель містить як фактичні, так і заплановані платежі й витрати, зокрема прострочені та додаткові. Все, аби проєктно-орієнтовані компанії примножували доходи та уникали перевитрат ще до їхньої появи.
Вкладка Транзакції сподобається всім, хто вважає, що діаграми — для чайників. 😉 Уся інформація про доходи та витрати представлена у звичній таблиці за проєктами, ітераціями та категоріями, а також датою, сумою, валютою, статусом, методом оплати та іншими важливими показниками.
Заробітна плата. Витрати на заробітну плату ілюструє окремий графік, де можна побачити Прогноз на основі Планової зарплати та Підвищення зарплати. Викликати додаткову інформацію на графіку можна простим наведенням миші на конкретний місяць. Значення для графіка можна задати за допомогою фільтра, наприклад, відобразити дані щодо вибраних співробітників за певний період часу.
Клієнти
Сервіс містить базу клієнтів зі зручним полем і фільтром пошуку, а також функцією налаштування інтерфейсу за різними параметрами: країною, емейлом, телефоном або коментарем до картки.
Додати клієнта до бази легше нікуди: клік на відповідну кнопку викликає поп-ап, де можна зручно заповнити інформацію та створити нову картку:
Клієнтська база не обмежується лише контактною інформацією. За кожним клієнтом закріплюється графік роботи та всі поточні проєкти із завданнями, дедлайнами, прогресом, доходами, витратами та відповідальними.
Технічна реалізація сервісу
Верстка
Задоволення від використання if.team залежить не тільки від широкого функціонала й приємного дизайну. Забезпечити позитивний досвід від використання головного робочого інструменту здатна його швидкодія. Тому ми відразу заклали сервіс на потужний Vue-фреймворк Nuxt 3. Стилізація проєкту не обійшлась без бібліотеки Tailwind CSS, яка дозволяє верстати адаптивний дизайн прямо в HTML. Базові компоненти створювалися фронтендером власноруч, а розробка діаграми Ганта взагалі заслуговує окремої уваги.
Вона справді унікальна, оскільки в її технічній реалізації не застосовувалися готові сторонні інструменти, хіба що бібліотека сховищ Pinia. Діаграма була стилізована за допомогою CSS-препроцесора SCSS, а логіка всіх її компонентів організована завдяки технології Nuxt 3 Composition API. Також була застосована таблична верстка, проведено багато математичних розрахунків для рендерингу табличних рядків, сітки та дат (дуже багато дат). Розробник прорахував близько 20-ти можливих варіантів початку та завершення завдань залежно від дати створення і дати завершення цих завдань.
У діаграмі Ганта також було реалізовано:
- рендеринг усіх завдань з їхньою фільтрацією;
- функцію перетаскування (drag) і зміни початку / кінця завдань (resize);
- рекалькуляція ширини таблиці під час драгу або ресайзу завдань;
- відображення сьогоднішньої дати та центрування під час рекалькуляції;
- оновлення всіх величин під час створення чи редагування завдань;
- скролл таблиці колесом миші та за допомогою перетаскування за принципом drag and drop;
- два види відображення діаграми: за днями та годинами;
- рекалькуляція таблиці під час перемикання режиму відображення;
- складний рефакторинг коду для запобігання руйнування всіх залежностей у разі непередбачуваної поведінки програми.
Ще одні ключовий індикатор інформаційної панелі if.team — це динамічна інфографіка, що відображає фінанси проєктів. Вона була розроблена за допомогою JavaScript-бібліотеки візуалізації Apache ECharts:
Серверна частина
Вся логіка if.team закладена на основі бекенд-мікросервісів у гнучкому програмному середовищі Node.js. Технологія дозволяє легко запускати Javascript-додатки на сервері та працює на швидкодію програми. Фреймворк Nest.js значно прискорив і спростив розробку на Node.js.
Такий масштабований і високонавантажений продукт як if.team потребує відповідних технологічних рішень, тому за ядро Nest.js ми використали один із найшвидших фреймворків HTTP-сервера Fastify, що здатний обробляти в 3 рази більше запитів на секунду, ніж стандартний Express. Для збереження даних використовується база даних PostgreSQL, а для взаємодії з нею — технологія TypeORM.
Авторизація використовує JSON Web Token і систему дозволів, написаної з нуля. З огляду на безліч параметрів, які впливають на доступ користувача до if.team, ми відразу відкинули готові бібліотеки, зокрема CASL.js. Тепер для визначення прав доступу самописна система дозволів без проблем підвантажує всі необхідні залежні елементи.
На стороні бекенду також були розроблені динамічні таблиці та фільтри за допомогою «структури», яка надсилається сервером і відображається в браузері. Ми взяли від TypeScript максимум переваг і використали узагальнені типи Generic Types, які надають найбільш гнучкі можливості для створення великих програмних систем.
Повідомлення. Для збереження файлів і обробки повідомлень ми використали сервіси хмарних обчислень від Amazon Web Services, а саме S3 i SQS. Для повідомлень існує окремий мікросервіс, який має свою базу даних MongoDB, об’єднану з кодом завдяки технології PrismaORM. Обмін повідомленнями у реальному часі через браузер реалізований за допомогою JavaScript-бібліотеки Socket.IO.
Зв’язок між основним сервером і мікросервісом забезпечується завдяки розподіленій службі високомасштабованої черги повідомлень Amazon Simple Queue Service (SQS), а між мікросервісом і мікросервісом для сокетів — завдяки сховищу даних Redis.
Онлайн-сервіс if.team підтримує українську та англійську мови, що можливо завдяки JavaScript-фреймворку i18n.
Створення Telegram-бота
Для інтеграції сервісу if.team з Telegram ми розробили зручний бот, який дозволяє співробітникам і менеджерам тримати під контролем і буквально під рукою всі завдання та проєкти. Щоб всі сповіщення (або не всі — вирішувати вам) приходили в Telegram, потрібно під’єднати месенджер в особистому кабінеті if.team:
Після цього користувач отримуватиме миттєві повідомлення про нові проєкти та завдання, а також про будь-які зміни в поточній роботі: статуси, пріоритети та дедлайни завдань, коментарі від членів команди тощо.
Як ми вже натякнули, співробітники можуть вибирати повідомлення, що надходитимуть у месенджер, залежно від своєї ролі та дій у завданнях і проєктах.
З погляду технічної реалізації Telegram-бот виглядає як набір коду, написаний мовою TypeScript. Окрім неї був застосований ще ряд технологій:
- мова структурованих запитів SQL, яка забезпечує взаємодію користувача з базою даних;
- ORD керування базами даних PostgreSQL, які обробляються та використовуються у Telegram-боті (профіль користувача, налаштування, історія сповіщень абощо);
- платформа Node.js для створення чат-бота, що перетворює JavaScript у машинний код на стороні сервера;
- платформа Nest.js, завдяки якій програма ефективно функціонує на стороні сервера;
- документо-орієнтована система керування базами даних MongoDB, яка зберігає та забезпечує швидкий доступ до даних, що використовує бот;
- бібліотека telegraf.js, яка дозволяє автоматично обробляти сповіщення в Telegram-боті за допомогою команд (start, sign out абощо);
- технології програмування ORM, зокрема Prisma, Sequelize та TypeORM, які зв’язують код з базами даних чат-бота;
- клієнт HTTP Axios, яка дозволяє виконувати запити з браузера та Node.js.
Как видим, за простым и понятным интерфейсом Telegram-бота стоит огромная работа бекендеров, которые наделили программу способностью мгновенно обрабатывать и выдавать уведомления, настроенные пользователями в личном кабинете if.team.
Лендинг
Промосайт являє собою сучасний lending-page у фірмовому стилі if.team. Як і весь сервіс, лендинг виглядає просто та зрозуміло завдяки структурованості та водночас змістовності. Тандем достатньої кількості білого та енергійного синього кольору створює повітряність і приємний контраст.
Проте на цей раз дизайнери вирішили не стримувати себе та щедро приправити сайт анімаціями. Фронтенд-розробники були не проти й охоче підтримали втілення рухомих рядків, «липкого» курсору та паралакс-скролінгу. Всі анімації були реалізовані за допомогою бібліотеки GSAP. А загалом увесь лендинг був зверстаний мовою розмітки HTML5 і стилізований мовою CSS у поєднанні з SCSS.
Як наслідок, маємо акуратний і збалансований ефектами дизайн з найголовнішою та добре візуалізованою інформацією, що вигідно презентує всі переваги сервісу. Наразі промосайт успішно проходить тест на інтерес з боку нових клієнтів та інвесторів.
Висновок
Онлайн-сервіс if.team — це повноцінний проєктний віртуальний офіс. А ще — власна розробка і гордість нашої команди. В буквальному розумінні цього слова, продукт створений як для себе, бо заснований на багаторічному досвіді роботи IT-компанії Webnauts.
За рік ми отримали повноцінну ERP-систему, що дозволяє керувати проєктами, завданнями, командами, клієнтською базою та всією компанією, а також часом і, найголовніше, — фінансами. Наразі 43% компаній не мають чіткого фінансового менеджменту проєктів, а тому не дивно, що if.team так швидко вийшов за межі родини вебнавтів і оселився в лептопах працівників агенцій, студій, архітектурних і юридичних бюро, дизайнерів, маркетологів та інших команд, які працюють у межах проєктних циклів.
Сервіс покликаний підвищити ефективність і прибутковость бізнесу завдяки:
- контроллеру витрат з детальними графіками, що прогнозує баланс і попереджає про можливе перевищення бюджету;
- всеосяжному проджект-менеджменту з фінансами, командами, клієнтами та звітами;
- таск-менеджменту з тайм-трекером, зручною комунікацією, відстеженням навантаження та прогресу співробітників;
- автоматизація звітності про витрати часу та бюджету за проєктами та завданнями;
- організація клієнтської бази з контактами, проєктами та платежами.
Сервіс if.team безперервно розвивається та оновлюється чи не щотижня. Найближчим часом на ERP-систему чекає новий апгрейд — віртуальний AI-асистент, який допомагатиме контролювати проєкти та збирати фідбеки від співробітників.
Комментарии