Website Single Page Dashboard Mockup - Redesign of existing Design

  • สถานะ: Closed
  • รางวัล: $348
  • ผลงานที่ได้รับ: 2
  • ผู้ชนะ: 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.

Attached:
Dash.psd - original PSD from the designer
Dashboard Layout.jpg - the original image of the dashboard
fitbit tile example.jpg - Fitbit Tile Example
Implemented design and changes.jpg - Image of the implemented website and customer request (CURA Graph and Sleep Side by side

ทักษะแนะนำ

Winner
การประกวดแนะนำ
โพสต์การประกวดแบบนี้

คำติชมจากผู้ว่าจ้าง

“thanks - looks good ”

รูปประจำตัว mjd3063, United States.

ผลงานอันดับสูงสุดจากการประกวดนี้

ดูรายการเพิ่มเติม

กระดานประกาศ

  • simpion
    simpion
    • 6 ปี ที่ผ่านมา

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

    • 6 ปี ที่ผ่านมา
  • arviantodwi
    arviantodwi
    • 6 ปี ที่ผ่านมา

    please check entry #50

    • 6 ปี ที่ผ่านมา
  • rohan0571
    rohan0571
    • 6 ปี ที่ผ่านมา

    please checkk #41

    • 6 ปี ที่ผ่านมา
  • carlosced
    carlosced
    • 6 ปี ที่ผ่านมา

    Check #44, full panel

    • 6 ปี ที่ผ่านมา
  • carlosced
    carlosced
    • 6 ปี ที่ผ่านมา

    Please check #34 #40 #42 #43

    • 6 ปี ที่ผ่านมา
  • carlosced
    carlosced
    • 6 ปี ที่ผ่านมา

    Please, check #33 and the comments inside

    • 6 ปี ที่ผ่านมา
  • mjd3063
    ผู้จัดการประกวด
    • 6 ปี ที่ผ่านมา

    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.

    • 6 ปี ที่ผ่านมา
    1. carlosced
      carlosced
      • 6 ปี ที่ผ่านมา

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

      • 6 ปี ที่ผ่านมา
    2. carlosced
      carlosced
      • 6 ปี ที่ผ่านมา

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

      • 6 ปี ที่ผ่านมา
  • mjd3063
    ผู้จัดการประกวด
    • 6 ปี ที่ผ่านมา

    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

    • 6 ปี ที่ผ่านมา
  • rohan0571
    rohan0571
    • 6 ปี ที่ผ่านมา

    please check #29

    • 6 ปี ที่ผ่านมา
  • mjd3063
    ผู้จัดการประกวด
    • 6 ปี ที่ผ่านมา

    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

    • 6 ปี ที่ผ่านมา
    1. rohan0571
      rohan0571
      • 6 ปี ที่ผ่านมา

      please check #28 hope you like it

      • 6 ปี ที่ผ่านมา
  • mjd3063
    ผู้จัดการประกวด
    • 6 ปี ที่ผ่านมา

    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

    • 6 ปี ที่ผ่านมา
  • SergejLjubojevic
    SergejLjubojevic
    • 6 ปี ที่ผ่านมา

    Hey, please check and rate #5 and #6

    • 6 ปี ที่ผ่านมา
  • simplestudio18
    simplestudio18
    • 6 ปี ที่ผ่านมา

    Please wait for our entry.

    • 6 ปี ที่ผ่านมา
  • mjd3063
    ผู้จัดการประกวด
    • 6 ปี ที่ผ่านมา

    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.

    • 6 ปี ที่ผ่านมา
  • GenialStudio
    GenialStudio
    • 6 ปี ที่ผ่านมา

    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?

    • 6 ปี ที่ผ่านมา
    1. mjd3063
      ผู้จัดการประกวด
      • 6 ปี ที่ผ่านมา

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

      • 6 ปี ที่ผ่านมา
  • appsanju8
    appsanju8
    • 6 ปี ที่ผ่านมา

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

    • 6 ปี ที่ผ่านมา
    1. mjd3063
      ผู้จัดการประกวด
      • 6 ปี ที่ผ่านมา

      PSD output is what I would like to see.

      • 6 ปี ที่ผ่านมา
  • pixerweb1
    pixerweb1
    • 6 ปี ที่ผ่านมา

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

    • 6 ปี ที่ผ่านมา
    1. mjd3063
      ผู้จัดการประกวด
      • 6 ปี ที่ผ่านมา

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

      • 6 ปี ที่ผ่านมา

แสดงความคิดเห็นเพิ่มเติม

วิธีเริ่มต้นจัดการประกวด

  • ประกาศการประกวดของคุณ

    จัดการประกวดของคุณ รวดเร็วและง่ายดาย

  • รอรับผลงานจำนวนมหาศาล

    รอรับผลงานจำนวนมหาศาล จากทั่วโลก

  • มอบรางวัลให้แก่ผลงานที่ดีที่สุด

    มอบรางวัลให้แก่ผลงานที่ดีที่สุด ดาวน์โหลดไฟล์ - ง่ายดาย!

โพสต์การประกวดตอนนี้เลย หรือเข้าร่วมกับเราวันนี้!