David Ameh-OmaleProduct and AI Designer

Rates Studio

A banner generator that lets a treasury team publish daily rates without waiting on a designer.

Role
Design and front-end
Year
2026
Built with
React, Vite, Tailwind
Rates Studio, main screen

The problem

Treasury staff came to me every day to remake the rates banner by hand. It was a small job, but it happened daily and a designer shouldn't have been the bottleneck for it. So I built them a tool: open it, update the numbers, download the banner.

Built around the morning routine

Starting a new day carries yesterday's rates over as the comparison point, so every field shows its change straight away. Rates can be typed in, or pasted from the treasury message. Lines as loose as $1 ~ ₦1388 or KES buy 126.8 sell 133.5 are matched to the pairs already on the banner.

Paste rates dialog matching a message to banner pairs
Paste the treasury message and review what matched

A banner that fits itself

The banner is real layout rather than a fixed template. It fits itself to the canvas, so adding rows scales the text down instead of breaking the design. Clicking anything on the preview jumps to its field. Each template exports at full size in square, portrait or story format, and designers can upload new artwork as a template.

Design tab with banner templates
Templates, sizes and uploaded artwork live in one tab

Everything is saved in the browser on the device, and nothing is sent to a server. On a phone, the finished banner can go straight to WhatsApp through the share sheet.