Digital
Tide
Banking made for
- Interaction design
- User interface design
- User experience design
Tide is a mobile-first fintech platform providing comprehensive business banking services for SMEs, offering instant account setup, automated bookkeeping, and integrated financial tools designed to save businesses time and money.
Brief
While working with Wreel Agency, I led the UI design and Interaction design for the new Tide website. I focused on the new look and feel, building on the UX research and wireframing that had already been done by the team.
Aims
Design Tide's refreshed website to be intuitive and aesthetically striking, delivering essential information that empowers users to make confident financial choices. Build a platform that differentiates itself from competitors while being captivating and delightful to navigate.

Carousel interactions
Crafting distinctive interactions across the platform motivates users to discover content and enhances site memorability, infusing the brand with greater character and fostering deeper engagement.
Comparison
Providing users with a straightforward, transparent comparison table enables them to instantly understand the advantages of choosing Tide for their banking needs.

Member stories
Humanising the site was a core project objective, offering users insight into how Tide supports real people and demonstrating the ways they can provide similar assistance.

Blog page
The Tide blog landing page abandons conventional card layouts, instead being crafted to showcase their diverse content offerings from standard articles, audio recordings, business guides and beyond. Enabling users to navigate between different sections effortlessly.

Fully responsive
Every template was crafted across desktop, tablet, and mobile formats. Developing breakpoint-driven Figma components streamlined the process of reusing elements and organizing fresh page layouts.



On scroll animation
The site was crafted to motivate users to browse and discover, enchanting them with subtle micro-interactions throughout their journey. Scroll-triggered animations developed in Principle energised the site, elevating the design to deliver a delightful user experience.
Cashflow insights
The feature pages explore comprehensively how Tide can streamline operations for small businesses. Establishing diversity in card designs and layouts enhances page readability. Providing organized structure through color and typography enables users to process extensive information in an accessible manner.

Mobile design
Each component was crafted for mobile ensuring users receive consistent experiences regardless of their device.


