ui for first step