Selected projects

close

  • Tide digital
  • Nathan McCarter Concepts Digital
  • LK Bennett digital
  • The Wave creative direction
  • nStudio Digital
  • Snippets & Studies digital + branding

Let's grab a coffee

close

close

  • Explore
  • Projects
  • About
  • Contact

JamesGillen

menu

menu

Digital

Tide

Banking made for small businesses.

  • 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.

Tide accounts landing page

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.

Tide comparison table

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.

tide members stories

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.

Tide blog page

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.

LKB product listing page LKB editorial LKB product description page

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.

tide cashflow insights page

Mobile design

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

LKB product listing page LKB editorial LKB product description page

Up next…

Image Image
digital · digital · digital ·
Explore

Nathan McCarter Concepts

Custom website for a bespoke house builder.

  • Interaction design
  • User interface design
  • User experience design

Got a project in mind, let’s grab a coffee.

My services
Get in touch
  • Baseline wireframe kit
  • hello@jamesgillen.co.uk
  • Dribbble
  • Instagram
scroll to top