Portfolio

Below are a few portfolio examples of the work I’ve created. Use the categories to filter the examples by tool if you’re looking for something in particular.

 

View all
eLearning
Video
PowerPoint

Facilities Onboarding Course
Facilities Onboarding Course
Facilities Onboarding Course

Facilities Onboarding Course

This course was built in Articulate Rise and designed for new employees that are unfamiliar with a new office and new office policies. It features a number of different interactions and a quiz to keep employees engaged.

View More

Interactive Retirement Calculator
Interactive Retirement Calculator
Interactive Retirement Calculator

Interactive Retirement Calculator

This financial calculator interaction teaches the learners the core principles of retirement and assesses where they’re currently at in their savings rate. The calculator was built in Storyline 2 using multiple variables to track the user-entered amounts.

View More

Vertical Slider Filmstrip Interaction
Vertical Slider Filmstrip Interaction
Vertical Slider Filmstrip Interaction

Vertical Slider Filmstrip Interaction

This interaction developed in Articulate Storyline 2 showcases a number of images, along with their corresponding content. Users navigate through the content using a horizontal filmstrip in the vertically oriented project.

View More

Interactive Map of Madison

Interactive Map of Madison

This click-and-reveal interaction features a map and zoom regions to display location-relevant content to the learner.

View More

Drop-down Selection Interaction

Drop-down Selection Interaction

This Storyline 2 interaction uses drop-down menus and states to control the appearance of an object. This technique can be used to build a custom avatar for learners. The graphics were mocked up in PowerPoint before being imported to Storyline.

View More

Common Craft-Style Video

Common Craft-Style Video

This video was developed for an eLearning challenge. It features hand-drawn images in the style of Common Craft videos. It was edited in Camtasia.

View More

PowerPoint Device Mockups
PowerPoint Device Mockups
PowerPoint Device Mockups
PowerPoint Device Mockups

PowerPoint Device Mockups

This series of images depicting various devices learners may use were built entirely in PowerPoint using the provided shapes. They illustrate how quickly illustrations can be built if you can’t find the right one online.

View More
.portelement_2 .play-icon.youtube-icon {
background: url(https://allisongoldthorpe.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.youtube.png) center center no-repeat;
background-size: 30% 30%;
}
.portelement_2 .play-icon.vimeo-icon {
background: url(https://allisongoldthorpe.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.vimeo.png) center center no-repeat;
background-size: 30% 30%;
}
.portelement_2 .play-icon {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.add-H-relative {
position: relative;
}
.add-H-block {
display: block;
}
/******/
.portelement_2 {
position: relative;
width: calc(96% – 2px);
margin:5px 0px 5px 0px;
padding:2%;
clear:both;
overflow: hidden;
border:1px solid #EEEEEF;
background:#F9F9F9;
}
.portelement_2 div.left-block_2 {
padding-right: 10px;
display: inline-block;
float: left;
}
.portelement_2 div.left-block_2 .main-image-block_2 {
clear:both;
width:240px;
}
.portelement_2 div.left-block_2 .main-image-block_2 img {
margin:0px !important;
padding:0px !important;
width:240px !important;
height:auto;
}
.portelement_2 div.left-block_2 .thumbs-block {
position:relative;
margin-top:10px;
display: inline-block;
}
.portelement_2 div.left-block_2 .thumbs-block .thumbs-list_2{
padding: 0 !important;
}
.portelement_2 div.left-block_2 .thumbs-block ul {
width:240px;
height:auto;
display:table;
margin:0px;
padding:0px;
list-style:none;
}
.portelement_2 div.left-block_2 .thumbs-block ul li {
margin:2px 3px 0px 2px;
padding:0px;
width:75px;
height:75px;
float:left;
}
.portelement_2 div.left-block_2 .thumbs-block ul li a {
display:block;
width:75px;
height:75px;
}
.portelement_2 div.left-block_2 .thumbs-block ul li a img {
margin:0px !important;
padding:0px !important;
width:75px;
height:75px;
}
.portelement_2 div.right-block {
vertical-align:top;
float: right;
display: inline-block;
width: calc(96% – 240px);
}
.portelement_2 div.right-block > div {
width:100%;
padding-bottom:10px;
margin-top:10px;
}
.portelement_2 div.right-block > div:last-child {
background:none;
}
.portelement_2 div.right-block .title-block_2 {
margin-top:3px;
}
.portelement_2 div.right-block .title-block_2 h3 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:18px !important;
line-height:22px !important;
color:#353535;
}
.portelement_2 div.right-block .description-block_2 p,.portelement_2 div.right-block .description-block_2 {
margin:0px;
padding:0px;
font-size:14px;
color:#555555;
text-align: justify;
}
.portelement_2 div.right-block .description-block_2 h1,
.portelement_2 div.right-block .description-block_2 h2,
.portelement_2 div.right-block .description-block_2 h3,
.portelement_2 div.right-block .description-block_2 h4,
.portelement_2 div.right-block .description-block_2 h5,
.portelement_2 div.right-block .description-block_2 h6,
.portelement_2 div.right-block .description-block_2 p,
.portelement_2 div.right-block .description-block_2 strong,
.portelement_2 div.right-block .description-block_2 span {
padding:2px !important;
margin:0px !important;
}
.portelement_2 div.right-block .description-block_2 ul,
.portelement_2 div.right-block .description-block_2 li {
padding:2px 0px 2px 5px;
margin:0px 0px 0px 8px;
}
.portelement_2 .button-block {
position:relative;
}
.portelement_2 div.right-block .button-block a,.portelement_2 div.right-block .button-block a:link,.portelement_2 div.right-block .button-block a:visited {
position:relative;
display:inline-block;
padding:6px 12px;
background:#429EA6;
color:#FFFFFF;
font-size:14px;
text-decoration:none;
border:none;
}
.portelement_2 div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.portelement_2 div.right-block .button-block a:active {
background:#81D2C7;
color:#FFFFFF;
border:none;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 {
position: relative;
overflow: hidden;
float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-top:45px;margin-left:1%;
opacity: 0; margin-bottom: 10px;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul {
margin: 0px !important;
padding: 0px !important;
list-style: none;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul {
margin: 0px !important;
padding: 0px !important;
overflow: hidden;
float:left;margin-left:1%; width: 100%;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li {
border-radius: 0px;
list-style-type: none;
margin: 0px !important;
padding: 0;
border: 1px solid #ccc;}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {
background-color: #F7F7F7 !important;
border-radius: 0px;
font-size:14px !important;
color:#353535 !important;
text-decoration: none;
cursor: pointer;
margin: 0px !important;
display: block;
padding:3px;
}
/*#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li:hover {
}*/
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a:hover {
background-color: #81D2C7 !important;
color:#FFFFFF !important;
cursor: pointer;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 {
position: relative;
overflow: hidden;
width: auto; margin-bottom: 5px;display:table;
opacity: 0;}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li {
border-radius: 0px;
list-style-type: none;
float:left !important;margin: 0px 8px 4px 0px !important;border: 1px solid #ccc;}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a {
font-size:14px !important;
color:#353535 !important;
background-color: #F7F7F7 !important;
border-radius: 0px;
padding:3px;
display: block;
text-decoration: none;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:hover {
color:#FFFFFF !important;
background-color: #429EA6 !important;
cursor: pointer;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:link,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:visited,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:hover,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:focus,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:active {
color:#FFFFFF !important;
background-color: #429EA6 !important;
cursor: pointer;
}
#huge_it_portfolio_content_2 section {
position:relative;
display:block;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_container_2 {
width: 79%;
width:100%;opacity: 0;
}
@media screen and (max-width: 768px) {
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited {
font-size: 2vw !important;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {
font-size:2vw !important;
}
}
@media screen and (max-width: 600px) {
.portelement_2 div.left-block_2 {
width: 100%;
}
.portelement_2 div.left-block_2 .main-image-block_2{
float: left;
}
.portelement_2 div.left-block_2 .thumbs-block{
width: calc(100% – 250px);
margin-left: 10px;
}
.portelement_2 div.left-block_2 .thumbs-block ul{
width: auto;
}
.portelement_2 div.right-block {
width: 100%;
}
.portelement_2 div.right-block .title-block_2 h3 {
text-align: center;
}
}
@media screen and (max-width: 480px) {
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited {
font-size: 3vw !important;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {
line-height: 3vw;
font-size:3vw !important;
}
.portelement_2 div.left-block_2 .thumbs-block{
width: auto;
}
.portelement_2 div.left-block_2 .main-image-block_2 {
left: 50%;
transform: translateX(-50%);
position: relative;
}
.portelement_2 div.left-block_2 .thumbs-block ul{
left: 50%;
transform: translateX(-50%);
position: relative;
}
.portelement_2 div.left-block_2 .thumbs-block{
width: 100%;
margin-left: 0;
}
}
@media screen and (max-width: 420px) {
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited {
font-size: 4vw !important;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {
font-size:4vw !important;
}
}
@media screen and (max-width: 765px) {
#huge_it_portfolio_content_2 .right-block {
float: left !important;
width: 100% !important;
}
}
#huge-it-container-loading-overlay_2 {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: url(https://allisongoldthorpe.com/wp-content/plugins/portfolio-gallery/assets/images/loading/loading-4.svg) center top ;
background-repeat: no-repeat;
background-size: 60px auto;
}
#huge_it_portfolio_options_and_filters_2{
position: relative;
float: left;
width: 20%;
max-width: 180px;
float:;
margin-left:1%;}

to top button