MoFAIC - Ministry of Foreign Affairs and International Cooperation

Ministry of Foreign Affairs & International Cooperation embarked on a digital transformation journey and looking to enhance their Mobile Application platform.

The aim was create a comprehensible digital service journey for a mobile app that stands the test of time and delivers value to its users. 

Valtech created a scalable solution with a comprehensive design system that enables future features & services to be launched with ease, consistency and most of all efficiency.

Design System

We created a design system for MoFAIC on Figma where every component had the autolayout & variants features, making it simple to reuse components, as they worked as building blocks.

We had all the tokens, such as colour and typography documented, so anyone that would come to use to file would know that the primary colour is used to indicate interactive elements such as buttons, and to highlight informations for example.

The components were divided in basic components and modules.

Basic components are made up of a few layers, like buttons or icons, and modules are elaborate combinations of other tokens and basic components such as accordion an tabs.

Have a project? let’s talk.

Get in touch with me to talk about working together, my portfolio, ideas, commissions and inquiries.