Amanda Olsen

Front End Developer User Experience Enthusiast

Portfolio

Technologies: CSS

Aisle3 (company intranet) Time Off Tool

Completed: August 23, 2013

Go check it out:

Tell me more:


This was my first dive into writing a PHP plugin for WordPress. While a co-worker wrote most of it and should receive the credit, I learned and did much tweaking/building new features. The purpose of this experience was to manage time off requests on the company intranet (named "Aisle3").




There are two portions: the user page (hey, I need to request some time off; also it'd be nice if I already knew how much time I had used) and the supervisor page (acts as a dashboard for all requests on that supervisor's team).




There is a third level - the "Operations" view which can see/manage all requests across the company. All of these functions and many more (including the ability to export the requests to an Excel sheet) were built into these two pages. I was responsible for the UX (general layout) and many of the design decisions. Also, I wrote all necessary JS and, like I earlier mentioned, edited/wrote a lot of PHP. It was a great project.


Kenmore.com Category Page Template

Completed: June 1, 2012

Go check it out: http://www.kenmore.com/small-kitchen-appliances/nb-120000000107758?adCell=WH

Tell me more: Kenmore.com needed a template for all category level pages. I developed this using a semi-responsive layout.

Craftsman and Kenmore JSONP Ad System

Completed: May 17, 2013

Go check it out: http://www.kenmore.com/home-vacuum-cleaners-floor-care/c-1040164

Tell me more: I built a JSONP system for managing/displaying ads across both Craftsman.com and Kenmore.com. Besides allowing the ability to schedule the ads, in various groups and as single ads, the system also generates the appropriate Ominture tags for each link on every single ad. Each tag is completely unique. The system as a whole saves much time in managing hundreds of ads weekly/monthly that are added/removed across both sites. The system is also so flexible that it could be easily applied to any other site.

Technologies: CSS, JavaScript, jQuery, JSON/JSONP

Prototype for AMI Manchester Redesign

Completed: October 24, 2013

Go check it out: http://www.amandaolsen.com/AMI/index.html

Tell me more: I built this responsive prototype using Bootstrap and a few other tools. It is for the redesign for the AMI Manchester site. The prototype's primary purposes were to convey to the client what the site might look like, how it might function, how the content might be broken up, and also what copy/content might currently be missing. In this scenario, the wireframing portion of the process was skipped and that seems to have worked well.

Craftsman.com DIY

Completed: January 13, 2012

Go check it out: http://www.craftsman.com/wdiy-projects/dap-120000000160522

Tell me more: "DIY", or Do It Yourself, is a page conglomerating many social media tools and acting as a center for DIY ideas.

Amana.com Mobile Site

Completed: April 30, 2012

Go check it out:

Tell me more: This mobile site helped users choose the best product for their needs and also provided video along the way.

Technologies: CSS, JavaScript, jQuery

Amana.com – Optimized for Tablet

Completed: July 1, 2013

Go check it out: http://www.amana.com

Tell me more: While my team only has access to the front end of this site, I was able to appropriately optimize this site for tablet.

Technologies: CSS, JavaScript, Tablet

AisleRocket.com

Completed: May 23, 2013

Go check it out: http://www.aislerocket.com

Tell me more: As part of a team effort, I helped develop my company's recently redesigned web site. I focused on the contact page in which I used the Google Maps API to implement a customized and somewhat interactive map. I contributed to several other pages and was able to gain a good understanding of responsive design.

Kenmore.com Treat Dirt Like Dirt

Completed: April 5, 2013

Go check it out: http://www.kenmore.com/treat-dirt-like-dirt/dap-120000000302898

Tell me more: This one-page experience includes video and JavaScript animation to provide a more interactive and informative experience for the user.

Technologies: CSS, HTML5 Video, JavaScript, YouTube

Gladiator Events

Completed: July 27, 2012

Go check it out:

Tell me more: I built this one-page experience to be XML driven, which made maintenance of this page much easier.

Technologies: CSS, JavaScript, jQuery, XML