Portfolio / Project List
Kwanzoo Dynamic and Quiz Ad Creation Application Interface Results
Project Description:An application developer created the customer area interface used to populate the defined content areas of the ad templates.
Project Description:I created iframe prototypes based on defined content needs. After testing using actual content I documented the specific image size and character count limits for each content type.
Kwanzoo Discover Credit Card Quiz Ad Screens
Project Description:Looking back at these in retrospect I think the button on the first screen looks unfinished (should look more like the button on the final screens perhaps) and I wish the 0% and 5% offers on the final quiz result screens stood out more. These might not have been the final-final screens used though.
Insightly.com Responsive Website Design
Project Description:Initial layouts were created by another designer for the desktop screen width then handed-off for me to develop the alternate layouts for mobile devices. I coded layouts to be flexible so they worked on as many devices as possible. With only a couple exceptions, all pages were coded with four primary target sizes in mind beginning with the "mobile first" methodology. Additional media-query breakpoints were created when content areas within the layouts did not degrade gracefully when being resized. Standard sizes I would test and create media-queries for where 480x320 for iPhone landscape mode, 320x480 for iPhone portrait mode, 768x1024 for iPad portrait mode, and 1024x768 for iPad landscape mode and desktop use cases.
Insightly.com Pricing Page Test Variations
Project Description:Presented here are several iterations of the Pricing page I coded or co-designed/developed and maintained 3013 through 1016 while working with the Insightly marketing team, internal designers, and external vendors. Variations were tested using Optimizely and services such as Experiment Engine for A/B testing and conversion optimization along with KissMetrics and Google Analytics for click path tracking. Occasionally I contributed to the visual design while staying true to the look and feel of the Insightly brand. Additionally I occasionally contributed test suggestions based on best practices research, reviewing reported successes on other sites and competitive analysis. Several other versions were created as well, such as using different visual treatments for the title area and plan blurbs. etcetera.
Insightly “Take Control of Your Business” White Paper
Project Description:Example of white papers I would occasionally create.
Project Description:Page was designed by Nick at Insightly. This was not a typical page design that needed to be developed for insightly.com and required some extra Javascript such as for the Easy sectioin slider bar that would show/hide the underlying image based on window scroll or if a user dragged the scrubber and dragged it back and forth.
Insightly Homepage Evolution (2013-2016)
Project Description:From 2013 through 2016 I was the front-end developer for Insightly.com in charge of translating layered Photoshop PSD or Sketch files into HTML, CSS, and Javascript.
Insightly End-User Training Illustration
Project Description:Based on the style of already existing illustrations I would sometimes create new illustrations when needed. Over time some of the characters in the Insightly illustrations get reused and repurposed into different situations such as the training scenario illustrations.