Design a Persona 5 Inspired Floating Action Button Interface

Design a Persona 5 Inspired Floating Action Button InterfaceDesign a Persona 5 Inspired Floating Action Button Interface

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

Afeez Yunus

• 1d

Floating action button. Inspired by Persona 5/Metaphor: Refantazio menus. The tricky part was making the next menu phase appear just as the previous one was leaving. This was supposed to go on the Days Sober daily check-in feature, but it got canned.

iOS Development Product Design Rive Animation Claude Rive SwiftUI

Katy Sander

pro

• Mar 5

First Rive video with my daughter as collaborator, mainly contributing by sleeping so I can record it. 😄

You’ve probably seen the trick of changing the editor background colour to distinguish design and animate modes in Rive.

Here’s another small hack: add the background to Layouts so you can clearly see how elements reflow during animations or inside embeds. Simple but very handy.

Rive rivehack

Milagros Mergoni

pro

• Mar 5

New success case!

Check it out

Claude Figma Webflow

Abhiram Tinguria

• Mar 5

Clean execution. The layout and visual hierarchy make the message very clear, and the mockup presentation gives it a really polished feel. Nice work!

Jeremie Lasnier

max

• Mar 4

We designed the branding and product experience for LawPair, a platform that helps people quickly find and connect with the right lawyer. The goal was to create a clear, simple experience where users can browse verified attorneys, filter by practice area, and reach out directly. Design focused on structure, transparency, and making legal services easier to navigate.