Redesign Multi-Step Web Form

  • Status: Open
  • Prize: $450
  • Entries Received: 11

Contest Brief

This is a contest to redesign a form process used to create automated telephone surveys. It’s a multi-step form, that presents a summary of the entered data at the end.

The user defines a number of parameters, uploads audio files, and specifies the DTMF (digits on the phone keypad) that correspond to answers for each question.

Full details of the existing system are included in the PDF, with multiple screen shots explaining a few key elements.

What I am NOT looking for is a simple rehash of the existing form. I want you to impress me with something functional, intuitive, and easy to use. How the form is presented to the user is important!

While screenshots may be submitted for discussion, contest entries MUST include a link to a semi-functional website, self-hosted -or- free-hosting sites are acceptable. I’ve had some great work presented on github.io. Contest entries MUST demonstrate the ability to upload files and provide a summary of the collected data. File uploads only have to capture the file name for the demo.

The demo website ONLY requires the necessary logic to complete the form. It’s to be considered a mock-up and there is no need for the final submit button to do anything.

One feature the users of the existing form process have requested, is the ability to batch upload the audio files. Please consider including this as a feature in the redesign. DropzoneJS could be a possible solution.

I would also like to point out, I am NOT interested seeing portfolios. This is a contest! Don’t tell me you can do it, show me! I treat contests like interviews, where the winning freelancer is normally considered for additional projects.

If you have any questions, please ask on the public clarification board!

Recommended Skills

Top entries from this contest

View More Entries

Public Clarification Board

  • greenarrowinfo
    greenarrowinfo
    • 18 hours ago

    Working, please wait

    • 18 hours ago
  • ksurat
    ksurat
    • 2 days ago

    I wonder what's the 'Start Survey' button is for, is that really necessary?

    • 2 days ago
    1. blavallee
      Contest Holder
      • 2 days ago

      The "Start Survey" button is how the current form obtains some of the auto-generated variables from the back-end. It's equivalent to adding a new record, with the auto-generated data already populated. It's NOT a necessary part of this contest.

      • 2 days ago
    2. ksurat
      ksurat
      • 2 days ago

      Oh thank you, noted :D.

      • 2 days ago
  • scrufDev
    scrufDev
    • 3 days ago

    Hello,

    The current form looks pretty neat. Is there any particular thing which was difficult to use, apart from the audio file upload? Something you'd like us to pay specific attention to?

    • 3 days ago
    1. blavallee
      Contest Holder
      • 2 days ago

      Great question! Besides file upload, the DTMF (keypad) portion is probably a bit bulky.

      Star, zero, and pound (hash) normally fall "below the fold". Users who use those option must scroll. Users who don't use the bottom keys, still have to scroll to reach "Preview & Save" on the last question.

      There is scrolling during step one too, but it's been cleaner. After entering the name and description, users can see all the remaining elements by scrolling to the bottom of the page. Although, step one 'could' be broken up to keep everything "above the fold".

      • 2 days ago
  • rohan0571
    rohan0571
    • 1 week ago

    #sealed

    • 1 week ago
    1. rohan0571
      rohan0571
      • 5 days ago

      thanks for your reply do you have logo ?

      • 5 days ago
    2. blavallee
      Contest Holder
      • 4 days ago

      Not worried about branding, just concentrate on the redesign of the form process.

      • 4 days ago
  • ahmedElbohoty
    ahmedElbohoty
    • 1 week ago

    Hello my old friend. :)

    I was working on one of your project last year and it will be nice to work with you again.

    Can i use React in your project ?

    • 1 week ago
    1. blavallee
      Contest Holder
      • 1 week ago

      In the end, it's the UI/UX design that I am looking for. Not the back-end. Anything that's done in React could be ported over to something else. Use whatever you like.

      • 1 week ago
  • Webicules
    Webicules
    • 1 week ago

    Hello Ch,
    What do you require a PSD Design all the steps or HTML CSS Demo?

    • 1 week ago
    1. blavallee
      Contest Holder
      • 1 week ago

      In the end, I'm looking for a HTML CSS demo. But if you're more comfortable discussing the design concepts before hand, then you can share some PSD designs. But as it's explained in the PDF, I need to see a semi-functional site.

      • 1 week ago
  • boushib
    boushib
    • 1 week ago

    Hi CH,
    Do you have a demo version of the form?
    I can do the form reskin directly with CSS.

    • 1 week ago
    1. blavallee
      Contest Holder
      • 1 week ago

      I am NOT looking for just a stylesheet change, NOT looking for a reskin. I am looking for UI/UX improvements of the current form. If I provide a demo, it would end up just like the current.

      • 1 week ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!