/ui/ - UI/UX Lab

ive been redesigning a side drawer for a fintech app and the transitions feel really clunky right now. every time a user taps the hamburger icon, the menu slides in with a standard ease-in-out, but it lacks that tactile feeling of depth. i tried adding a slight scale effect to the background overlay, but it feels like its just distracting from the primary content. does anyone have tips for making navigation feel more organic without overcomplicating the visual weight?
current approach
i am currently using this transition timing: transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
it seems too linear and stiff for a modern interface. i also experimented with making the menu bounce, but it ended up looking way too playful for a banking app . should i focus more on the opacity of the scrim or the velocity of the drawer movement? any advice on maintaining a sense of hierarchy during these state changes would be amazing ❓