1- Wireframes are a great tool to get your clients to focus on what you want them to think about early in the design process. Wireframes are a great way to walk clients through the structure of your designs without giving them a chance to get distracted by colors and images.

2- A sitemap provides a diagram of the site’s hierarchy and shows where each page fits into this hierarchy.

3- UX Design is a more analytical and technical field, UI Design is closer to a graphic design.

4- A wireframe is equivalent to the skeleton or simple structure of your website/app. Whereas a mockup adds colors,fonts,text,images,logos and anything else that will shape your wireframe.