# my part
I built the product end to end: the app, the company website and the dashboards, with the Aly v2 design system designed in Figma.
# the product
Three solutions with one goal: giving a company control over expenses, payments and ad campaigns.
A digital account for corporate incentives and expenses; AlyAds, with virtual cards and limits per campaign; and batch Pix transfers to multiple recipients.
# backoffice
In the redesign, I designed the backoffice for both sides. The client company’s one has Report (balance, credit and top-ups per month, top-ups by segment and user data), Orders, Statement, Participants, Cards and Batch PIX. The Aly+ admin one has an overview, Companies and Treasury.
The language is the same everywhere: white cards with a light border, ocean blue and sky blue, pill buttons, statuses in semantic colors, main actions always in the same spot and a warning before any risky change.
The demo below recreates the Report and Orders screens with fictional data.
# demo
The company backoffice as drawn in the redesign. Switch the branch, move across the chart, add balance and pay the load waiting in Orders: balance, chart and history change together.
Credit and Load
Credit to PlatformLoad to Participant
Arrow keys move through the months; Enter opens the month in the pie chart. Tap a month to see its values and open it in the pie chart.Click a month to open it in the pie chart.
| Month | Credit to Platform | Load to Participant |
|---|
Load by Segment
Total—
User Data
All branches—Total
—Active
—Inactive
—Total
—Virtual
—Physical
Order History
| Order | Date | Type | Order Amount | Status | Details |
|---|
Order
- Date
- Type
- Order Amount
- Requested
- Approved
- Payment made
- Completed
Add Balance
New payment
Select the payment method you want to use.
Enter the top-up amount
Set the amount you want to add to the balance.
R$Minimum of R$100.00.
Scan QR Code
In the product, the phone reads the QR code and the PIX lands in the digital account. Here the code is fictitious: “Complete” simulates a payment of .
Bank Slip (Boleto)
The bank slip becomes a pending credit order. The balance only comes in when it clears, and you can simulate that in Orders.
PIX Complete!
Your transfer was completed successfully.
Details
- Transfer Date
- Bank
- Aly+ Digital Account
- Transfer Amount
Add some balance and pay the load waiting in Orders. Then I’ll tell you what to notice.