I have worked on mobile, Big Data Applications and eCommerce Applications across a plethora of industries..
I have been working for over 20 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.
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.
Watch Station International by Fossil
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
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.
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.