The AOL App microsite is a 2015 Webby Honoree for Mobile Sites and Apps / News.

User flow of the User getting an email invite to downloading TestFlight

User flow of User going through TestFlight to downloading beta app  

Final design of the microsite. Design by Wii Yatani. Site coded by Wagner De Paula. 

I did an app-wide audit and came up with a presentaion of my recommendations for a better user and brand experience. 

A page from the presentation deck I created of my recommedations. 

Mail, News and Video redesign. Design by Brian Skuse.

Design by Brian Skuse.

After I began the redesign of the initial phase of the project, I looked into what we could have possibly done in the future with the app.

This concept plays with the idea that this app should be geared around a constant feed. It combined your mail, news and video into one single feed that you could causually scroll through. The only actions that could be taken were read, watch, and delete. 

Here you can read an email and only reply or delete. If you wanted to view a single feed of just mail, news or in this case video, you would tap into the menu and select the feed you wanted. 

The five types of shoppers we were designing for. 

Examined PetCareRx's previous IA and made updates and suggestions of a new structure. Organized their whole inventory into new groupings. 

I took their new taxonomy and designed a new simplified navigation. 

Once I figured out the new information architecture, I converted in into a wireframe to demonstrate to the client how the new primary navigation would look. 

The navigation was to serve as an total immersive experience and contain related content links and cross-selling of other categories such as flea and tick medicine during peak seasons. 

Once we worked out all of the major landing pages we wanted to have, we did an exercise of affinity diagramming for all these pages to map out the features each needed to contain. The five major features were: Location (geo-locating), Personalization, Sell, Service, and Content/Social. 

Once we completed the affinity mapping, we started sketching out several iterations of ideas. 

Wireframe displaying the layering of the five features from the affinity diagramming: Location (geo-locating), Personalization, Sell, Service, and Content/Social. 

Creative comp created by Jillian Fu and Lauren Winslow based on wireframes. 

Used these bubbles throughout the site experience in order to deliver a very rich and customized experience to our customers. The more information they User inputted, the more catered the products and content suggestions became. Tackled the Personalization pillar from the affinity mapping. 

Flea & Tick Tracker that allows the User to input their zip code and find out info on the flea and tick alerts in their area. Also gives them recommendations on types of flea and tick preventatives they should use for their pets. 

The heart of the shopping experience. The PDP, when the User has filled in enough information on their pet, fully customizes to display the benefits to their pet and why it's right for them. 

Creative comp created by Creative comp created by Jillian Fu and Lauren Winslow based on wireframes. 

Enter in all the details of your pet and the site offers personalized recommendations for your pets diet and health. 

THis becomes the summary of the Customer's shopping experience. We allow for complete customization and editing here to gain the Customer's trust and not locking them into anything. We also track the amount of reward points and savings. 

With the usual shipping and billing info, we also had to require prescriptions verifications. This lead to an additional user flow if the User didn't have their vetinarian info saved. 

Recommended primary navigation site map. 

Creative comp created by Pam Tamayo and Khristine Valdez based on wireframes. 

Creative comp created by Pam Tamayo and Khristine Valdez based on wireframes. 

Get all the details of the product you want.

This project started off as a Pitch, which I lead the UX, and casual white board skethcing of ideas and concepts. 

This is where we started to come up with ideas of what the new Pfaltzgraff should be and what it should evoke to our Customers. 

Guerrilla XD card sorting done with a small group of people in order to get a basic understanding of how they organized Pfaltzgraff's major categories and subcategories.

The end result of the card sorting that led to some influence on the new information architecture.

In doing the card sorting, research into their current structure and some consolidation, I came up with a new streamlined taxonomy. 

The recommended organization of their primary navigation. 

The new navigation derived from the card sorting and reorganization of the information architecture. 

Creative comp created by Sharon Lin and Lauren Winslow based on wireframes. 

These diagrams are to inform the developers how the page responds from desktop to tablet. 

Designed to offer a modular design that can be configured and reconfigured based on business needs. 

This is the story of a Pfaltzgraff product. Here we go into details of what the product is and how it can fit into the customers lifestyle. I designed it to tell a story of the individual product, the background of it's design as well as what it can pair with to complete the overall look. 

Creative comp created by Sharon Lin and Lauren Winslow based on wireframes. 

User flow for a first time guest in the experience who doesn't make an account. 

The Brand Gallery displays selected brands in a Carousel and Brand Stripes/Stacks below to feature brand content. User lands on this screen upon opening the LG Plaza application, or upon click of "Brands" in the global navigation. 

Content on this screen may include videos, images, and text. The top portion is reserved for newer brands to display their banner followed by an alphabetical listing of every brand. 

Each brand is given a module to custom fit their brand imagery. Each module consists of 5-8 image and video slots. When the User rolls over a module the whole slot will highlight and if they roll over a video section, just the video will highlight and afford the User the ability to watch it directly from here. 

The Brand Channel is the "Homepage" to each of the brands represented on the LG Platform. The user can access this screen from the brands menu in the navigation, the brand gallery screen. The page can be configured in varying ways depending on the brand. 

Clicking on the "Storefront" would expose the Brand navigation menu. Rolling over a category would expose a left-right navigation to subcategories. 

As the user begins to shuffle through sub-categories in the menu, the sub-category indicator at the bottom of button shuffles to reflect the currently displayed sub-category. We suggested a maximum of 8 sub-categories, but has a hard maximum of 10. Clicking on a button when a subcategory is displayed will take the user to the displayed sub-category screen. As the User cycles through there will be a delay that will refresh the screen with the selected subcategory. Recommended delay is 2 seconds, TBD in development. Clicking will also refresh the screen with the selected category or subcategory

When the user clicks on a product from anywhere within the plaza experience they are taken to a product detail screen in this state.

Once the user has clicked ‘Show Details’ in the minimized panel it will expand to reveal the entire Product Shopping Panel shown here. This panel will provide the user with additional information about the product including reviews and a description along with social and wishlist features.

The Shopping Bag screen is where all of the User's items they've added are aggregated. The User can access the Shopping Bag & Checkout Link under the Bag icon on the Primary Navigation.

Once the User has selected to checkout and the system makes a call to the Middleware to verify all products are still in stock and the same price, this screen displays the option to use the local profile or guest checkout.

The User navigates to this screen via the email entry screen on Guest Checkout.