I have worked on mobile, Big Data Applications and eCommerce Applications across a plethora of industries..
I have been working for over 25 years and this portfolio shows off just a tiny bit of the applications I have built in that time. I hope you take the time to go through my blogs and see all the amazing projects I have worked on over the years.
American First Finance
As the Director of UX I developed the customer experience design and worked with all the C-Level executives in the company to craft a vision for the company corporate website. When I started at AFF, their website resembled something from the 80’s and their image was not one to promote trust that the company was indeed cutting edge or had technology new customers might want to use based on the serious lack of design on the corporate site. Explaining this concept to C-Level executives and sales was no easy task and content gathering and creation were probably one of the biggest struggles I have had in my career because their desire for a new corporate website was minimal. Once complete however the company gained over 40% new portfolio growth and additional vertical industries that used the corporate website to sign up and receive their financing options for their in store customers. It was a remarkable turnaround in the last quarter of 2017 that was in large part to the new corporate image and branding I implemented.
I worked with all the departments to get the statistics to show what a great year American First Finance had after the implementation of the corporate website and branding changes.
Created workflows for processes around funding and returns, worked on new designs for the Dealer Portal, Quick Loan screens, and Beta Collection Pages that were still in their infancy and not far from a green screen. I designed, tested and deployed the Consumer Payment Portal using a “Mobile First” methodology.
- Consumer Payment Portal Wireframes – Axure Wireframes Word Document
BIG DATA Visualizations
I lead the efforts to improve the user experience within a variety of homegrown, CMS and foundation applications for software for sales startup now worth 120 million.
The users of these applications vary from Supermarket manager to their Vendors like Hershey’s, Coke, Frito Lay, Land of Lakes, P&G and more.
It was a multifaceted application with many challenges and can definitely be called a BIG DATA application, as it manages in-store inventory as well as warehouse inventory, ad sales, and forecasting.
We saved a Grocery chain over 200 million in one year by streamlining their warehousing, the pick, pack and shipping of the products and reducing Out Of Stocks and products going bad on the shelves through analytics.
Mobile, Web, and Tablet Application
Designed and developed a cross-platform experience for Progress Energy.
- A new web site redesign
- Conversion of traditional offline communications to an interactive iPad application
- Creation of a customer mobile site that was optimized for iPhone and Android devices
This experience was validated for against section 508 guidelines and WCAG Level 2 compliance through extensive accessibility reviews.
We had to create Mood Boards for Progress Energy because it was previously three companies with very disparate color pallets and logos becoming one entity.
These mood boards visually communicate the intended messaging of the site through the use of branding, textures, color, typography and composition.
Through an iterative design process as the UX Expert I can refine the Mood Boards into a single concept that can be used as a jumping point for the visual design.
In order to quantify the effectiveness of a visual design I implement visual preference testing. This is a process that provides metrics for gathering feedback and evaluating design as an independent variable.
This is typically done with a Semantic Differential Survey, which measures the connotative meaning of various visual concepts by rating them on a bipolar scale.
After receiving feedback, we will refine and narrow down the designs to create a single validated design.
To accurately portray the major usage scenarios, I start out with usage flows that identify the key decision points along with the design system action for each user response. The helps set the groundwork for the requirements of the site.
The detailed design is a deeper dive into the various screens, and components that will be included within the site.
This effort requires planning around reusable components and screen layouts. It provides the groundwork for page templates and component functionality that will be developed for the site.
I explore potential solutions through an iterative process.
An interactive prototype defines the layout and functionality of the user interface and allows the Business owners to experience the solution faster.
With an interactive model I can gather feedback early in the design process.
I led the efforts to make the PfizerWorld Mobile intranet more mobile friendly while they were undergoing a SharePoint migration.
By prototyping several iterations the business owners were able to come to a consensus on the final home page designs.
These were the final Home page screens for mobile (they also conceded it for web) and phone.
Global News in Tablet view wraps to two images and three down, with the MyWorld View, Division, and Industry buttons at the bottom.
On swiping up or down the MyWorld View tab becomes active and shows the next section.
The buttons at the bottom act as anchors as well and jump you to that section.
Clicking on an image takes you to the Article View.
We made 7 page Layouts with full Visual design, and prototyped over 25 pages to land on the final 7. Working with local developers, an off shore team and a local intern, who quickly learned how to prototype wireframes. This was a true collaborative effort and I am sure Pfizer will be happy for a long time to come with the design.
Intranets are ofttimes a minefield to navigate politically. Some departments in companies as large as Pfizer might have spent a large amount of time and money to design their intranet landing page and sub-pages. While others have older content migrated and never cleaned up ready for retirement. But when there are over 300 departments doing research and setting up intranets for their departments sometimes it\’s best to create some templates and let them figure out if they want to update and come into the new age of mobile ready design.
Lenovo Support Site
Large Retailer Support Website
Built and worked from wireframes to create a series of high fidelity mockups for five pages Lenovo deemed they needed to go forward with their design. The idea was to stop calls coming into their call center asking if they were still able to get support for their device. Also created all the icons for the Lenovo site, a library of sorts for them to pull from, and definitions on which to use and where. This is where I gained knowledge of triggered APIs!
Watch Station International by Fossil
Watchatation became the bedrock for Fossil.com and all their related sites for Italy, Germany, Japan and Diesel Brands.
Web eCommerce Application
The idea behind Watch Station was that Fossil could stop maintaining all the micro sites for the brands they make.
So each brand would have a landing page they could specifically brand and control what items were on sale and have a place for banners and ad campaigns.
This became the foundation for all Fossil.com websites because it used triggered APIs to bring popular items to the top based on click patterns and social media activity.
There\’s lots more to this body of work but I am just showing a few clips to wet your appetite, go to this link for all the comps!
- highlights key-sort items specific to the brand
Main Featured Platform Region
- Full image
can rotates through multiple features as needed.
(For launch, this will be static.)
- visual representation of featured collections
- correlates with side navigation
- horizontal scroll bar
- background color can be brand specific
Platform Story B
- displays multiple platform stories
- drop down menu sorts men’s and women’s
- horizontal scroll bar
AAA Mobile Experience
Designed, developed, tested and delivered a suite of services in a multi-platform mobile app, integrating system APIs from the national clubs and custom-mapping APIs from Bing Maps.
AAA members can:
- map their location
- summon a tow-truck
- create a detailed accident report in just a few taps
- They can also find AAA offices
- Find AA discounts
- connect directly with a member representative by phone
- Non-members can join AAA directly from the application
This application was later reproduced and became an industry standard offering for Insurance companies.
Fight4Cancer Mobile Experience
As part of it’s work with the Fight 4 Cancer Research foundation, we designed and developed a mobile application that allowed supporters to:
- View fund raising goals
- Contribute a donation
- Make a comment through Twitter
- Track donations
- Track Individual user\’s response to their emails for contributions
- Connect directly with a representative by phone
- Create a personalized FURL to forward on and track your network of contributors
We used FURL so users could track the donations their individual emails generated.
Home Depot Click Here Wireframes
Advanced Auto Parts
I did this shadow mock up to generally lay out content when I was on the Advanced Auto Parts Point Of Sale application. I had occasion to be sent to the intranet to find things and wanted to help them make it more user friendly.
I used this to display a concept of how to better lay out the AAP intranet.
I find that shadow mockups like this one without specific content gets a mixed set of users to the drawing board sooner than one with specifics that might turn the discussion from what needs to be up there. I find intranets are highly volatile, teams come to think of it as their “turf” and it’s hard to get them talking about what NEEDS to be accessible.
DEED Whitehouse Project
This was a project commissioned last minute by the White House to address the needs of users loosing their Unemployment Benefits (referred to as 96\’ers), that would need more help finding jobs and other benefits.
Banners on Benefits.gov and other government agency websites would be pointed and redirected to this site for information.
I was told that even the Secretary of State reviewed the site we created and gave us kudos for a 2 week turn-around.
Education 3D Portal
I tackled the virtual learning environment creating a 3D virtual campus that serves as a backdrop for the students.
Also included in the effort was the mapping and planning of contextually relevant recommendations for improving the learning experience as well as participation in social groups that meet your personal and learning profile.
I worked extensively on User Testing, User Acceptance Testing, and utilizing test case scenarios to make certain the results of the site fit what the business had defined. We did Stakeholder Interviews as well as moderated testing for results on the completed design experience.
Healthcare: Consumer Portal & Mobile Interface
I was tasked to work with Blue Cross Blue Shield of Florida’s internal marketing, development and user experience teams to engage users and design a new member portal.
The site, which provides access to health plan and patient information, was developed with a wide audience of users in mind, so it needed to provide multiple ways of accessing information, which included a mobile interface.
Healthcare: “Physican Portal”
Heath Management Associates is a perfect example of iconography winning the day. When I ran user studies with the groups I found out that most users were people who spoke English as a second language. So we gut checked the icons to see if the users associated the tasks to the icons and increased click through the application by 200%. We had allocated 16 weeks for user acceptance, and by week 2 had about 99%.
English as a Second Language Users (ESL) also increased their productivity by 75% and the turn around to discharge patients went up by over 150%!
This site has been designed with interchangeable CSS to mimic the coloring of any Hospital it was implemented in. A marvel when done in 2007, and still good looking by today’s standards. I think the design I came up with stands up to the test of time.