OpenInsights Responsive Design

Project Overview

This project is a responsive design for the company Openinsights. The aim was to create responsive website focused on providing information to customers about their open banking and data analysis services.

My role in this project, was to design the website based on the business needs and strategy, to generate leads and add value to their marketing strategy.

Business Need

OpenInsights needed to create a dedicated B2B website to showcase their open‑banking and transaction‑data capabilities.

Establish a standalone B2B brand separate from Fintonic’s consumer app.
Offer Open Banking Data Insights (aggregation, enrichment, risk variables).
Offer Customer Insights (anonymized spend‑based market intelligence).
Offer Collections
Build credibility via compliance, case studies, and recognizable clients.
Capture demand with contact forms and newsletter CTAs.
Target banks, lenders, insurers, retail and telco analytics teams.

Challenge

Brand architecture: Create a credible B2B identity.
Value translation: Turn open‑banking into outcome‑focused messaging and visuals executives understand.
Offer packaging: Define a clear taxonomy for APIs, datasets, scoring, and services without overlap or confusion.
Information architecture: Structure navigation so the product lines are distinct yet cross‑link logically.
Multi‑persona communication: Serve decision‑makers, risk/credit teams, data scientists, and product/tech buyers with the right depth.
Trust & compliance narrative: Convey PSD2/GDPR posture, security, and data‑ethics promises without exposing sensitive detail.
Lead‑gen vs. discoverability: Balance gated assets and low‑friction forms with strong SEO and clear CTAs (plus consent management).
Performance & accessibility: Keep enterprise‑grade speed and WCAG‑compliant forms/contrast while handling data‑heavy content.

Project Specifications

Roles

Product designer for this project

UX/UI designer responsible for the end-to-end design process:

research
personas
benchmarking
information architecture
wireframes
visual design
development on Webflow

Deliverables

UX Research
Brand Design
User persona
Benchmark
Information Architecture
Flow diagrams
Wireframes
Prototypes
UI Guidelines
Web Development

Specifications

Duration: 1 month

Tools:
– Figma
– Jira
– Webflow

The Design Process

The product

Listening to the client and the project needs

Analyse

The project and the user needs through UX research.

Design

Developing the design baring in mind the findings in the previous stage of the process.

Test

Once the final design was done. I proceeded to test it, iterate and present it, to the client to be developed

User Persona

User personas were defined based on the insights gathered from user research to guide design decisions. Analyze the project and the user needs through UX research.

Benchmark

A comparison with other platforms helped identify design opportunities and UX patterns.

UX Architecture (Site map)

After analyzing the findings of the user personas and the needs of each service. I decided to keep the mapping of the website simple, as the main aim of it, is to provide information and allow the user to contact the company through the website.