We have the tools, resources and skills to help create the desired User Experience (UI/UX):
The user interface has two components. The first is the arrangement of functional elements. The design of this UI component determines how easy or hard the software is to use. To do this part well requires serious thinking about how the user will want to interact with the software. These are typically documented as use cases. Wireframes are the best way to iterate the design of the functional user interface.
The second component is the software look and feel. While non-functional, this part is crucial to the user experience (UX) and impression. The wireframes are deliberately lacking in look and feel graphics. We can create a mockup to capture the UX design.
The user interface design depends in part on the platform and the screen size. More or less screen real estate will affect the functional interface design, which must be considered for different target platforms (pc, tablet, phone, wearable).
The web is a special case where the same implementation (code) is typically used for any screen size. Originally, this was handled by having different implementation for mobile (e.g .mobi). However, this turned out to be impractical and is no longer considered a best practice. Today, a responsive html/css design allows for a mobile first strategy. This means that a web user interface design considers what is most important to the user and will display that on a phone. As more screen size is available, the web application will respond by showing more content. For example, the summary rectangle above will disappear if the screen size is reduced far enough.