Next Step Go Capstone System

Web Design /

Next Step Go is a full-functioning system created for our client, Cued-In, for my final capstone class. The purpose of Next Step Go is to help connect employers and businesses with prospective K-12 students in local and regional school systems. The site provides integral networking opportunities that currently do not exist in the market today and serves as an integration between students and businesses.

BootstrapC#jQueryHTMLCSSAdobe XDUx/Ui ResearchLow/High PrototypingBranding

Login Landing Page

The Login page is the initial landing page for the Next Step Go system. The user is immediately prompted to login. If the user does not already have an account, they can select the register button in the top right hand corner and register.

Applications Page

The applications page is where users of the system can view all applications submitted by students. The sort feature located at the top filters applications depending on the category selected. The timeline located underneath displays how many applicants are in what stage of the review process. New applications displayed on the left can be viewed by selecting the eye icon. Once reviewed, the application is moved over to the reviewed applications section on the right side. Selecting the ribbon icon on the right side on a reviewed application activates three call to actions: schedule an interview, extend an offer, or achieve.

Postings Page

The Postings Page is where system users will be able to add opportunities they would like students to see. Opportunities include job postings, learning opportunities, or scholarships which are labeled by a colored bar in the bottom left corner of the card. A user can add a post or filter the cards on the right.

To add a post, the user must select the green button in the top right hand corner. A pop up will ask the user to fill out the post details and the user can specify what type of opportunity it is by selection at the top.

To edit a post, select the edit post option on the card to view post details. To save the changes, select the save button in the bottom right hand corner.

To publish or unpublish a page, select the toggle on the card located underneath the location of the posting on the left hand side. If the card truns grey, the post is published. If the card is white and the toggle is off, then the card is not published.

The Final Product

See the Code

User Research Report

A User Research Report was conducted and created by my partner and I before coding out the system.

Final System Walkthrough

I created a Final System Walkthrough of our final product using screenshots from the C#/Bootstrap files.