Build a .NET core 5 bootstrap 5 web IU

  • Status: Pending
  • Prize: $250
  • Entries Received: 1

Contest Brief

PLEASE PUT "VET UI PROJECT" in your response to be considered. Automated responses or those who do not, will be immediately blocked and not considered.

We have built an extensive .net core 5 web API in c# that connects to many databases and APIs. Our goal is build a front-end UI for that API that is best-in-class and delivers an outstanding experience for the users.

In conducting market research, we believe the site must implement motion and 3D layering of web elements. A static look will be boring and uninviting and not meet our requirements.

The user will be a United States military veteran, therefore it MUST contain images that reflect what a military veteran would expect. Suggestions include: a flag blowing in the wind motion effect, images of military veterans (not active) such as retirees, amputees, etc. We have a subscription to shutterstock, so any of those images may be used with watermarks in design as placeholders).

We need a marketing page that has marketing information, a signup/registration page, an application page, and a terms and conditions page.

We have chosen to use a standard template for displaying dynamic information. The concept would be for 2-4 boxes to display in the main area on each application page. Each box would have a corresponding image, title text, a more info click area, and a selection click area. The click area could be implemented as an href, button, or another manner of your choosing.

When a user clicks for more info, the box would either flip (front to back) to display the info, or slide the info up - something with motion where they can learn more before selecting that option. Once they select that option, all options should move off the page and the next set of options should move onto the page. This could be implemented with the boxes moving up, or right, or left, but motion is essential. We want a professional look and feel.

The content for each box, including the image, will come from the API. We will asynchronously load the options for the next few potential boxes prior to the page changing so that the page is extremely responsive.

To better illustrate, when the application page runs (after registration), we expect two boxes to slide onto the page:

The page will say something like: We are ready to help you. Would you like to use our system with extra help and explanations, or in expert mode?

Box 1: (basic) I want a lot of help box 2: (expert) I am an expert

when the user selects more info, the box rotates to back side and says:

Box 1: If you need to have as much assistance as possible, select this option. The system will help you do everything you need to do.

Box 2: If you are an expert user and fully understand your needs, click this box and we will take you to exactly where you need to go without delay.

The user then clicks box 1 as their selection.

Boxes move off screen, and 4 new boxes appear.

Box 1: Home loans
Box 2: Education benefits
Box 3: Disability benefits
Box 4: Other benefits

Again, the user can click each box for more info, the box rotates or some other motion behavior, and the info about that option displays. Or the user can select that option and go to the next level, or the user can go backwards to previous level.

The contents of the boxes (images, title, help) will all be dynamically generated based on data from the API.

The application interface you design will simply display boxes (or anything else that looks and behaves in a nifty way), then move boxes off screen and bring new boxes in with new content based on how many boxes the API says it requires. The content isn't important to your design, the function and look is. Again, all content will come from the API. You will pass an ID for the content selected, and new data will be passed back which will tell you how many boxes to display.

We want limited menus and links, and only boxes in main content area to drive navigation.

Thank you for applying.

Recommended Skills

Top entries from this contest

View More Entries

Public Clarification Board

  • ksurat
    ksurat
    • 4 weeks ago

    Hello! Very interesting project. Thank you for the informative brief. I just want to ask. I can see that you mentioned .NET and Bootstrap in the title. Is the submission going to be limited to those two technologies or no, say can we use other frontend frameworks (Angular/Vue/React) instead of just Bootstrap? Thank you in advance for your response! I can write this in scratch but using a framework would greatly improves my workflow :D

    • 4 weeks ago
    1. gcolton
      Contest Holder
      • 3 weeks ago

      Apologize for the late reply, I didn't see it. Our concern is maintainability. We are an experienced .net team, but are not an experienced web UI team, especially with the later technologies. Its hard for me to say yes to using them without making sure we can maintain them.

      Sell me on you and using another framework. It has to work in Visual Studio 2019.

      • 3 weeks ago
    2. gcolton
      Contest Holder
      • 3 weeks ago

      In doing some preliminary research, we wouldn’t be opposed to Angular.

      • 3 weeks ago
  • hassanmunir137
    hassanmunir137
    • 1 month ago

    Can you initiate a chat with me?

    • 1 month ago

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!