Material components and interactions

The majority of Dubai houses and apartments uses DEWA to provide water and electricity services. The UI design has to have an accessibility to all different color blinds. "By some estimates, up to 10% of the male population of the world suffers from some form of color blindness. The most common being Protanopia, or Red-Green color blindness, the inability to distinguish between red and green hues." css-tricks.com Thanks to Google Material components and interactions. The material card has excellent use as a mental frame for users, to be used in this design as a list of different accounts, the price set as the focal point for more natural and quicker scanning information. The material snack-bars provide brief messages about app processes at the bottom of the screen. In this case, I've placed at the top, as it's closer to the user's signifier. The background uses cognitive and visual contrast between the dark to light green energy and white background for the details and forms fields. These little 3 dots are affordance, because users are not familiar with this conceptual model yet. Using signifier for a dropdown menu with list of options.