Rebuilt the landing page for TryOnify, a Shopify app that empowers e-commerce merchants with a new payment option, Try Before You Buy. The landing page comes with a more modern design, lively and colorful animations and an integrated lead form using Loops.

TryOnify previously had a landing page that felt a bit dated. The main thing I wanted to stick to was this concept of the website being a "letter to the customer" (credit to Joe Speiser). This meant it had to communicate the following:

The problem

Why solving the problem is hard

Our solution

Who it’s worked for

Why it works

Using this framework, I crafted a clear landing page with a persuasive hook, relevant animations and an interactive feature carousel. As the website came together, it was important to design the landing page responsively to accommodate tablets and mobile devices.

The finishing touch was to integrate a new solution for capturing leads. On the old landing page, TryOnify only collected the user's name and company email. The new page would collect the same data, as well as the storefront's URL, estimated annual revenue and whether or not the store uses Shopify Payments. This allowed us to send different emails to different users since TryOnify does not support other payment providers. We used a native integration that Framer has with Loops, a Y Combinator company. Loops is miles ahead of the old tool, EmailOctopus, and offers a much more intuitive way to capture and manage leads and send automated emails and campaigns.

The following are screenshots from TryOnify's new landing page 👇