Заказ закрыт
Доработка веб-приложения на React + TypeScript + Vite

Бюджет: по договоренности
account.facturio.eu
1. Общие улучшения интерфейса (UI/UX)
1.1. Защита от потери данных: Добавить подтверждение при попытке закрыть форму с несохраненными данными (создание/редактирование инвойсов, клиентов, продуктов, компании) или перейти в другой пункт меню. Всплывающее окно должно предупреждать о несохраненных изменениях.

1.2. Подтверждение действий: Добавить модальное окно с подтверждением для операций создания кредит-ноты и клонирования инвойса.

1.3. Состояния кнопок-иконок:

Обычное состояние: иконки (карандаш, корзина, крестик закрытия) — серый контур.

Состояние hover: карандаш и крестик — фирменный синий, корзина — красный.

1.4. Ховеры для кнопок: Добавить состояние :hover для всех кнопок интерфейса.

2. Модальные окна
2.1. Управление кнопками:

Убрать кнопку Cancel из всех модальных окон. Ее функцию выполняет крестик в правом верхнем углу.

Кнопки редактирования и удаления перенести в верхнюю часть модального окна (согласно макету Фигмы).

Кнопку Save во всех модальных окнах сделать значительно шире (примерно в 2 раза от текущей ширины) и расположить по центру внизу.

2.2. Кнопки в инвойсе:

Кнопку Payments сделать активной всегда, не требуя предварительного нажатия на «карандаш» (по аналогии с кнопками PDF и Send).

Кнопку Canceled в счете убрать, заменив ее функционал на стандартный крестик закрытия.

2.3. Модальное окно платежей:

Добавить явные кнопки Save Payment и Delete Payment. Текущая логика автосохранения неочевидна.

2.4. Отправка письма:

В модальном окне отправки счета сделать поля Email и Имя клиента редактируемыми. Письмо должно уходить на измененный email, а в теле письма использоваться отредактированное имя.

3. Раздел «Моя компания» (Company Settings)
3.1. Режим редактирования: Редактирование данных должно быть доступно только по нажатию на иконку карандаша (как на других страницах).

3.2. Логотип:

Уменьшить отступ между логотипом и данными компании.

Увеличить размер логотипа.

Кнопки Upload и Delete разместить под логотипом.

Добавить пояснение о допустимых форматах и рекомендуемом размере изображения.

3.3. Банковские реквизиты:

Добавить новое поле Name Beneficiary. Выводить его в PDF вместе с другими банковскими реквизитами.

Добавить поле для второго номера телефона.

При добавлении строки банковских реквизитов добавить пояснение: «Банк по умолчанию можно будет установить для каждого клиента отдельно».

3.4. Название компании: Добавить поле Company Suffix Name. Выводить его в PDF под основным названием компании (если заполнено).

4. Раздел «Клиенты» (Clients)
Изменить порядок полей: поле Phone 2 переименовать в Email for Invoicing и переместить сразу под основным Email.

Логика: Письма с инвойсами должны отправляться на этот новый email, если он указан (в PDF он не отображается).

5. Раздел «Счета» (Invoices/Инвойсы)
5.1. Таблица позиций:

Сократить ширину колонок (кроме Description), чтобы увеличить поле для описания.

Колонку Total excl. VAT переименовать в Netto.

Реализовать возможность удаления любой строки в таблице позиций (иконка корзины должна быть у каждой строки).

5.2. Список счетов:

Статусы отображать с заглавной буквы.

Статус Draft переименовать в Issued. Учитывать это изменение в логике работы приложения (фильтры, дашборд и т.д.).

6. Дашборд и Статистика
6.1. Период по умолчанию: Установить на дашборде период «Текущий год».

6.2. Статусы в диаграмме: В диаграмме должны отображаться статусы: Issued, Sent, Paid, Overdue.

6.3. Блок Unpaid: В блоке «Unpaid» должны учитываться счета со статусами Sent и Issued.

7. Функционал PDF
7.1. Форматирование:

Реквизиты клиента (телефоны, email, сайт, банк) отображать в PDF одной строкой, сразу после адреса.

Уменьшить размер шрифта во всем PDF-документе на 1 пункт (pt).

7.2. Отправка по email: Реализовать отправку копии письма с PDF-счетом на email отправителя.

8. Продукты и Тарифы
8.1. Страница продуктов:

Колонку Note переименовать в Description.

Поле описания (Description) должно располагаться рядом с названием продукта.

8.2. Тарифы:

Привести тарифы в соответствие с макетами Фигмы.

Настроить новые тарифы в Stripe.

Добавить новый тариф: «Дополнительная сессия». Оплата этого тарифа должна снимать ограничение на 1 сессию для аккаунта.

9. Правки дизайна
Внести изменения в дизайн согласно макетам Фигмы. Изменения касаются только контентной части страниц (тела), навигация и основное меню не затрагиваются.

10. Прочее
10.1. Регистрация и безопасность:

Установить требования к паролю: минимум 1 заглавная буква, 1 цифра, 1 спецсимвол.

Добавить подсказку с этими требованиями рядом с полем ввода пароля.

В письме для подтверждения email изменить цвет кнопки подтверждения на фирменный синий.

10.2. Иконки:

Переделать иконку для кнопки Credit Note (возвратная накладная), так как текущая похожа на иконку обновления страницы.

Кнопку Save and Send сделать с прозрачным фоном (контурной), чтобы визуально отличать ее от обычной кнопки Save.

10.3. Настройки: Убрать пункт меню Logout из раздела настроек пользователя.
Опубликован 13.02.2026 в 15:07
Заказ находится в архиве

Выберите способ верификации:

Обновите страницу после прохождения верификации.