iContact

Product Development

  • Challenge

    Improve customer acquisition in an increasingly crowded industry.

  • Solution

    Revamp the end-to-end trial experience to increase the number of trial users who successfully send an email and convert to paying customers.

  • Results

    Our React.js email message building application, sophisticated product design, and intuitive trial experience flow positions iContact to over-deliver for new trial users.

Building better email. iContact was one of the original email marketing service providers, and among the most widely used in the mid ‘00s. But the burden of legacy software and interface design made it increasingly difficult to compete against newcomers with responsive email templates and drag-and-drop tools. iContact needed to catch up or risk being outpaced — permanently — so time was of the essence. We partnered with iContact’s savvy product and development teams to redesign the entire application interface, revamp the trial user flow, and develop a modern, feature-rich email-building React application from scratch… all in just fifteen weeks.

  • User-Centered Design Putting Design to the Test

    Backed by weekly user testing sessions, our product definition and UX design efforts stayed one step ahead of development. Our research validated (and challenged) our design decisions, allowing us to make adjustments along the way and giving us confidence that the product we were building would serve both the users’ and the business’s needs.

    How to Create Fast, Searchable Notes for Real-Time Research
    Katherine Olvera, Former Senior User Experience Designer

  • Feature Prioritization Trial Users as the Top Use Case

    By keeping trial users as our priority, we were able to work effectively with the iContact product management team to prioritize the features that would be most usable and useful to iContact trial users.

  • Product Strategy Technical Planning as the Foundation

    The first three weeks of our aggressive timeline were dedicated solely to definition and planning. Working closely with the iContact product and tech teams, we mapped out the ecosystem of our message builder application, created a feature set list, defined our technical approach and conducted comparative research on competitors.

  • Development React-ing Efficiently

    React and Microcosm provided us the direction we needed to quickly build a wide variety of features. This made it possible to implement features like a file manager, image crop/rotate functionality, undo/redo, a custom spell checker, conversion of content to HTML, and much more.

  • Performance Built for Speed

    The performance of an app can have a lasting impact on user experience. Robust Javascript apps can present a number of performance challenges. Webpack allowed us to lazy-load pieces of the application as the were needed, significantly reducing the initial time to interactivity. On top of that, we built a client-side image optimizer and optimized how we loaded custom web fonts.

    Performance Loading Font Picker Previews
    Jeremy Frank, Former UI Development Director

  • Collaboration A Group Effort

    Everything from the way we defined roles and delegated work to the way we committed code and our deployment strategy was optimized for a large team of designers, developers and product managers working together on the same thing at the same time, and getting it done.

Summary

A deeply collaborative effort, we partnered with email marketing company iContact to completely rebuild their core product. This involved everything from technical planning, research, and testing, to cutting-edge application development using React. In only fifteen weeks we redesigned the entire product experience, including onboarding, a new interface, and a sophisticated email builder aimed at making it easy for trial users to become iContact evangelists.