The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Dashboard Actions card overlay
While designing this chat app, I paid close attention to how action overlays appeared. I didn’t want them to feel like floating elements from a complex SaaS dashboard, where heavy cards and background blur are common.
This was a chat experience, so the interface needed to feel lighter, more natural, and closer to how people expect conversations to work.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
A or B? 😇👈
Which design delivers the better luxury feel and overall visual experience?
3 voted
17%
15 voted
83%
18 votes
Closed
Option B feels more luxurious to me—the watch gets a clearer hero moment and the warmer accent adds just enough energy against the dark field. The typography and product scale also make the comparison feel polished.
Konto — Personal finance planner, web dashboard and mobile app
Konto is a personal finance planner concept I designed for both desktop and mobile, sharing one data model and one visual language.
Web dashboard: four KPI cards (balance, income, expenses, saving rate) with mini-charts, a weekly cash-flow chart with income and expenses side by side, spending by category as a segmented ring with a legend, and a recent-transactions table. The AI assistant lives in a docked panel bottom-right.
Mobile: the dashboard leads with total balance and a 30-day trend, then cash flow, saving rate and categories in one scroll. Analytics gets its own tabbed view. A floating action button opens the assistant from anywhere.
The visual system is dark by default with two signal colours: lime for income and growth, orange for spending. Glows are used only on the active data point, so highlights mean something. Numbers use the same layout and spacing on both platforms, so switching devices doesn't require re-learning the app.
