Grammarly.com And More

Onboarding Redesign

I had a chance to work on a full revamp of Grammarly onboarding flow. The project included redesigning the home page, Grammarly extension installation, sign up, and adding personalization steps to tailor suggestions to user's writing style.

One of the main goals of the project was optimizing signup and retention rates. The team gained a lot of knowledge from previous experiments and was eager to apply new findings to design a brand-new onboarding flow.

We started from Grammaly.com. This landing page was a point where onboarding starts for most of the users. We decide to make page ultra minimalistic to focus users' attention on engaging animation that demonstrates the most appealing features of the product.

We conducted two user testings that confirmed our hypothesis about demo videos. Users liked them a lot. It took very little time to understand what the product was about. We also trimmed the page drastically by removing all unnecessary information that users pointed out as confusing.

Another hypotheses for the redesign was the idea of personalization. We let users adjust their experience by answering a couple of simple questions.

Result

We worried that additional steps with personalization would damage activation rates but the A/B test showed that most of the users completed the survey and it resulted in increased retention and signup rates.

Other Grammarly Marketing Web Pages

Over the course of years, I designed many other web pages for Grammarly and developed a design system to keep them consistent and save designers and developers time.