Building on my brand personality, I wanted to see how to best translate the brand itself into motion.
The logo being two strokes was partly a practical decision made with animation in mind. A complex mark gives you very little to work with when it comes to motion, whereas two clean paths give you a natural starting point. The most obvious direction is a draw on animation, the kind of thing that works well as a loading state or a splash screen moment. What's interesting is that the strokes already suggest market movement in the way they rise and fall, so leaning into that within the animation feels like a natural extension of what the mark is already doing statically. It could loop subtly, it could respond to a portfolio going up or down, or it could simply draw on once and settle. All of those feel worth exploring.
When I chose a gradient over a flat brand colour, part of the reasoning was that gradients carry an inherent sense of movement. A static gradient still feels like something in transition, which felt honest for a product built around the idea of progress over time. The next step is figuring out how that translates into actual motion. The most subtle version of this would be a slow ambient shift in the background, something barely noticeable but always present. A more considered version might tie the gradient movement to portfolio performance, warmer or cooler, faster or slower depending on what the market is doing. That kind of reactive motion feels very aligned with what the product is trying to communicate.
The brand concept is built entirely around patience, consistency and the idea that slow and steady wins. That should be directly reflected in how the product moves. Nothing should snap or feel aggressive. Easing curves should feel unhurried, transitions should have a little weight to them, and nothing should demand attention in a way that feels anxious or reactive. This is actually a useful constraint because a lot of financial products default to very sharp, fast UI animation in an attempt to feel premium. Torrin should feel like the opposite of that, considered and calm without ever feeling slow or broken.
The paper cut-out collage reference from GiffGaff and Little Big Planet has a lot of potential when it comes to animation. That tactile, handcrafted aesthetic lends itself really naturally to motion that feels bouncy and physical — like things have a little weight and elasticity to them. The challenge is keeping that feeling present in the UI without it tipping into something that feels too playful for a product handling real money. The balance is probably in reserving that illustrative motion for specific moments, onboarding, empty states, milestone celebrations, rather than applying it to every interaction.
Based on all of the above, a rough set of motion principles for Torrin would look something like this. Transitions should be smooth and unhurried, reflecting the tortoise concept rather than working against it. Feedback should always feel physical and considered, never arbitrary. The gradient should be treated as a living part of the brand rather than a static asset. And the logo should be animated in a way that reinforces the market movement reading that's already present in the mark. These aren't rigid rules but they do give the motion design a consistent foundation to build from.