-
BusinesSuites Prospective Client Email
Version 1
Project Description:
Click for project detail view
-
Cisco Webex Free Trial Signup Step 2 Form, Multi-variant Test Variations
Version 1
Project Description: To help explain what I was working on and the user experience which I based my decisions on, I created a quick user flow diagram showing screenshots along with short text explanations of the user journey both before and after interacting with the sign-up screens I was working on. This helped focus decisions to specific areas, optimize content to improve user experience, and identify most effective opportunities for multi-variant testing. Each of the variations were based on learnings from other Cisco Webex products, team input/feedback, plus learnings I incorporated from studying best practices in form design, lead generation, and UX marketing design.
Click for project detail view
-
Insightly Homepage Evolution (2013-2016)
Version 1
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.
Click for project detail view
-
AssembledFashion.com Website
Venue Page
Project Description: Assembled Fashion was a brief sub-brand of General Assembly created for this fashion themed conference. Initially when my client had the fashion conference idea I had started designing an entirely different looking website. But as General Assembly became involved with putting on the conference I adopted they're look and feel. It's always an interesting experience adopting another designers look and feel and discovering a new style to work with.
Click for project detail view
-
Vendio SingleFeed “We Make It Easy” Banner Ads
Project Description:
Click for project detail view
-
Vendio SingleFeed “Top Shopping Sites Checked List” Banner Ads
Project Description:
Click for project detail view
-
Vendio SingleFeed “Simple Math” Banner Ads
Project Description:
Click for project detail view
-
Vendio SingleFeed Banner Ads
Vendio SingleFeed 300x250 Banner Ad Directions
Project Description:
Click for project detail view
-
VDOPhone Software Application Interface Redesign
Project Description:
Click for project detail view
-
Cisco Webex Free Trial Signup Step 2 Form, Multi-variant Test Variations
User Flow Map Showing Which Screen Is Being Redesigned Within The Current Experience
Project Description: To help explain what I was working on and the user experience which I based my decisions on, I created a quick user flow diagram showing screenshots along with short text explanations of the user journey both before and after interacting with the sign-up screens I was working on. This helped focus decisions to specific areas, optimize content to improve user experience, and identify most effective opportunities for multi-variant testing. Each of the variations were based on learnings from other Cisco Webex products, team input/feedback, plus learnings I incorporated from studying best practices in form design, lead generation, and UX marketing design.
Click for project detail view
-
ADP Shareholder Communication Trends Demo
Total Number of Items Voted Screen
Project Description: This app demonstrated the kinds of insights ADP could provide based on their data at a conference. The project was managed through a small agency named Printz in San Francisco and developed in Java. Creating the x, y coordinates for each line of text took some time but helped the developer get things in the right place without having to just eye the positions.
Click for project detail view
-
Insightly.com Pricing Page Test Variations
Testing Orange Info Icon Rollover in Features Chart and Learn More Info Area
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.
Click for project detail view
-
FreelanceWebDesigner.com Website Design
Testimonials Page
Project Description: My old site promoting freelance services. The initial idea was to create a look that was inviting and fun to interact with but also futuristic and indicated a technical savviness, perhaps like an interface you'd see in a the Jetsons TV cartoon. This is the result of that direction which combines French curve shapes (a traditional design element) with an electric spark (signifying the electronic age or futuristic direction) to give the design element some life and make ot ‘pop’.
Click for project detail view
-
Insightly.com Pricing Page Test Variations
Test Simplifying Features Chart By Presenting Integrations and Plan Limits In Rollovers
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.
Click for project detail view
-
Storm Ventures Logo Redesign
Project Description: This was a redesign based on another designers work. I reworked the logo mark and updated the font to look more modern along with applying a color scheme I had started using as part of the website redesign.
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 4: Search Interface With Expanded Options
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 3: Property Detail Wireframe
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 2: Search Results Listing Wireframe with Competitive Analysis Screengrabs
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
ContractorsBid Microsite
Step 2 Confirmation Page
Project Description:
Click for project detail view
-
ApartmentSearch.com Search Flow UX Design
Step 1: Search Interface Options
Project Description: Alternate search user experiences wireframed and presented after doing initial design research and competitive analysis. Wireframes show search interfaces which allow users to locate properties they might be interested in by manually entering search keywords, clicking categories, selecting their solution (persona) type, rating importance of features, and other methods. Criteria could also be expanded or minimized depending on how detailed users wanted to get when selecting their needs. Screenshots and walkthroughs of competition were presented to make sure we were providing a familiar, expected, common search interface pattern yet also improving the experience for users.
Click for project detail view
-
ContractorsBid Microsite
Step 1 Form Page
Project Description:
Click for project detail view
-
Stella Summit Landing Page Design
Project Description:
Click for project detail view
-
StormVentures.com Website Redesign
Startup Company Timelines: Illustrating Noteable Steps from Initial Investment to Exit
Project Description:
Click for project detail view
-
Star Wars Summit Logo
Project Description: Art Director: Troy Alders
Click for project detail view
