Website Single Page Dashboard Mockup - Redesign of existing Design

  • Status: Closed
  • Hadiah: $348
  • Penyertaan diterima: 2
  • Pemenang: arviantodwi

Ringkasan Peraduan

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.

Attached:
[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

Kemahiran Disyorkan

Maklum balas Majikan

“thanks - looks good ”

Gambar Profil mjd3063, United States.

Penyertaan teratas dari peraduan ini

Lihat Lagi Entri

Papan Penjelasan Umum

  • simpion
    simpion
    • 1 tahun yang lalu

    Hi i just saw the contest and i believe i can create the needed design, can you extend the contest for another day?

    • 1 tahun yang lalu
  • arviantodwi
    arviantodwi
    • 1 tahun yang lalu

    please check entry #50

    • 1 tahun yang lalu
  • rohan0571
    rohan0571
    • 1 tahun yang lalu

    please checkk #41

    • 1 tahun yang lalu
  • carlosced
    carlosced
    • 1 tahun yang lalu

    Check #44, full panel

    • 1 tahun yang lalu
  • carlosced
    carlosced
    • 1 tahun yang lalu

    Please check #34 #40 #42 #43

    • 1 tahun yang lalu
  • carlosced
    carlosced
    • 1 tahun yang lalu

    Please, check #33 and the comments inside

    • 1 tahun yang lalu
  • mjd3063
    Penganjur Peraduan
    • 1 tahun yang lalu

    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.

    • 1 tahun yang lalu
    1. carlosced
      carlosced
      • 1 tahun yang lalu

      Just to check... It'll have 4x3 tiles of 275x275 each, right?

      • 1 tahun yang lalu
    2. carlosced
      carlosced
      • 1 tahun yang lalu

      And variations of this with larger sizes, joining 2 and 3 tiles, not 4. Can you confirm this to me? Thanks

      • 1 tahun yang lalu
  • mjd3063
    Penganjur Peraduan
    • 1 tahun yang lalu

    I added a new file to the project. "steps with goal line in graph.jpg" this might help with fitting the widgets into the design goals. Designs around this would be helpfull

    • 1 tahun yang lalu
  • rohan0571
    rohan0571
    • 1 tahun yang lalu

    please check #29

    • 1 tahun yang lalu
  • mjd3063
    Penganjur Peraduan
    • 1 tahun yang lalu

    I added a new file to the project. "steps with goal line in graph.jpg" this might help with fitting the widgets into the design goals. Designs around this would be helpfull

    • 1 tahun yang lalu
    1. rohan0571
      rohan0571
      • 1 tahun yang lalu

      please check #28 hope you like it

      • 1 tahun yang lalu
  • mjd3063
    Penganjur Peraduan
    • 1 tahun yang lalu

    All rows/columns need to be in quarter increments. They can expand horizontally and vertically. On the top row, I would like the Cura Score graph and Sleep bar chart. Existing widgets can be split to meet my design goals. The bar charts could have the goal integrated into the bar chart if space doesn't permit it to fit properly.

    New designs are welcome

    • 1 tahun yang lalu
  • SergejLjubojevic
    SergejLjubojevic
    • 1 tahun yang lalu

    Hey, please check and rate #5 and #6

    • 1 tahun yang lalu
  • simplestudio18
    simplestudio18
    • 1 tahun yang lalu

    Please wait for our entry.

    • 1 tahun yang lalu
  • mjd3063
    Penganjur Peraduan
    • 1 tahun yang lalu

    All, I'm looking for creative ideas - what I received so far is just moving items around. That is not acceptable. Items need to scale based on the grid design I provided. Look at the fitbit example attached as that is our end goal. Redesigns of what we developed to date is acceptable. We are not fixed on what we currently have. I look forward to your submissions.

    • 1 tahun yang lalu
  • GenialStudio
    GenialStudio
    • 1 tahun yang lalu

    Hello sir, so you only need to implement the first table on the second row in the first row beetween the cura table and the progress one?

    • 1 tahun yang lalu
    1. mjd3063
      Penganjur Peraduan
      • 1 tahun yang lalu

      I would require each item be converted to proper size widgets. Look at the fitbit example, that is our target goal.

      • 1 tahun yang lalu
  • appsanju8
    appsanju8
    • 1 tahun yang lalu

    Dear Contest Holder,
    Please let me know that what will be the output, will it be HTML or PSD?

    • 1 tahun yang lalu
    1. mjd3063
      Penganjur Peraduan
      • 1 tahun yang lalu

      PSD output is what I would like to see.

      • 1 tahun yang lalu
  • pixerweb1
    pixerweb1
    • 1 tahun yang lalu

    Hello I need to discuss some points sir..let me know when you are available for discussion.

    • 1 tahun yang lalu
    1. mjd3063
      Penganjur Peraduan
      • 1 tahun yang lalu

      I'm available to discuss - I'm in the USA (EST) time zone if you want to get online to discuss

      • 1 tahun yang lalu

Tunjukkan lebih banyak komen

Bagaimana mula dengan peraduan

  • Paparkan peraduan anda

    Paparkan Peraduan Anda Cepat dan mudah

  • Dapatkan berjuta penyertaan

    Dapatkan Bertan-tan Penyertaan Dari serata dunia

  • Anugerahkan penyertaan terbaik

    Anugerahkan penyertaan terbaik Muat turun fail-fail - Mudah!

Paparkan Peraduan Sekarang atau Sertai kami Hari Ini!