I am an Interaction Designer + Front-end and Back-end Developer working as the Director of UI/UX & Design at newegg.com, the largest online only tech-focused ecommerce retailer in the United States behind amazon.com.
A unique hybrid
designer and developer
I have also taught at The Art Institute of California - Orange County in the Web Design and Interactive Media Department.
A leader in the field
of User Experience Design
Before that, I was a Senior Web Designer and the Web Team Lead at Esri. I led a team of skilled designers and frontend developers as part of an in-house graphics department that consisted of 35 web, print, publication and large-format designers.
I've done work for:
- Claremont McKenna College
- The Thirst Project
- CIE Studios
- Segue Creative
- Magnetic Creative
- CBS Interactive
- FUEL TV
- FOX Broadcasting
- Film Independent
- Fox Sports
- The Smithsonian Institute
- Jane Goodall Foundation
- Rand McNally
- Meguiars Car Care Products
- FDS Manufacturing Co.
- Los Angeles Police Department
- Riverside County Sheriff's Dept.
- GT Bicycles
- Donovan McNabb
- Ahman Green
- Jamal Anderson
- Jarvis Green
- James Worthy
- Howard Hewett
- Ted Washington
- The Kellen Winslow Foundation
Newegg.com Home Page Redesign - 2016
Newegg.com, is the second largest online only eCommerce retailer in the United States. Since coming onboard as the Senior Manager of UI/UX Design, I have led a dedicated, talented team of UI/UX designers and front-end developers. Now, as the Director of UX & Design, I manage the UI/UX Design Team, the Mobile Design Team, the Corporate Promotional Design Team, and the Email Design Team.
At the direction of the company's founder and with the cooperation of many department stakeholders, I led our UI/UX Design team through a complete redesign of the Newegg.com homepage. The goals of the project were four fold:
- Give the site's front door a modern, contemporary facelift
- Simplify the interface, curating and organizing the necessary elements into a more logical, easier to digest shopping interface
- And the most challenging part; Creating an interface that scaled to fit the narrow width of our tablet using customers while also expanding to fit the large monitors used by a large majority of our desktop visitors.
- Develop and begin implementing a new frontend development framework with a focus on modularity and reusable widgets
Newegg.com Product Page Update - 2016
The first major project I undertook was giving the page template of the most popular page of the site, the product detail page (PDP), a refresh. This was the next major upgrade of the PDP. This project had numerous updates including:
- Increased the maximum width of the page to better utilize the larger desktop resolutions our customers are using these days.
- A floating navigation panel that follows the customer as they scroll down the long format content on the page. Keeping the product image, title, price and an Add To Cart button convenient at all times. It also has quick links to the various tabs of content to make the customer experience as easy to use as possible.
- Consolidated several similarly featured modules and moved them to the top for better merchandising opportunities.
- Added and clarified messaging on the page regarding whom the seller was and who was the shipper.
Newegg.com Product Page Refresh - 2012
Knowing that people skim pages more often than read every word, we added bullet points of features in place of wordy descriptions. All of the pricing details are conveniently grouped near the "Add to cart" button to help make buying decisions easier. Opening up the space a bit, and paying close attention to typography, we were able to update the look and feel with a much more contemporary visual design.
In the past, rolling out a new design, has brought hundreds of comments within hours of being launched. Most not to happy we had changed their website. However, this project launched with almost no feedback from our hundreds of thousands of daily visitors. It has been said that good design is invisible. I think we proved that good design can also be silent.
Claremont McKenna College
Claremont McKenna College (CMC) is just down the road from where I grew up, in Claremont California. This year it ranked #9 for Liberal Arts colleges in US News and World Report's 2012 edition of Best Colleges. I was very fortunate to have been brought in at the beginning of the college's efforts to completely re-design and re-engineer the website.
I was able to contribute to the site's Information Architecture, the User Experience design, as well as design and front-end development. This 9 month process began with wireframes and pages of hand-drawn sketches. They gave me the time to work the process of deisgn. Like a sailboat crossing the ocean, there were lots of course corrections, but the vision was strong and we kept the course.
I am very proud of my contributions to the project and I found the whole experience of working for an organization whose main focus isn't making making money or shareholders happy very rewarding.
Meguiars - Car Care Products
For Meguiars.com I was brought in as a hired gun. The website had been designed, the backend was furiously being finished and the frontend development was underway. The lanch date was set to coincide with the opening day of The SEMA Show, the premier automotive specialty products trade event in the world... in just under 3 weeks. However, the one and only frontend developer was about to get married... in China... and be out of the country for 5 weeks!
After just over a week, I had become the lead frontend developer (the one-and-only frontend developer) for the entire company, working on a 6-figure complete ground-up redesign. Needless to say, there were some long hours, but everything went surprisingly smooth and we made the deadline.
Glee - FOX Broadcasting Company
The Daily Habit - Fuel TV
I was given a lot of creative freedom to design the new fall relaunch of Fuel TV's daily television show The Daily Habit. I wanted to play with some pseudo 3D elements. Using just HTML & CSS, I designed the "This Week" module so that hovering over each day's show title would reveal an image and summary.
The Thirst Project
Launched on World Water Day, March 22nd 2010, this redesigned website for The Thirst Project, is now powered by a Wordpress backend CMS. The large carousel introduces the story of The Thirst Project and how their humble beginnings have brought clean drinkable water to some of the world's communities most in need. Please visit and learn how you can help!
The Simpsons - 20 Years Celebration Flash Intro
2010 marks 20 years The Simpsons, have been on the air. To celebrate this amazing accomplishment, FOX decided to indroduce an animated Flash intro to the header of The Simpsons' website.
I built the animation using flash video, ActionScript 3.0 and a few static images. I programmed the randomized distribution and falling of the confetti that includes gravity and a slight drift to make it seem more realistic.
Film Independent's Spirit Awards Website
As the first event to honor independent film exclusively, Film Independent's Spirit Awards has made a name for itself as the premier awards event for the independent film community. It's a celebration of the spirited pioneers who bring a unique vision to filmmaking.
Each new year brings a new theme and a new look to the Spirit Awards. This year also brought a entirely new site from the ground up. Branding for this site was very important to Film Independent. So, working with their marketing department, I designed this site to complement their "independent" look and feel.
MetaCritic iPad App GUI Design - CBS Interactive
Based upon the website metacritic.com, I designed this spec iPad app to be functional and customizable. I carefully curated the elements from the website to strip away all but the most essential information. The biggest challenge was reducing the depth of information to fit the user's expectations of an iPad app. On websites clicking links to open a new page that reveals more details is what people expect. iPad apps should have information heirarchies that are more flat while not overlaoding the user with too much information.
iPhone Mapping Application
Showcasing the latest technologies in web-based mapping from ESRI, I worked with the Core Development Team to build a mapping application for use on Apple's iPhone. This project included Information Architecture, Interface Design, Icon Design and Frontend Development efforts.
GPS Software Interface Design
Designing the interface for this GPS software required a number of departures from the conventions of web application design. These included designing for touchscreen interaction. Making nice looking, large buttons that don't look too hokey is no easy feat. Also the application is built using C#, a programming environment whose limitations I had to learn. Lastly, this application was created to be run on a number of devices, including laptops, desktops, PDAs, Smart Phones and Mobile Phones, and standalone, dedicated GPS units.