Build a .NET core 5 bootstrap 5 web IU

• Status: Pending
• Hadiah: $250
• Penyertaan diterima: 1

Winner

Ringkasan Peraduan

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.

Kemahiran Disyorkan

• ASP.NET MVC
• Butstrap
• CSS
• HTML5
• Reka Bentuk Laman Web