By combining these efforts, we harnessed the METRO UI concept's potential, merging client guidelines with our design expertise. This resulted in a visually captivating and highly functional user interface centered around dynamic tiles. These tiles serve as pathways for actions, data display, and navigation, adaptable to user preferences and allowing administrators easy content arrangement. The main screen's final design is thoughtfully divided into three sections: Header for organizational details, Body housing dynamic Tiles, and Footer offering contextual information. These intricacies were meticulously woven into mockups, capturing the design's essence and purpose elegantly.