Guidelines and Resources

Product Design Toolkit

We empower teams to deliver high quality products faster

Introducing the Product design toolkit

Design is a team effort. As part of the Nordic Cool 4 launch, the product design team is providing the product development organisation with a Product design toolkit, with the goal of speeding up the design process to make room for creativity and innovation.

Speeding up Design Illustration

Speeding up design

In the Visma XD toolkit you will find a DIY design guide, together with the Nordic Cool colour palette, the most common UI components and patterns, icons and illustrations and shadow and font guides.

Speeding up Development

Speeding up development

Using the Visma XD toolkit together with the Web library and UX Guidelines will enable your team to visualise ideas and create and test prototypes faster, shortening the time from concept to delivery.

Creativity and Innovation Illustration

Making room for creativity and innovation

When everyone can design, the product design team can focus on custom requests, explore and develop the design language and provide you with more inspiration for how your team can make your product stand out with Nordic Cool.

Web library and guidelines

In the Web library you will find code (HTML and CSS) and UX Guidelines for our most common UI elements, such as buttons, dropdowns and date pickers to give a few examples.

The Web library is continuously updated by the Product Design team. New UI elements are added upon request and if they are of interest to multiple projects.

Questions, contributions and feedback is welcome via Slack using the #sig-web-library channel. If you are not a member of Slack you can contact us via email.

Icon library

In the Icon library you will find the most common icons and illustrations used in our products, such as worksurface icons, action icons and pictograms.

The icon library is updated continuously by the Product Design team. If you cannot find an icon for the specific context you need, the team will create it for you upon request.

Desktop library

Visma’s Desktop library is built using Windows Presentation Foundation (WPF) technology. It’s intended both as a live version of the design in the UX guidelines and as a resource when building desktop applications.

The library aims to create a reusable base for our desktop applications with a Nordic Cool 3 design and functionality.

The SMB division is responsible for the WPF library.

Brandbook

Our brandbook is the go to place if you want to read more about marketing and branding related information and find resources of the same. It covers everything from overarching principles related to brand hierarchy to strategy. You can also find all of our imagery, our illustration library, fonts and resources that are more closely related to creating advertisement, presentations, PR and the like.

Tools and licenses

To enable easy ways of collaboration and sharing we have a set of tools we recommend when you work as a designer in Visma. On Internal UX tools on Confluence you can learn more about these tools and request and access licenses to start using them.

Isometric Group Illustration

Communication and collaboration

For communication we use Slack and for collaboration we use Mural, Trello and Google Drive.

Isometric Mobile Illustration

Design and prototyping

For design and prototyping we mainly use Adobe Creative Cloud and Balsamiq Cloud.

Isometric Integration Illustration

Research and testing

For online testing we use UsabilityHub.

How to order design from the Product design team

Visual design is supplied for the most common UI elements, illustrations and icons in our libraries. These are what we call foundation and building blocks in the Nordic Cool visual design model. Using these assures high quality, AA compliance and getting well established design patterns for free.

If you need custom design for a specific context or find that something is missing, it can be ordered from the Product design team and created upon request. Requests are sent via Trello.

To make sure we deliver value to our customers and end-users, we recommend that custom requests are based on findings obtained by following the steps in the Visma UX Value Loop.

Identify and specify need

If you find, based on findings obtained from user research, that you need UI elements, icons or illustrations that you cannot find in our libraries, the product design team will make them upon request.

Iterative design process

Based on your specification and Nordic Cool, the designer will create design suggestions. Based on feedback, the designer will iterate the design until you and your customers are satisfied.

Implementation

The approved design will be delivered to your project and ready for implementation. If it is of general interest, the design will be added to our libraries.

Responsibilities and offering

The Product design team owns the design language and system related to product design and UX. They:

  • Work as a design pool, creating designs in line with our visual design language
  • Continuously develop and maintain useful tools for the UX community and development teams to enable good execution on visual design for our products and services
  • Are responsible to package the tools and resources to empower teams to quickly execute on the Nordic Cool design language with high quality

The Product design team

Fredrik Fernberg
Fredrik Fernberg

UX & Creative Director

Malmö

Amanda Lundius Morck
Amanda Lundius Mörck

Corporate UX Manager

Malmö

Paul Popa
Paul Popa

Corporate Design Lead

Malmö

Cristina Iftode
Cristina Iftode

Front-end Lead

Sibiu

Radu Dragos
Radu Dragoș

Senior Product Designer

Sibiu

Liviu Ispasoiu
Liviu Ispășoiu

Senior Visual Designer

Sibiu

Narchie Batol
Narchie Batol

UI/UX designer

Malmö

Narchie Batol
Calin Mohan-Bacila

UI designer

Sibiu

Mihai Baciu
Mihai Baciu

Senior Front-end Developer

Sibiu

What happens after you contact us?

Once you have contacted us, we will reach out to learn more about your request.

We will create a task according to your specifications and assign a suitable designer who will follow up with you throughout the design process. If you need other design expertise we might connect you with the UX Best Practices or UX Studio teams.

This site saves certain data to enhance the user experience. By using ux.visma.com you approve this. More info

This site uses cookies, which collect information about how you interact with the site. In combination with the information you provide, we create a profile so that we can show relevant content just for you.

By accepting, you allow us to collect and process your personal data as described.

Close