designing the ui