User Interface re-design of online tool

  • Status: Closed
  • Prize: $100
  • Entries Received: 3
  • Winner: RamonRobben

Contest Brief

Tetsuwan Technology, based in Sydney, Australia, has built Hakase SCORM Course Builder, an online eLearning course building tool.

We're looking to get a redesign of user experience to make the user flow simpler to help our users create their content easily.

In general the user experience is a bit clunky and we need to smooth out the starting point for each user from first logging in until they can download their final Package. The general layout is defined by Bootstrap (and that won't change), but we're happy for some fundamental change if well designed.

You will provide mockups of the new user experience/design flow, in something like Balsamiq (so at this stage, not a complete visual design), or other basic design mock-up tool, at a minimum of
* General re-design of the common layout of the user interface for view pages and edit pages
* Login page
* First landing page after log in - this is critical, currently it displays Projects but we need a better way to get into the Project
* A better design of the relationship between Courses and Pages, Question Sets and Questions.
* Redesign of the Builder
* Redesign of the Search results
* Redesign of Themes page

Not in scope, things that won't change
* The fonts (Google's Robo Slab)
* The main colour (sorry, it's red)
* The separation between Courses, Clusters and Packages and Question Sets and Tests. These will all remain as top level menu items.
* The Bootstrap theme
* We won't be moving to a single page application, i.e. no AngularJS/React or similar.
* The editor and Hakase Objects stay the same

What we don't want
* We don't want massive CSS tweaks. We have some already, but we want to rely on the Bootstrap theme as much as possible
* We don't want just screenshots of pixel perfect designs. We need user experience design.

We will be working on the staging site at
* http://hakase.staging.tetsuwan-tech.com/

I highly recommend that you work through some of the tutorial material to get a feel of how to build Courses and Tests. This is a good start
* https://tetsuwan-tech.com/recipes/youtube-video-with-test/

Do not log into the production system.

Recommended Skills

Employer Feedback

“Ramon provided quick and clear updates based on my feedback.”

Profile image jimrichards, Australia.

Top entries from this contest

View More Entries

Public Clarification Board

  • ScratchCoders
    ScratchCoders
    • 4 years ago

    Please check wireframes at entry #14 and prototype at entry #15

    • 4 years ago
  • Abdallahsaeed1
    Abdallahsaeed1
    • 4 years ago

    Why this font particularly? Can I add new fonts?

    • 4 years ago
    1. jimrichards
      Contest Holder
      • 4 years ago

      I'm not asking for a visual redesign. I want a user interface design, you can use pen on paper if that gets your ideas across. It's about navigation, use flow, etc.

      • 4 years ago
  • Abdallahsaeed1
    Abdallahsaeed1
    • 4 years ago

    #increaseprize

    • 4 years ago
    1. jimrichards
      Contest Holder
      • 4 years ago

      #no #see #previous #comment

      • 4 years ago
  • Nayemhasan09
    Nayemhasan09
    • 4 years ago

    Please share your previous design. That will help me to get all data. Thanks

    • 4 years ago
    1. jimrichards
      Contest Holder
      • 4 years ago

      I expect original work. You can log into the staging server at http://hakase.staging.tetsuwan-tech.com/project with a new account and have a look at the current design.

      • 4 years ago
  • ahmedElbohoty
    ahmedElbohoty
    • 4 years ago

    Hello my friend.
    I am still working on it.

    • 4 years ago
    1. jimrichards
      Contest Holder
      • 4 years ago

      Thanks for the update. Please make sure you understand the requirements of the project. I'm looking for sketches or designs that re-do the user flow, not for just making the interface pretty but functional.

      • 4 years ago
  • ahmedElbohoty
    ahmedElbohoty
    • 4 years ago

    Hello my friend.
    I am checking the flow of your website and i will tell you what i noticed. It will takes at least two days.

    • 4 years ago
  • chancalkmr
    chancalkmr
    • 4 years ago

    Hi, do you want PSD file or Complete Bootstrap HTML files in Final? Also can I submit JPG file of the pages designs before starting the HTML coding?

    • 4 years ago
    1. jimrichards
      Contest Holder
      • 4 years ago

      Please read the design brief, I'm not looks for an eye candy redesign. I want a new user flow from the login page, through to the pages detailed in the brief. I'm not looking for HTML, Photoshop or CSS submissions but something that makes the user flow better. Even if it's hand drawn scribbles on paper and scanned, that's fine.

      • 4 years ago
    2. chancalkmr
      chancalkmr
      • 4 years ago

      Thanks for reply. Very soon I'll submit my design that will show better user work flow.

      • 4 years ago
  • MartinKleinn
    MartinKleinn
    • 4 years ago

    #increaseprize

    • 4 years ago
    1. jimrichards
      Contest Holder
      • 4 years ago

      If you can justify why I should increase the value, rather than just putting single word hash tags, then #no.

      • 4 years ago
  • Beckymoon
    Beckymoon
    • 4 years ago

    Hi,
    I think I can redesign the website. Give me a few days.

    • 4 years ago
    1. jimrichards
      Contest Holder
      • 4 years ago

      Hi, please make sure you understand the project brief. I'm not looking for a pretty redesign, but a change in the user experience to make the user flow better.

      • 4 years ago
  • jimrichards
    Contest Holder
    • 4 years ago

    I've updated the project description to provide some clarity of the work. We're looking for a redesign of the User Experience, not a graphic re-design at this stage. We need the user flow re-worked, from the login page to the edit and view pages.

    • 4 years ago
  • vijaypawar61
    vijaypawar61
    • 4 years ago

    please could you provide "DEMO" credentials to look in details of your website.

    • 4 years ago
    1. jimrichards
      Contest Holder
      • 4 years ago

      Hello, you can go to http://hakase.staging.tetsuwan-tech.com/ and log in with google account or subscribe and make your own account. This is the staging server. You will need a valid email address to log in.

      • 4 years 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!