Website Single Page Dashboard Mockup - Redesign of existing Design
- Status: Closed
- Prize: $348
- Entries Received: 2
- Winner: arviantodwi
My customer is interested in converting the existing design to a tile-based model with the ability to drag a drop widgets/controls. We are looking for designs that convert the existing screen components into a layout/format to accomplish this goal. Attached is the PSD of the original design and an image of what was implemented.
Current Design Problem - The current layout has items using 1/3 of the screen (both width and height), making it difficult to move items around. We need to redesign the items so they are more flexible.
Design - grid layout - 4 across (275 pixels width each) - max width for grid 1150 pixel (50 pixel for spacing between)
Widget Sizes (height-width) - 275 x 275 pixel, 275 x 550 pixel, 275 x 825 pixel, 550 x 275 pixel, 825 x 275 pixel. The Fitbit Web Dashboard is a good example and is attached.
Goal - Need to see a design where the CURA Graph and Sleep Widget are on the first line side by side. Need widgets to fit as the user drags items around, the screen will dynamically shift items based on user preference. That is the primary reason for some predefined Widget sizes - the ability to move items around.
Widget sizes and design may need to be changed to meet our new design requirements. Provide options. The customer is happy with the base design, we just need to make modifications for future enhancements.
[login to view URL] - original PSD from the designer
Dashboard [login to view URL] - the original image of the dashboard
fitbit tile [login to view URL] - Fitbit Tile Example
Implemented design and [login to view URL] - Image of the implemented website and customer request (CURA Graph and Sleep Side by side
“thanks - looks good ”
mjd3063, United States.