The new Order page design needs some work to improve usability

1. The image space for bundles and services needs to remain the same, either square or landscape 3×2. When it changes back and forth it cuts off parts of the image, especially a problem with text in the image. 3×2 would make the most sense since that’s most of what we produce and would show as an example.

2. Eliminate the huge gaps of whitespace between the bundle heading, the first attached service, and the price. This just adds more scrolling to an already long page, especially on smaller screens. Plus, it puts the price closer to the product below than to the product it belongs with. Basic proximity principle (even though it’s in a container with its associated bundle.)

3. In 1910×1080, when there are more than 5 services associated with a bundle, the “+1 More” link below the service chips covers the bundle price.

4. Consider making the group sections collapsible by clicking on the heading. This would make it easier to navigate the long page without scrolling.

5. The logo (top left) isn’t centered vertically in the header when the viewport is full size and the logo is large. It is centered in small viewport size.

I’m happy to get on a Zoom with your UX designer to walk through these issues to help improve the product for everyone!