We had the opportunity not just to reinterpret the entire user flow but the same time to determine and articulate the digital branding of it. The visual appearance required to address and reach several target groups with a significant impact. Therefore we formulated a secure and clear visual environment to be unequivocal as much as possible.
Brand Guideline Book
To formulate and systemize the fundamental brand guidelines of the product we created a 48-page documentation to define the practical uses alongside these principles. Throughout the design process we’ve utilized the Atomic Design methodology, which defines interface design systems more deliberately and with explicit order and hierarchy (atoms, molecules, organisms, and so on).
To formulate and systemize the fundamental brand guidelines of the product we created a 48-page documentation to define the practical uses alongside these principles. Throughout the design process we’ve utilized the Atomic Design methodology, which defines interface design systems more deliberately and with explicit order and hierarchy (atoms, molecules, organisms, and so on).
Modular lllustrations
Throughout the interfaces we use intelligible illustrations to ease up some complex user flows. The illustrations are designed to be flexible: certain elements can be adjusted easily in order to formulate the exact tone of message. This structure consists of the following layers.
Throughout the interfaces we use intelligible illustrations to ease up some complex user flows. The illustrations are designed to be flexible: certain elements can be adjusted easily in order to formulate the exact tone of message. This structure consists of the following layers.
Responsive Icon Set
As part of the branding system we created a custom icon set which has been tailored specifically to the needs of the product. The icon family sports responsive features where the icon adds and removes details to make sure it’s legible in every size.
As part of the branding system we created a custom icon set which has been tailored specifically to the needs of the product. The icon family sports responsive features where the icon adds and removes details to make sure it’s legible in every size.
.gif)
