SEO report of chrisbeamandesign.com

Domain : www.chrisbeamandesign.com/

Character length : 26

Error! The website does not use the OG (Open Graph) protocol.

• <H1> Chris Beaman
• <H2> A UX/UI/CSS Designer living in Huntsville, AL
• <H1> I’ve been designing and building apps and websites for 10 years. Hire me to:
• <H1> Visual Design
• <H2> I design clean, professional, and consistent interfaces that cater to the aesthetic expectations of the end-user. I aspire to always serve the end-user through an iterative design process based on research, testing, and feedback.
• <H3> Collapse 
• <H3> Tools
• <H4> Photoshop
• <H4> Font Awesome
• <H4> Google Fonts
• <H4> Subtle Patterns
• <H4> iStockPhoto
• <H3> Process
• <H4> Guides
• <H4> Shapes
• <H4> Layer Groups
• <H4> Fonts
• <H4> Icons and Imagery
• <H4> Colors and Textures
• <H3> See: Tools & Process
• <H2> Note: Tap or click the images below to see an expanded version in a lightbox. Then, tap or click the left and right arrows on images within the lightbox to view alternate designs for each project.
• <H1> CIO Blogs Mobile
• <H2> While working at IDG, I was tasked with a complete redesign of CIO.com's popular Blogs website. I built the wireframes and designed the UI for both CIO Blogs Desktop and CIO Blogs Mobile - a site that sees about 15,000 unique visitors/day. I focused on creating a clean, simple layout, with a minimal navigation for ease of use.
• <H1> CoachUp Home Page Redesign
• <H2> At CoachUp, we needed a new home page design after we switched to the "Post A Job" model, popularly used by other two-sided marketplace sites, which consists of a lead-capture/concierge form on the home page rather than an interface that allows the user to search the marketplace. At the time, we had also just undergone a rebranding, so we were still playing with our general look and feel. These are mockups I created to incorporate the new "Post A Job" functionality.
• <H1> BeautyMotive v3
• <H2> These are third-round mockups I designed for the BeautyMotive platform. The platform offers YouTubers the ability to find and opt-in to paid promotional video campaigns from beauty and fashion brands. Our web-savvy, predominantly-female audience preferred smooth, colorful layouts that utilize thin, sans-serif fonts and lots of imagery, which is the approach I went for in these designs.
• <H1> Computerworld Insider Marketing Pages
• <H2> Back in 2010, when IDG launched its freemium content model, I was part of the branding and implementation team. The first IDG brand we launched on was Computerworld, and these are mockups I did to market our Insider program. The mockups were intended to look fresh and stylish to convey added value to our userbase.
• <H1> Moving Metrics v3
• <H2> This is a landing page I designed for Moving Metrics, the brand-focused side of the BeautyMotive platform. The design was intended to be stylish yet clear in conveying the value provided by the service.
• <H1> Terrene v2
• <H2> These are the second round of mockups I designed for the sustainable interior goods manufacturing company, Terrene. Featuring a large, eye-catching image on its home page, the design was intended to pull the viewer in and help them focus on the call-to-action contained within.
• <H1> Computerworld Skimmer iPad App
• <H2> This is a prototype I designed for Computerworld at a time when we were exploring building an iPad app to resemble the New York Times' recently released Skimmer tool. The app was intended as a lead-gen app that pairs the functionality of Computerworld's website as well as IDG's Tech Dispenser web product. I aimed to create an interface that would allow advertisers to serve ads while simultaneously allowing us to serve premium, gated content.
• <H1> Car Care Check
• <H2> I designed and built the the initial website for Car Care Check (now called Jaze), a service that helps diagnose car problems for drivers. Our design approach was meant to convey a sense of stress-free car-management to folks who may not know a lot about cars or car maintenance (like myself).
• <H1> BeautyMotive v2
• <H2> These are a couple of the designs I did for v2 of BeautyMotive's Visual Design. I went with a simple approach with lots of white space and gentle shadows to follow in the footsteps of other beauty and fashion sites with a similar aesthetic.
• <H1> Computerworld Newsletter
• <H2> Each of IDG's brands (Computerworld, among them) feature a host of topic-specific newsletters. We were constantly A/B testing different designs on different newsletters reg forms, and this was a design I did for the Technology newsletter sign-up page. The design aimed to simplify what was once a long page of form fields and additional newsletter options. Alas, this design didn't perform so well (users preferred the traditional approach without accordions) but nonetheless it was a valuable design project.
• <H1> CoachUp Coach Profile
• <H2> These are a series of mockups I did for CoachUp's coach profile. While undergoing this project, I also played a role in the information architecture process, determining which content to display to users, using which language, etc. One challenge with these designs was putting the focus on our main call-to-action despite having so much other text on the page.
• <H1> Moving Metrics v1
• <H2> Back in the early days of Moving Metrics, we billed ourselves as video production specialists before going the route of a full technology solution. We teamed up with video-production-savvy YouTubers who became extensions of our Creative Team. These are first-round designs I did for the Moving Metrics content site.
• <H1> Backupify
• <H2> This is a prototype design I did for Backupify at a time when I was vying for a position there. I attempted to take what I thought was a flat and rather dull design and give it life through the inclusion of a human character and bright colors/graphics.
• <H1> CIO Blogs Desktop
• <H2> This is the desktop site design I did for CIO Blogs, in advance of the mobile design shown in my portfolio above. The design offered CIO bloggers a cleaner presentation for their content, as well as better bio pages and more focused taxonomy pages.
• <H1> OurStage Mobile Recommendations
• <H2> OurStage is a music-recommendation and discovery platform for emerging artists, whose algorithms are based on a music-ratings system. They needed a new web and mobile UI for their recommendations tool. These are several in a series of draft mockups to improve the look and feel of that tool.
• <H1> MMotive Landing Page
• <H2> MMotive was an experimental off-shoot of Moving Metrics prior to the creation of the Motive sub-brands. Featuring the once-popular header ribbon approach, this design catered toward young, web-savvy users with its slick shadows, rounded corners, and bright colors.
• <H1> Boston Academy of English
• <H2> In its process of switching building locations, BAE decided to rebrand itself with a new, cleaner design and better access to content. I created this design with the hopes of luring would-be English-speakers using lots of professional imagery and a slick carousel to showcase BAE's beautiful new property.
• <H1> Growth Spark - Astronauts
• <H2> This design was part of a series of fun marketing pages aimed at small business owners. In addition to designing this landing page, I also ran a Facebook ad campaign to draw visitors to the page. The design pokes fun at niche-specific landing pages by isolating a very improbably crop of users - astronauts. Other intended series pages included Ninjas, Snowmen, and Rabbits.
• <H1> ITWorld Help Desk
• <H2> One of my first design projects at IDG was mobile screens and a landing page for a mobile app called ITWorld Helpdesk - a simple "Magic 8-ball"-type app that would display funny help desk quotes at the shake of the device. Sadly, the app never launched, but the design process was fun.
• <H1> ViralGains Dashboard
• <H2> I gave ViralGains' dashboard UI a fresh coat of paint to help make their platform more marketable to brands. The UI features a flexible layout meant to accommodate screens of varying size. While working on the project I also played a role in the information architecture process, helping to determine the order of top-level navigational items as well as their sub-menus.
• <H1> Moving Metrics v2
• <H2> Building off of the v2 design for BeautyMotive, I designed Moving Metrics' brand-focused site to feature a consistent UI, with lots of white space and bold, bright colors. These are a series of mockups I did for various pages of the marketing site.
• <H1> OurStage Desktop Recommendations
• <H2> This is the desktop variant to the mobile music recommendations design above. Users would come to OurStage, be prompted to listen to songs by emerging artists, and then vote on which song they preferred more. The preferred songs would rise or fall in rank based on these votes.
• <H1> Terrene v1
• <H2> This is one of the first Visual Designs I did while contracting for Growth Spark, back in 2009. The client was Terrene, a manufacturer of sustainable home products. The client specified that they wanted a fresh design with a unique look-and-feel, which I attempted to deliver, using lots of green tones and an overlapping sidebar.
• <H1> Uprise Medical iPad Prototype
• <H2> Uprise Medical (now Centrana Health) needed a prototype of its product, designed as an iPad app. I designed this interface to accommodate both the iPad 1/2 and the iPad Retina, with graphics sliced for each.
• <H1> BeautyMotive YouTube Channel
• <H2> Back when Google allowed custom designs on YouTube channels, I designed a series of channel skins for BeautyMotive's YouTube presence. These are two of the more progressive designs, featuring listings of BeautyMotive scheduled programming, as well as hosts for the channel.
• <H1> CoachUp Checkout Flow
• <H2> One of the first things I redesigned after joining CoachUp was our checkout flow, which needed a new UI for processing payments, as well as entry points to let existing users make repayments. This design features a stepped approach, with lots of value points made throughout the flow to drive home CoachUp's underlying value (and convince users to follow through with their purchases).
• <H1> Computerworld Mobile Video
• <H2> These are a couple of mockups I made to help freemium users gain access to gated video content on Computerworld. The designs echo Computerworld's signature yellow background and blue-button aesthetic.
• <H1> Mimoco Info Page
• <H2> This was a landing page I designed for Mimoco that intended to inform new users about who Mimoco was, as well as introduce them to Mimoco's line of Mimobot character-based flash drives. I both designed and coded the page, using tie-ins to our Magento eCommerce platform and Mailchimp newsletter system.
• <H1> BeautyMotive MoMenu
• <H2> While at Moving Metrics I came up with this idea for a video-based channel guide, where users watching our "MoMenu" videos could click linked annotations to be redirected to other videos. The "video" was little more than a slideshow with YouTube annotations layered on top of it. Here are a few of the mockups I made for the slides.
• <H1> IT News
• <H2> These are a couple of designs I did for IT News to enhance their site's visual presence and boost reader registrations. While among the family of IDG sites, IT News was the only pure content aggregation site, with no original publishing of its own. As such, readers often found IT News after searching Google for the term "it news." My challenge was to make the site look lively enough that readers would feel compelled to register for gated content.
• <H1> ChrisBeaman.com
• <H2> See my portfolio sites from the past: These are mockups from prior iterations of my own website.
• <H1> Wireframes
• <H2> Wireframes are important to my design process because they help me to think through my layouts, interactions, and delivery mediums. I take an iterative and collaborative approach to wireframing, making sure that my clients can see and provide feedback on my work as it progresses.
• <H3> Collapse 
• <H3> Tools
• <H4> Omnigraffle
• <H4> Graffletopia
• <H4> HTML/CSS
• <H3> Process
• <H4> Sketch
• <H4> Guides
• <H4> Shapes
• <H4> Stencils
• <H4> Rapid Prototypes
• <H3> See: Tools & Process
• <H2> Note: Tap or click the images below to see an expanded version in a lightbox. Then, tap or click the left and right arrows on images within the lightbox to view alternate designs for each project.
• <H1> CIO Blogs Desktop Wireframes
• <H2> These are wireframes I created for the redesign of CIO Blogs. I worked through nine iterations of wires after an extensive interview process with editors from CIO about the features and functionality they wanted for their site. Specs and annotations for this project were written in Basecamp as opposed to the document itself.
• <H1> CIO Blogs Mobile Wireframes
• <H2> After completing the Visual Design process for CIO Blogs Desktop, I moved into the wireframing stage for the mobile version of the site. The work I did for CIO Blogs Mobile set the stage for each of the mobile designs going forward for other IDG properties. As such, I did all of the research for screen sizes, ad formats, content types, whether we could/should offer mobile commenting, etc. Specs for this document are based off of specs I wrote for the desktop version of the site.
• <H1> NFPA PV App Wireframes
• <H2> These are wireframes I built for the NFPA (National Fire Protection Association) as part of a project to create an OS-agnostic mobile app for solar PV installers. The app was built using Sencha Touch by a third-party developer and deployed via Phonegap. Shown in an iPad frame, the wireframes contain 21 screens and cover all content and interactive aspects of the app.
• <H1> CoachUp Checkout Flow Wireframes
• <H2> These are the finished wireframes for CoachUp's new checkout flow, which previously existed as a single-page operation. My goal with this design was to give the user the impression that the checkout process wasn't very long, while simultaneously showing them a lot of information.
• <H1> IT News Mobile Wireframes
• <H2> The structure of these wireframes is based off of the work I did for CIO Blogs (described above). The website automatically detects the size of the visitor's viewport when visiting the site and shows them either the mobile version or the desktop version.
• <H1> CIO Blogs Slideshow Tool Wireframes
• <H2> Before creating a universal slideshow tool (Roboto: see below), I built wireframes for a CIO Blogs-only slideshow CMS. The tool would streamline the process for CIO editors to create, customize, schedule, edit, and delete slideshows on the site.
• <H1> American Airlines Personas
• <H2> These are personas I researched for American Airlines as part of their Email For All initiative in 2012. I interviewed subject matter experts and employees from seven airline departments at AA to understand how they access digital communications. Up until this point, AA hadn't offered employees a company email address and had no centralized digital communication method. Since airport employees are constantly on the go, AA needed to know how best to distribute information to and support their employees on the new email system.
• <H1> Rent Pay Express Mobile Wireframes
• <H2> Rent Pay Express is a mobile app that allows tenants and landlords to manage their rental experience, including paying and receiving rent via their smartphones. As part of the initial product launch, I built 62 screens for an app that would be built inside a Phonegap shell for portability to iOS and Android. The wireframes include all interactions both inside the app and out.
• <H1> IDG Insider Interaction Flow
• <H2> This is a spec I put together as IDG was beginning to think about its Insider freemium model. The interaction flow shows how users of various types would interact with freemium content, as well as how Insider would be deployed to our existing properties.
• <H1> CoachUp Coach Profile Wireframes
• <H2> These are different iterations of wireframes I built in advance of my Visual Design for CoachUp's coach profiles. A substantial portion of this project involved figuring out which information to show and not to show.
• <H1> Roboto Slideshow CMS Wireframes
• <H2> These are some of the more complex wireframes I've created, showing screens, user roles, and interactions for a CMS application that would allow editors across each of IDG's properties to create, customize, schedule, edit, and delete slideshows.
• <H1> ViralGains Tracker Wireframes
• <H2> These are the green-lit wireframes showing the intended interaction for switching between campaign videos in the new ViralGains dashboard, which I did the Visual Design for, as well.
• <H1> CoachUp Post a Job Wireframes
• <H2> I built these wireframes to document the interaction flow for CoachUp's forthcoming post-a-job feature-implementation, which I did the Visual Design for, as well. The wires show what the user would see as they make their way through the flow, as well as what a successfully posted "job" would look like on a landing page marketed to external coaches.
• <H1> Car Care Check Wireframe
• <H2> This is a wireframe I put together in advance of beginning the Visual Design for Car Care Check's initial website.
• <H1> Widgetbox Tech Deck Interaction Flow
• <H2> These are specs I put together for a new ad format we were exploring at IDG, using interactive tabbed widgets provided by Widgetbox (now Flite). The wires attempt to document all interactions of both the Widgetbox ad and the content box accompanying it.
• <H1> BeautyMotive v3 Wireframes
• <H2> This is a set of wires I built for the informational side of a redesign of BeautyMotive. We didn't end up using this layout, however the wireframes were still valuable in helping us to think through the type of approach we wanted to go with.
• <H1> Computerworld Author Page Specs
• <H2> These are specs I wrote to guide stakeholders and developers on the features of elements of Computerworld's forthcoming Author Pages redesign.
• <H1> Compare Banks Wireframe
• <H2> This is the finished wireframe I built in advance of creating the Visual Design for CompareBanks.com.
• <H1> CoachUp Search Wireframes
• <H2> This is a wireframe I built for a proposed redesign of the Search page. After building this, we determined that this page would be better used as an SEO landing page than as our search page, and thus it because a "hub page" rather than our search page. There is a slight interaction shown in the wires for an extended search vs. a simple search.
• <H1> Computerworld Skimmer Specs
• <H2> These are specs I wrote to describe the intended functionality for my prototype Skimmer app for Computerworld, as part of an effort to help pitch the idea to stakeholders.
• <H1> CFO World Mobile Wireframes
• <H2> The structure of these wires is based off of the work I did for CIO Blogs (described above). This is largely a spec document to outline how the existing desktop site should be ported for mobile.
• <H1> ViralGains Specs
• <H2> These are specs I wrote to guide the development team behind the implementation of ViralGains' new dashboard, which I performed the Visual Design for. I wrote the specs as PDF notes, so only a few small samples of specs are shown. The specs cover aspects from pixel dimensions to interactions within the application.
• <H1> HTML, CSS, & JavaScript
• <H2> I began writing HTML and CSS before I learned to design. Over the years I’ve worked on a lot of different coding projects, from desktop sites to mobile sites to Wordpress and Drupal sites.
• <H3> Collapse 
• <H3> Tools
• <H4> HTML5
• <H4> CSS3
• <H4> jQuery
• <H4> Coda
• <H4> Twitter Bootstrap
• <H4> Wordpress
• <H4> Github
• <H3> Process
• <H4> Boilerplate Files
• <H4> Write HTML
• <H4> Write CSS
• <H4> jQuery Plugins
• <H4> Commit to Github
• <H3> See: Tools & Process
• <H1> Open Huntsville
• <H2> I designed and coded the entirety of the front-end for Open Huntsville. Open Huntsville is an idea I came up with and built with a few friends of mine. It is kind of like LinkedIn for Huntsville. I coded the site to be fully responsive, which means each page and feature, both externally and internally is mobile-responsive. Going forward, as we've continued to make updates to the site, we utilize a design-first line of thinking, whereby all designs are coded in mobile view before attacking desktop view.
• <H1> Boston Academy of English
• <H2> I designed and built Boston Academy of English’s current website. I’ve also done a few smaller development projects for BAE, including a Drupal marketing site and a Wordpress site, neither of which are still in existence. Check out bostonacademyofenglish.com.
• <H1> NFPA
• <H2> I contracted with the NFPA as a UX designer and built out a set of wireframes for their OS-agnostic mobile PV app. I then coded the wireframes into a rapid prototype to be demoed to stakeholders on an iPad. See it here in its static form (no database): http://nfpa.chrisbeaman.com.
• <H1> Above The Fold
• <H2> While working at Above the Fold, I coded a number of custom Wordpress and Drupal themes for clients such as Andy’s Parties (Drupal), Our Money Place (Drupal), Revolve This (Drupal), and Write Biz Plan (Wordpress). I also configured and themed plugins for each platform.
• <H1> Growth Spark
• <H2> While working at Growth Spark I built a couple of small sites and performed maintenance on others. I built Resolute Marine Energy and Babson’s iTower sites as Wordpress themes, as well as Growth Spark’s “Web Design for Astronauts” landing page in custom HTML, CSS, and JavaScript.
• <H1> Moving Metrics
• <H2> While at Moving Metrics, I was Head of Product and built all of the company’s websites from 2010 through 2012. This included several iterations of movingmetrics.com and beautymotive.com, as well as several separate landing pages.
• <H1> Solar Visionaries
• <H2> In 2009 I designed and built Solar Visionaries’ first site as a custom Wordpress theme.
• <H1> The Prettier Party
• <H2> I ported my friend Laura’s then-Blogger site to a custom Wordpress site so that she could have more control over its content.
• <H1> Mimoco
• <H2> While working at Mimoco I was in charge of their weekly newsletters, each of which featured a custom design and build. I designed their newsletters in Fireworks and coded them on top of a custom Mailchimp template.
• <H1> American Anti-Slavery Group
• <H2> I worked as IT Manager for the American Anti-Slavery Group in 2007 and during that time was responsible for all site updates, which involved making updates to the site using HTML and CSS.
• <H1> ChrisBeaman.com
• <H2> I have now had four different portfolio sites, including this one, and have designed and built each one from scratch.
• <H1> User Research
• <H2> I am a big proponent of user research to understand product-market fit. The fluency of a value proposition or the effectiveness of an interface can only truly be determined by its users.
• <H3> Collapse 
• <H3> Tools
• <H4> User Scout
• <H4> Morae
• <H4> Survey Monkey
• <H3> Process
• <H4> Define Objectives
• <H4> Determine Hypothesis
• <H4> Outline Methods
• <H4> Conduct Research
• <H4> Synthesize Results
• <H3> See: Tools & Process
• <H1> Moving Metrics
• <H2> As a founder of Moving Metrics, I built the business from the ground up based on user research. Moving Metrics started as a company that served brands and YouTubers in a variety of markets. Eventually we narrowed our focus to the Beauty market, targeting cosmetics brands and women who produce makeup tutorial videos. Throughout this process I interviewed countless brand representatives, YouTube Beauty vloggers, and makeup consumers to learn about their usability expectations, buying habits, product preferences, familiarity with technology, personal schedules, interests, and more. Every facet of our product was shaped by interviews and focus groups I conducted with our target market.
• <H1> American Airlines
• <H2> I was contracted through Weber Shandwick to create user personas for American Airlines employees. As part of an internal email service rollout to AA staff, I had to get to know the digital communications habits of seven different employee roles at the company. To achieve this I set up phone interviews with a number of AA employees and subject matter experts to understand the habits, preferences, technological limitations, and schedules of my target user group. I compiled my results into a set of user stories told through personas which you can view in my Wireframes section.
• <H1> CoachUp
• <H2> As Lead Designer at CoachUp, my job was to create user interfaces for our target user groups: athletes, parents, and coaches. While redesigning coach profiles, I interviewed a number of coaches to understand their needs from a usability perspective and from a business perspective. As part of my interviews, I would walk coaches through my wireframes and visual mockups, collecting feedback and digging further to understand their emotional and behavioral reactions.
• <H1> CIO Blogs
• <H2> At IDG, parent company of CIO, I was assigned the task of redesigning CIO’s popular blogging site, CIO Blogs. In addition to creating an improved experience for readers, I also had to create an improved presentation for the editors. Prior to building wireframes, I interviewed each CIO blogger who would have a column on the site to understand their expectations, needs, and preferences. Additionally, throughout the wireframing and Visual Design stages, I relayed mockups with editors to get their feedback and help shape the direction of my efforts.
• <H1> OurStage
• <H2> I was hired by OurStage to help architect a website redesign for the brand. As part of this process, my team and I conducted an extensive survey to understand how our user-base used our product. With a variable SurveyMonkey survey and the incentive of winning an iPad, we sent our survey to 50,000 members, whose responses both greatly segmented our market, as well as helped us to understand the strengths and weaknesses of our product.
• <H1> User Testing
• <H2> I test users to understand whether my design hypotheses are correct or incorrect. If they’re incorrect, it’s not a bad thing; it’s an opportunity to try a new approach that may prove more effective.
• <H3> Collapse 
• <H3> Tools
• <H4> Open Hallway
• <H4> User Testing
• <H4> Five Second Test
• <H4> Clicktale
• <H4> Usabilla
• <H4> Solidify
• <H4> Optimizely
• <H3> Process
• <H4> Make a Plan
• <H4> Define A Scenario
• <H4> Arrange Facilities
• <H4> Run A Pilot Test
• <H4> Recruit Participants
• <H4> Facilitate The Test
• <H4> Write A Report
• <H3> See: Tools & Process
• <H1> Moving Metrics
• <H2> In the process of designing and building websites for Moving Metrics, I performed constant user tests, both at a high-level, and through specific conversations with users. I showed mockups and wireframes to users and recorded their feedback, consistently trying to be as systematic as possible so to achieve the most actionable results. I spent a lot of time trying to understand and distinguish users’ emotional feedback from their behavioral feedback.
• <H1> Growth Spark
• <H2> While at Growth Spark I conducted numerous user tests for clients, helping them to understand the value of conversion-optimized design. I implemented Google Analytics and ran traffic reports, I installed heatmap analytics software and identified areas of activity and inactivity, I ran user tests using UserTesting.com and OpenHallway, and I A/B tested calls-to-actions on client sites and internal marketing sites.
• <H1> IDG
• <H2> One of the repeat assignments I had while at IDG was to redesign newsletter signup forms. Many of the registration forms on IDG-brand sites were old and outdated, and it was my job to attempt to improve them. Outside of designing new interfaces, I also A/B tested my designs to understand whether users preferred less or more form fields, hidden or revealed interfaces, and offerings of more or less newsletters to subscribe to. A defining moment in my UX career was learning that our users preferred less web 2.0-style interfaces and more traditional interfaces with long, vertical forms, smaller text, and use of flat colors over gradients and rounded corners.
• <H1> CoachUp
• <H2> At CoachUp, we made a big shift in our home page marketing approach from offering users the ability to search for coaches on our homepage, to giving them a registration form to our concierge service. We hypothesized that a more stylish homepage with easier access to our concierge program would lead to faster conversions and a better user experience for our users. As it turned out, this was the opposite of what users wanted; they preferred to search first, and then be guided into our concierge funnel. It was valuable to undergo this test, as using our “Post A Job” form on our homepage resulted in suboptimal conversion.
• <H1> Mimoco
• <H2> I was initially hired at Mimoco as a front-end developer, helping to improve aspects of the site that were managed by Drupal. Later, I was given the opportunity to try my hand at design, and took over the responsibility of creating each week’s email newsletter. Using Mailchimp as a marketing platform, I designed and built multiple versions of each week’s newsletter, A/B testing each one with a subset of our subscriber-base. This allowed me to understand, from a click-through perspective, which newsletters were most effective. In turn, I would email the winning design each week to the rest of our membership.
• <H1> Product Management
• <H2> Over the years I’ve worn many hats, from front-end developer, to Visual Designer, to UX designer, to founder of an online marketing business. Through this process, I’ve come to appreciate the value of an effective product development workflow.
• <H3> Collapse 
• <H3> Tools
• <H4> Basecamp
• <H4> Asana
• <H4> Trello
• <H4> Google Drive
• <H4> JIRA
• <H4> Onotate
• <H3> Process
• <H4> Sprint Meetings
• <H4> Documentation
• <H4> User Research
• <H4> Mockups
• <H4> User Testing
• <H4> Development
• <H4> QA
• <H3> See: Tools & Process
• <H1> Curse
• <H2> I worked as a Product Manager at Curse Gaming, overseeing product development for Curse's YouTube MCN, Union for Gamers. While at Curse, I led my team's day-to-day agile workflow, including facilitating daily standups and weekly dev retros, writing documentation, building wireframes and clickable prototypes, and ensuring that designs and development met specs and requiirements. I built wireframes and prototypes using Axure. Meanwhile, my team and I used JIRA Agile to manage our product development workflow and Google Apps to manage scheduling, email, and document management.
• <H1> Moving Metrics
• <H2> While at Moving Metrics, we tried a number of different project management applications, such as Basecamp, Redmine, Pivotal Tracker, and Google Drive. We ultimately found a combination of Basecamp and Google Drive to be most effective for us -- the first for collaboration, the second for ideation. With daily meetings rather than weekly meetings, we utilized the same process outlined above for our product development flow.
• <H1> CoachUp
• <H2> At CoachUp, we maintained an agile workflow with weekly sprint meetings, weekly development retros, and lots of iterative design work in between. We used Asana for ideation, Trello for task management, Onotate for design feedback, and Google Drive for documentation.
• <H1> Growth Spark
• <H2> Growth Spark has always been a champion of two pieces of project management software: Spreadsheets (either through Excel or Google Drive), and the 37Signals suite, namely Basecamp, which it uses for client interactions. Each time that I would start a new project with a client, I would create them a Basecamp project, show them how to use it, and upload all project files to it. Whether the client used Basecamp themselves was a different story, however Basecamp served as an important facet of our internal client management flow.
• <H1> IDG
• <H2> At IDG, we used JIRA for all of our project management needs. JIRA proved to be a robust toolkit with support for issue tracking, task prioritization, and code integration. As an enterprise environment with thousands of employees, it was helpful that everyone in the company had access to JIRA. Through role designation and prioritization, employees were able to collaborate on different projects without getting in each other’s way.
• <H1> Above The Fold
• <H2> At Above The Fold, we would meet every week to discuss the projects on our plate, how they were going, and to review design and development work from our team. We used Basecamp as a communications platform, both for clients and ourselves. As my first job working with a creative agency (2008), I learned a lot from Above The Fold about the importance of maintaining structured communication with clients, as well as keeping client-consultant expectations realistic. The knowledge I gained from my time at Above The Fold serves as the foundation for my appreciation for Product Management.

• design62
• wireframes44
• users39
• process39
• page30
• user28
• built26
• site26
• mobile24
• product24
• cio22
• moving21
• tools21
• visual21
• new20
• mockups20
• feedback20
• metrics19
• designed19
• flow18
• all18
• project17
• designs17
• app17
• using17
• testing17
• content16
• them16
• blogs16
• sites16
• specs16
• coachup16
• idg16
• i’ll15
• work14
• management14
• development14
• see14
• understand14
• how14
• research14
• css14
• write14
• tool13
• first13
• approach13
• both12
• google12
• above12
• desktop12
• create12
• test12
• html12
• help12
• used11
• different11
• most11
• basecamp11
• after11
• computerworld11

• these are18
• cio blogs11
• moving metrics7
• tools process6
• visual design6
• landing page6

• tools these are5
• visual design for3
• cio blogs desktop3
• did for cio3
• cio blogs mobile3
• these are mockups3