ui implementation stage 1