Help us by redesigning a report - from PDF to HTML and make it look good!

  • Статус: Closed
  • Винагорода: $500
  • Надіслані роботи: 17
  • Переможець: Hamza

Стисле описання конкурсу

We develop a product that calculates an individualized dose for patients and then generates a report to help doctors and pharmacists communicate about what dose to give patients (who are typically in hospital).

These reports are typically printed out and put inside the patient's chart, or stored as a permanent record in pharmacy. The information on them is relatively complex - but you don't need to know what it means. An existing example is attached (report.pdf - note that this is fake patient data), and the two plots in the report are also attached as separate PDFs (although we can generate these in any format).

We wish to instead generate these as HTML documents (using CSS etc), and then convert them to PDFs using a tool such as Athena (see https://www.athenapdf.com for a live demo) or PhantomJS. Don't worry about how we'll insert the information or generate these automatically, we'll look after that part - we just want a new design.

Changes compared to the existing report that we want to support include:

1. Multi-page: We need to have less important information on a second / subsequent page, such as the (see attached) historical dose and outcome data. Don't worry about how you'll achieve this at the conversion step - one long document and a logical place to page break is all we need (unless you have a better idea of course!).
2. Clinician notes should be full width and on the second page.
3. Supporting warnings (see single example in red, we require multiple).
4. Address should be removed.

We also don't need all of the lines and layout shown - clear readability at a glance and attractiveness is far more important. This example is based on one particular hospital's paper notes format rather than being a good example or goal to reproduce.

Goals:

- Design an attractive replacement for the attached report. Please don't just reproduce it in HTML.
- Ensure readability of the key information at a glance (warnings + bold text).
- Create the design this in well-formed HTML.

NB:

- An example UI design for the application has been attached "170728-patient--empty.png" - feel free to use this as inspiration for look and feel, but it's not a requirement and may not necessarily increase your chances of winning. We can provide the sketch file for it to the winner if you'd like to assist in reproduction.

Рекомендовані навички

Відгук роботодавця

“Hamza A produced a great report.”

Зображення профілю rmcleay, Australia.

Найкращі роботи цього конкурсу

Переглянути більше робіт

Публічна роз'яснювальна дошка

  • rmcleay
    Організатор конкурсу
    • 5 роки(ів) тому

    Thanks for all the entries - we will be discussing this in the office tomorrow and awarding then!

    • 5 роки(ів) тому
  • Ganeshdas
    Ganeshdas
    • 5 роки(ів) тому

    Please check #17 , Thanks

    • 5 роки(ів) тому
  • PixelBernie
    PixelBernie
    • 5 роки(ів) тому

    Too late to the party, I would love to design something amazing, if you could extend the contest at least for one more day, you wont regret it, lot of new designers will join too #extended

    • 5 роки(ів) тому
  • Webicules
    Webicules
    • 5 роки(ів) тому

    please check my entry #23 , #24 and share valuable feedback.

    • 5 роки(ів) тому
  • Webicules
    Webicules
    • 5 роки(ів) тому

    please check my entry #8 , #9 and share valuable feedback.

    • 5 роки(ів) тому
  • NermeenMamdouh
    NermeenMamdouh
    • 5 роки(ів) тому

    Working on

    • 5 роки(ів) тому
  • rmcleay
    Організатор конкурсу
    • 5 роки(ів) тому

    3. I've uploaded an example UI design that we've had done for another part of our application - see the file "170728-patient--empty.png". Please feel free to use it as a basis for designing something. You're not obligated to by any means - and it may not even improve your chances of being selected - but if you design a printable report based on this and are selected as the winner we'd happily provide a sketch template to help you identify elements.

    Finally, thanks! I look forward to reviewing each entry.

    • 5 роки(ів) тому
  • rmcleay
    Організатор конкурсу
    • 5 роки(ів) тому

    Hi All,

    Thanks for your entries. I'll give individual feedback shortly. Some general feedback:

    1. We don't need an interactive report - it just needs to be an attractive HTML page that our developers can edit and then use as a template.
    2. We're after clarity and attractiveness. Please do NOT reproduce the original report. The information required to be displayed on the report only includes the patient information up top, and the information inside the main panel. None of the lines, other text like "MAKE ALL NOTES CONCISE AND RELEVANT" should be included unless you have a clear design vision for it - simpler to read is the goal.

    • 5 роки(ів) тому
  • GoldenAnimations
    GoldenAnimations
    • 5 роки(ів) тому

    working on

    • 5 роки(ів) тому
  • Webicules
    Webicules
    • 5 роки(ів) тому

    please check my entry #6 and share valuable feedback.

    • 5 роки(ів) тому
  • mohincse
    mohincse
    • 5 роки(ів) тому

    please contact me personally.

    • 5 роки(ів) тому
    1. paintedredstudio
      paintedredstudio
      • 5 роки(ів) тому

      That's against Freelancer rules and you will be blocked from both your accounts. This is a contest.

      • 5 роки(ів) тому
  • mohincse
    mohincse
    • 5 роки(ів) тому

    hlw sir,

    • 5 роки(ів) тому

Більше коментарів

Як організувати конкурс

  • Опублікуйте свій конкурс

    Опублікуйте свій конкурс Швидко та просто

  • Отримайте безліч конкурсних робіт

    Отримайте безліч конкурсних робіт З усього світу

  • Оберіть найкращу роботу

    Оберіть найкращу роботу Завантажуйте файли - це просто!

Опублікувати конкурс зараз або приєднуйтесь до нас вже сьогодні!