Portfolio / Project List
IMVU “Scenes” Concept Banner Ad
Project Description:My concept with this ad was to show activities avatars can interact in, such as dancing, riding motocycles, or playing games within the virtual environment.
IMVU “Winter Couple” Seasonal Theme Banner Ad
Project Description:Using animated falling snowflakes to grab attention plus look timely/relevant during the winter.
Insightly Blog Facelift Wireframes
Project Description:Example of some quickie wireframes I would put together to gather initial feedback on. Insightly wanted to jazz up the initial blog page layout so it was more magazine like. The final layout was also based on how it easy was for them to manage image sizes so they appear uniformly when in rows and don't start to look stretched or compressed.
Insightly Conference Standee Roll Banners
Project Description:Quickie roll-up display banners for a conference.
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.
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.
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 “Take Control of Your Business” White Paper
Project Description:Example of white papers I would occasionally create.
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.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.
