designing the UI