Portfolio

C.R. England Available Positions Admin - Compensation Tab
C.R. England Available Positions Admin - Compensation Tab

To simplify data entry for all of the variations involved in entering the driver compensation data, a radical new approach was required.

Tasks Performed: Concept and Design, HTML, CSS, JavaScript, jQuery

Technologies Used: Hand-Coding

 

C.R. England Driver Portal Redesign
C.R. England Driver Portal Redesign

For an initiative to increase driver engagement in the Driver Portal, I created 3 Featured Content blocks to feature popular and high-value content, created a News Feed, and added a recent articles feed including Featured Stories.

Tasks Performed: Concept and Design, CSS

Technologies Used: Drupal, Hand-Coding

 

C.R. England FleetPerform Exceptions
C.R. England FleetPerform Exceptions

One of many new screens with which developers could implement my new designs by referencing the style guide I created and by reusing code from similar screens I had redesigned.

Tasks Performed: Concept and Design, HTML, CSS

Technologies Used: Photoshop, Hand-Coding

 

C.R. England Student Placement
C.R. England Student Placement

This screen was optimized for quick comprehension of relevant data.

Tasks Performed: Concept and Design, HTML, CSS, jQuery

Technologies Used: Hand-Coding

 

This redesigned screen has many features which make it more usable:

C.R. England Trailer Detention Audit
Before
C.R. England Trailer Detention Audit
After
C.R. England Trailer Detention Audit
After, with Pagination
  • A more legible font - Myriad Pro
  • Increased line-spacing, borders between rows, and consistent background colors on the rows all make it easier to read the data.
  • Highlighting the data instead of the labels
  • Collapsing the filter pane out of the way into a "drawer" puts the focus on the data
  • A collapsed/expanded row indicator
  • It is now clear which subtab is in the foreground
  • Combining start data and stop data into a single table to highlight relationships between like fields at different stages
  • Pagination which is easier to read and easier to navigate

Tasks Performed: Concept and Design, HTML, CSS, jQuery

Technologies Used: Photoshop, Hand-Coding