C3PO

80%

Angular 10

100%

Bootstrap 4

90%

Illustrator

100%

508 Compliance

CUSTOM ANGULAR WEB APPLICATION:

  • Client - FDOT Turnpike
  • Contract - Epic Engineering Group
  • Date - August 2019 - July 2020

Background: This application is to create a web application to replace and enhance the work previously done via spreadsheets. Features of this web application include:

  • Management of project requests from various FTE business areas (Tolls, Traffic Ops, Maintenance, etc.)
  • Planning the tentative five-year work program using a risk-based approach
  • Scenario-based "sandbox" of proposed changes / additions / movements in and out of the locked down five-year work program
  • Tracking of miscellaneous and continuing services contracts
  • Dashboard views by role for FTE leadership, program management and project managers
  • Customizable reports for stakeholder meetings and one-off analysis

Team Structure: I worked as part of a small team of a UI/UX designer, a front-end developer, two back-end developers and a business analyst. I served as both the UI/UX designer and the front-end developer for this web application.

My Responsibilities: My task was to design a multi-tasking application experience for easier management of all turnpike program management projects down to the penny. Providing a robust modern UI experience and AA level accessibility for all the FDOT employees to use.

Deliverables: After several meeting with the team and the stakeholders, our team was able to successfully establish a list of deliverables for phase one of this project.

I was responsibile for the following roles on this project:

    UI/UX Design:
  • Site Research For Best Practices
  • Site Maps
  • Low Fidelity Sketches
  • Hi Fidelity Bootstrap Prototype

  • Front-End Development:
  • Coded Custom HTML,CSS,TS (Angular 10)
  • Custom Coded for planning section (Drag n Drop)
  • Git backups and downloads for current local branch development
  • Azure Dev Ops for project management with 2 week sprints
  • Bootstrap 4 User Interface
  • Browser Combatibility

  • 508 Compliance / Web Standards:
  • Coded Custom HTML,CSS for 508 Compliance AA Rating (W3C)
  • Followed FDOT Web Standards for Applications
Example 1 Example 1 Example 1


LOW FIDELITY WIREFRAMES:

Example 1

SITE EXAMPLES:

Example 1
Example 1
Example 1
Example 1
Example 1
Example 1

Adobe Illustrator:

Example 1

TOOLS OF THE TRADE:

Example 1 Example 1