design the UI