An easier, safer way to pay

Trustly

Trustly chose Webflow for their Enterprise contract solution and partnered with Zabal Media for strategy, design, and development. The website migration was finished in just three months, allowing the Trustly team to concentrate on their core message: an Open Banking solution enabling intuitive payments and seamless financial services.

Visit live website
Strategy
Ux/Ui Design
Illustrations
CMS Development
Lottie Animations
CLIENT DETAILS
Up-heading

Understanding the business

Business goals

Trustly aimed to empower their marketing team with self-sufficiency in website management, eliminating dependency on additional development resources. Concurrently, they sought to establish a comprehensive help center, facilitating content creation tailored to support sales, marketing, and operations functions. Furthermore, Trustly aimed to revitalize their website's branding, ensuring a fresh and clean appearance to resonate with both existing and prospective customers.

Lastly, integrating their Salesforce system with the marketing website was pivotal to align their lead generation pipeline seamlessly.

Business challenges

Onboard their entire team onto a new CMS within a 3 month timeline while also doing a rebrand of their website.

Chapter 1
RESEARCH
KEY OBSERVATIONS
Up-heading

Asking the right questions

Research goals

How can we streamline the technical and maintenance aspects of migrating Trustly's website to Webflow as the new CMS, ensuring easy user access and seamless management?

Seamless onboarding
1

Seamless onboarding

Source identity data, automate account authentication, and verify account ownership in real time.

Enhanced data
2

Enhanced data

Retrieve, aggregate, and assess account, balance, transaction, and personal data.

Financial data
3

Financial data

Our high-quality bank connectivity supplies merchants with superior consumer financial data.

Guaranteed payments
4

Guaranteed payments

Our account-to-account solution handles the entire payments journey, from initiation to collections.

How does the Open Banking solution enhance payment experiences?
What financial services are seamlessly integrated into the platform?
Can users easily navigate through the payment process?
What security measures ensure safe transactions?
How does the solution simplify financial management?
How does the Open Banking solution enhance payment experiences?
What financial services are seamlessly integrated into the platform?
Can users easily navigate through the payment process?
What security measures ensure safe transactions?
How does the solution simplify financial management?
Are there customizable payment options available?
What benefits does the platform offer to businesses?
How does the solution handle account aggregation?
Is the platform compatible with various banking systems?
What customer support options are provided?
Are there customizable payment options available?
What benefits does the platform offer to businesses?
How does the solution handle account aggregation?
Is the platform compatible with various banking systems?
What customer support options are provided?
Can users access their financial data in real-time?
How does the solution promote financial transparency?
Are there any fees associated with using the platform?
What types of businesses can benefit from this solution?
How does the platform adapt to evolving regulatory requirements?
Can users access their financial data in real-time?
How does the solution promote financial transparency?
Are there any fees associated with using the platform?
What types of businesses can benefit from this solution?
How does the platform adapt to evolving regulatory requirements?
COMPETITIVE ANALYSIS
Up-heading

Interface inspirations

Interface inspirationsInterface inspirationsInterface inspirations
line

Defining a visual direction

Trustly aimed for a welcoming design to break from traditional banking websites. Motion elements added life to their brand story which you can see in a further section.

Defining a visual direction
Defining a visual direction
Defining a visual direction
Defining a visual direction
Chapter 2
USER EXPERIENCE
COMPETITIVE ANALYSIS
Up-heading

Creating the system

Creating the systemCreating the system
Creating the system
Creating the systemCreating the system
Wire frames
Up-heading

Information architecture

Information architecture
Chapter 3
visual design

Colors

RGB
#0EE06E
RGB
#003140
RGB
#8A78FB
RGB
#004C51
RGB
#4F6E78
RGB
#19817B

Fonts

40+ Individual Icons

VISUAL DESIGN
Up-heading

Visual design guidelines

We collaborated closely with the Trustly team to develop comprehensive visual design guidelines aimed at rejuvenating their outdated brand image.

Concept 1
Visual design guidelines
Concept 2
Visual design guidelines
Concept 3
Visual design guidelines
Concept 4
Visual design guidelines
VISUAL DESIGN
Up-heading

Lottie animation

Motion graphics play a vital role in enhancing Trustly's brand narrative by infusing dynamic visual elements that captivate and engage audiences. These animated graphics bring life to the brand's messaging, effectively conveying its core values, products, and services.

VISUAL DESIGN
Up-heading

Visual design guidelines

In a sea of stale, outdated bank websites, we dared to break the mold. Striking a balance between bold visual direction and unwavering professionalism, we crafted an experience that resonated with customers on a deeper level. This wasn't just about aesthetics; it was about fostering trust and security, the cornerstones of brand loyalty.

By defying expectations yet maintaining a sense of financial responsibility, we created a website that was both innovative and reassuring, ultimately driving engagement and solidifying customer relationships.

HomeCareersBusiness Help CenterTrustly PayGaming

We have crafted 30+ stunning pages and templates, and we are delighted to showcase the most captivating ones to you.

Visit live website
Home
Careers
Business Help Center
Trustly Pay
Gaming
Chapter 4
Measuring Success

Zabal is very knowledgeable about all things website dev and design. The company was always willing to provide solutions to any potential roadblocks we encountered and worked very hard to help us meet our launch timeline.

Amber Coburn

Project Manager

Like what you see? Don't let your website idle another day

START A PROJECT
Go to the next project:
Eppo
zabal