Ideate and plan

Design thinking is a process for creative problem solving. It encourages a user centered approach when creating a new product and building a better business strategy and vision.

Our processlink

Explore best practices, tips, tools and examples for each stage of the process of building a product. Here is a timeline representing each step in the design thinking process:

Schema of our Design Thinking processIllustration of a constellation
Illustration of a magnifier on a document
Plan

During the design phase you go through several stages - from executive briefing and a two days workshop to a detailed design phase that includes both UX/UI and architecture decisions.

I have a dreamlink

Start with a pain point, an assumption, questions and user feedback. You can start with the goal, staying focused on the subject: identify the core topic or the main purpose of the exercise. Are you trying to improve an existing feature, building a new one, or are you focusing on ways to improve the overall user experience?

Photo of people working in a room

Design thinking workshoplink

Get the participants list for the workshop. You can have ideally two or three groups of maximum 6 people in each. There should be all profiles presented - from stakeholders, PMs, to business analysts, QAs and developers.

Photo of pens, paper and post-it on a table

Purpose of the two days exercises:

  • list of personas and user goals
  • user flows and steps for the selected personas
  • low-fidelity wireframes for the selected flows
Illustration of a todo list.
Workshop agenda

A two day workshop agenda split between theory and practice.

Illustration of people talking.
Persona

Personas will help you understand the users and build a better experience.

Illustration of people linked in a circle.
User flows

Define the steps for a user to accomplish a goal with a clear start and stop.

Illustration of a user on a map.
User journey

Add more context by including the user flows as part of the user journey.

Illustration of a magnifier on a document
Design

Based on your user flows, you can start creating a feature map to visualize the information architecture of your product.

Detailed UX/UIlink

After initial meetings and a design thinking workshop, you can start collecting the relevant data and work on the wireframes and high-fidelity mockups for the selected user flows.

Schema of an app steps
User flow

For each persona goal, create a step by step user flow using the available design patterns as low-fidelity mockups to represent each step.

Image of a wireframe
Wireframes

Create wireframes to start adding data, iterating often and quickly by gathering feedback from your customer or business analysts, sales, pre-sales and product managers. Take data into consideration early to drive your design decisions.

A screenshot of a typical Finastra app
High-fidelity mockups

Use our design assets and templates so that you can quickly build an application.

Illustration of a magnifier on a document
Build

At the build stage of your application or product lifecycle, you will iterate between prototyping, implementation and user testing.

Prototypelink

Illustration of a magnifier on a document

Time to implement the designs can be significantly reduced by using our sample applications, design patterns and templates to get started building a working prototype.

Learn more

Implementlink

Illustration of a magnifier on a document

Start building with our HTML/CSS framework and rapidly go from prototype to production. See how to get started.

Learn more

Monitorlink

Illustration of a magnifier on a document

Getting reviews and feedbacks from users at each stage of the design process is important to ensure that you get the best experience for your platform.

The genesis and power of creativity, there's no right way, no pure way of doing it - there's just doing it.Bruce Springteen on creativity

Tools & guidelines