designing the front-end