This project was to assist a client in creating a presentation builder that could combine movies, music, and still images to showcase their students’ talents. The final product was built in Director.
Click on the images to view them.
This is an example project of some of the freelance work I do from a user experience perspective. This project included user research, information architecture, and user experience design with notated wireframes. It did not include visual design. What you see here is one half of the project as the other half was for the internal version of the site.
The problems with the site were brought out in the research, more on the internal than the external, but most had to do with navigation and the ability for users to find what they were looking for. My solution was to give the site updated navigation so that second level was accessible from any page rather than having to click on a section to get to a page to get to the navigation for that section.
Though the site has changed since I first completed this project 4 years ago, you can tell from proposed and the previous sitemaps that many of my most important proposals were implemented and still exist today.
Click the images to view them.
This is an example of a simple storefront designed for SoftLayer in 2012.
The problem this was supposed to solve, which still exists today seven years later, is the inability to purchase different items at the same time. Additionally, it was also supposed also to provide the ability to do quoting and save carts to be able to share and return to at a later time. There were also to be editing capabilities right in the cart including the ability to order multiples of the same configuration or duplicate and make slight adjustments as needed. Lastly, after the sale was completed, there was to be a visual indicator showing in real-time the provisioning state of the items you purchased.
Essential elements to make this work included a complicated exclusionary system on the backend that kept up with your configuration choices to exclude ones later that would not be compatible and did these checks and validations as you made your decisions. Unfortunately, that was never released. Only a few ideas behind the faceting/filtering on the new selection screen and parts of the configuration page made it into the final product that you could see as of March 2019.
Throughout this portfolio, I’ve included images next to each other of the wireframe and the released version that was accessible in March 2019.
Click on an image to view it.
This is an example of redesigning a Software as a Service from the ground up, starting with the navigation. The challenge here was that there were multiple modules within the application that were all developed and designed differently and each had their own set of navigation points. This meant that as a user made his way through the system it was difficult to keep track of where they were and how they got there.
Through user research, I learned that users often used options across all modules during a single session. Additionally, users had a hard time navigating the system and finding what they needed when they needed it. Thus, I redesigned the system so that it was user-centric rather than module-centric. Here are examples of the new navigation system I designed both the visuals and interactions for compared to the original one (at the end). All of the work for this was completed in Adobe Photoshop. The screens you see below are from the released product.
HRSmart has since been acquired by Deltek.
Click on the images to view them.