The following is a wireframe, hi-fidelity mockup, and 5 page UX sprint schedule. This portfolio example takes you through a complete round of wireframes, a high fidelity mockup, and most of all the PDF of the development cycle.
Skills Used
- Wireframing
- Rapid Prototyping
- Process Management (Development Planning)
- Rapid Delivery (completed in 3 hours)
Wireframes for “Tracking System for Job Applicants”
Goal: Wireframe the search results list view for a Tracking System of Job Applicants. List view must show certain criteria; Date applied, applicant ID, applicant name, state of process, applicant score, notes on applicant.
Wireframes should show interactions when elements are clicked, and alternate screens once the UI is activated. Annotations of the UI and interaction should be included on the wireframe. A simplistic view of the site flow and permissions gates must also be included, showing the different permission routes for managers and users.
Hi Fidelity Mockup for “Tracking System for Job Applicants”
Goal: Render a hi-fidelity mockup of the search results list view for the tracking system. Mockup is a pixel-perfect layout done in the blueprint.css grid framework. Mockup is ready for conversion into clickable HTML and jQuery. Mockups of other pages for the system were not prepared, and are pending review of the rest of the above wireframe.
Development Sprint Schedule for “Tracking System for Job Applicants”
Goal: Outline and plan for a 12 week development schedule. Schedule is divided up into 6 sprints, labeled as the following:
5 Page Outline for Development Cycle PDF
Accompanying the visual guide is a 5 page PDF outline for the schedule. This schedule could be followed exactly to finish this project. Click the image to view/download the schedule, or click the link below.
Download and view the PDF schedule.
This project was proposed and mapped in a very short period of time. The development of this browser-based application is awaiting active production.
LinkedIn