OSHA

 
 

Roles: Visual Designer, Animator, Motion graphics

Tools: Figma, Photoshop, Illustrator, After Effects, Premier, Audition

Duration: 1 year

 

About the Project

K2share is a SAAS company who partners with it’s sister organization, CareerSafe, in developing software. One of our major clients is the government agency, OSHA (Occupational Safety and Health Administration). By law, certain industries are required to have their employees receive 10 hours of health and safety education that relates to their occupation. By completing this paid online course we created for OSHA, employees will meet that requirement and be eligible for OSHA certification.

 

A Responsive Design project

our Team Dynamics

I routinely participated in collaboration meetings with 2 of the developers, and occasionally, the Chief Product Officer. In addition, there were video chat meetings held every morning with the rest of the team Via Microsoft Teams app. I shared an office with the software engineer manager who primarily worked on the back end development. After I had completed designing the user interface I devoted a lot of time with the graphic designer in creating illustrations, animation, and motion graphics.

2587755-01.png
 

Team Structure

2 UX Designers (which included me)

6 Software Developers

2 Instructional Designers

1 Graphic Designer

 

OSHA’s Primary USERS

 
DE person card construction.png
 
DE person card nurse.png
 
 
accessibility.png
 

Some of our Challenges

  • Due to government regulations the interface had to be designed in a way that met the needs of people with various handicaps.

  • Due to the amount of content, meticulous attention to detail was required in the arrangement of the information architecture.

  • More material to cover than the project bid estimated required lots of over-time and hiring temporary contractors at the end of project.

 
 

Industries Covered In OSHA Course

  • Creating the OSHA 10 hour course was a very extensive project.

  • 10 hours worth of educational safety material for all 8 topics.

 
Occupation pic grid2.png
 
 

OSHA Course

  • The most difficult part of the UI was the complex information architecture.

  • OSHA had strict guidelines for content requiring us to pull all our heads together.

Group 105.png
 

Iterations

Through trial and error I designed and iterated various layouts of each interface until my team settled on a design we felt would best met the needs of the user.

mobile iterations no box.png
 

Some of our Challenges

  • Due to government regulations the interface had to be designed in a way that met the needs of people with various handicaps.

  • Massive amounts of course content required meticulous attention to detail in the arrangement of the information architecture.

  • More material to cover than the project bid estimated required lots of over-time to meet our deadline.

 
 

Designing the Main Menu

Previous versions required users to navigate through portals. We streamlined the process by allowing the user to access all that was needed by carefully arranging each item in the left column menu.

pretest mock.png
 
 
congrats single.png

The Revamping

After passing the course participants are then eligible to receive there OSHA certification card and show their employer they have met the OSHA educational requirements pertaining to that job. I wanted to add more visual flare and improve the aesthetics then the previous course had.

 
tool tool belt crop.png

Additional Learning Tools

Some of the new features that we added was a page students could use to save material they feel might help them study and and prepare the test at the end of the course such as any of the instructional videos, job aids, including the ability to write personal memos.

 

Illustrations

Along with animation and motion graphics I also created many vector illustrations to accompany the learning material to better help engage the students.

illustration.jpg
 
 

Animation & Motion Graphics

I created animated videos to help aid in teaching people taking the course. This was to enhance the entertainment value to improve the user experience.

 
 

 

LEARNINGs

  • Regular white boarding sessions with developers taught me how to communicate more effectively with them.

  • Having strict styling guidelines forced me many times to learn how to think outside of the box creatively.

  • How to sacrifice my own individuality at times while better integrate the creative process as a group.

  • Confidence in my ability to make a significant impact in helping a creative team solve complex problems.