Website design

Livedataset

Client

Krescendo Ltd

My role

  • UI Design
  • Prototyping
  • Content Design

Summary

I helped to redesign the whole architecture, the contents and the interface of the Livedataset website, a data-collaboration platform for regulated finance.

The redesigned Livedataset website across devices

Project summary

The initial request was to design the interface for the new website of Livedataset by Krescendo Ltd, a data-collaboration and data-management platform for regulated finance, used for demanding use cases such as KYC/AML quality assurance and data governance in top-tier banking. Alongside this request, the client asked for the design of diagrams and illustrations.

All the initial targets were achieved, and the final result was an informative website with a consistent interface and illustrative diagrams and schemes. The final image was so effective that it also became the reference for every other company communication — turning the redesign into a real branding project for the Livedataset product.

The challenge

Livedataset's data-management, editing and validation solutions — normally sold to big fintech companies — were previously promoted using custom-tailored communications designed around each specific client. The aim of the redesign was to promote Livedataset to a wider range of companies, proposing a flexible sizing of the service: scalable and effective for companies of any size, not only the big ones.

The tone of the communication had to focus on clear USPs, less technical at a glance, with a trendy and friendly interface; further in-depth data would live in product sheets. The website architecture was redesigned from scratch, split into pages describing the diverse applications of the service plus one dedicated to the platform — aiming for consistent visual parameters that could work as a brand.

The process

The targets were set in the initial briefing with leadership, the marketing team and the dev team. I accounted for every indication from the team and continual feedback from leadership while elaborating studies and wireframes that led to proposals, then usability tests.

We ran remote testing to make sure we were solving actual problems for customers. Whether it was a wireframe, a screen prototype or a simple paper card-sort, these almost daily sessions helped us validate, test ideas and iterate quickly — a recursive Lean iteration process based on short sprints and user validation: think and solve, build and design, launch and test, measure and learn.

Persona Customer journey Information architecture Prototype Testing
Livedataset website sitemap
The redesigned website architecture.

Prototyping

Working together on a shared building tool — Divi for WordPress — allowed us to concentrate three phases in one instance: prototyping, developing and testing. I used Adobe Illustrator for contents such as images and diagrams, for sketching the website architecture and for wireframing. We also set up a lo-fi clickable prototype in InVision to aid team conversations and provide usability insights.

Wireframes and design process artefacts
From wireframes to the final interface.

Solution

The result is a clean, friendly interface with a flat and light look. Contents are segmented into strong, short sentences always supported by didascalic images introducing key concepts; to avoid a hypnotic sequence effect, images animate in from the side. Following the marketing team's request, I paid great attention to responsiveness across devices.

Visit the site

Next project AGID — Design system