Amplified global payments

close
  • brand strategy
  • branding
  • web design
  • web development
  • communications
  • collateral design
  • creative direction
  • user experience

Brief

Founded in 1999, Yapstone is a payment provider established within the hospitality industry. As part of their growth strategy and recent acquisitions, Yapstone were seeking growth in new verticals and regions. This meant that the company was ready for a rebrand to mark an important milestone and a shift in the business’ vision.

Approach

Yapstone’s business is built around its flexible payment solution — a product that can be marketed as separate modules or as a fully-integrated solution. This is reflected in the visual identity, with parts coming in from separate directions to form one whole. The product now serves different markets and regions.

Outcome

The visual identity is made up of different elements which come together to form a cohesive visual communication. The distinct Y in Yapstone can live on its own, separate from the rest of the visual identity while still being a clear brand identifier. The typography keeps the tone light and approachable, while the iconography uses geometry which can be found in the rest of the brand application.

In the news

Credits

The team at Hangar has provided us with excellent service from start to finish. Keeping true to our core company values, Hangar stepped in and delivered exactly what we needed with an efficient approach that instantly aligned with our business requirements. I recommend Hangar to all business owners who want to refine their vision and know the extraordinary value of consistent branding.
Quote Mark

Michael Orlando

CEO
B2b fintech colour palette
B2b fintech icons

Custom Iconography

Yapstone’s custom-designed icons were developed according to the context they were used in. The larger versions made use of Yapstone’s contrasting colour palette, while smaller icons were limited in colour and detail to ensure clear visual communication.

B2b fintech guidelines section
B2b fintech guidelines type use
B2b fintech guidelines logo guidelines
B2b fintech guidelines icon use
B2b fintech guidelines icon size
B2b fintech guidelines contents
B2b fintech guidelines section
B2b fintech guidelines type use
B2b fintech guidelines logo guidelines
B2b fintech guidelines icon use
B2b fintech guidelines icon size
B2b fintech guidelines contents
B2b fintech guidelines type use
B2b fintech guidelines type example
B2b fintech guidelines secondary colours
B2b fintech guidelines primary typeface
B2b fintech guidelines primary colours
B2b fintech guidelines dashboard
B2b fintech guidelines type use
B2b fintech guidelines type example
B2b fintech guidelines secondary colours
B2b fintech guidelines primary typeface
B2b fintech guidelines primary colours
B2b fintech guidelines dashboard
B2b fintech guidelines communications
B2b fintech guidelines frame use
B2b fintech guidelines section divider positioning
B2b fintech guidelines section divider
B2b fintech guidelines frame guidelines
B2b fintech guidelines communications
B2b fintech guidelines frame use
B2b fintech guidelines section divider positioning
B2b fintech guidelines section divider
B2b fintech guidelines frame guidelines
B2b fintech ux screen dashboard

Product UX

Being the most prominent and often-used brand touch point, it was imperative that the product’s User Experience is on par with Yapstone’s new visual identity. It was important for Yapstone to show that this wasn’t just a surface treatment but a change in the business direction which was a user-centric one too. Together with the Yapstone engineering team, we worked on providing a better User Experience by re-thinking core parts of the product.

B2b fintech website
Fintech website 1
Fintech website 2
Fintech website 3
Fintech website 4
Fintech website 5
Fintech website 6
Fintech website 7

Next Project


Uncovering vulnerabilities

Dedaub Image