How to Fold a Marketing Site into a Web App


by Steve Bailey
Inspirepay Before After
InspirePay homepage before and after realignment

Soon after releasing the new version of InspirePay, CEO Mark Fischer decided it was time to integrate his marketing site with the shiny new web application and refresh the look and content of the marketing site, too.

Mark enlisted the help of Joanna Wiebe from Copyhackers.com to tell the InspirePay story and asked dojo4 to design and build the new site.

From a content perspective, the fusion meant that a single landing page would have to do double duty: familiarize customers with the product and acquaint users with the app. Joanna and Mark first worked on massaging the content from the marketing site into the web app's landing page, using wireframes to place content into discrete buckets. Their clear copy explains how easy it is for folks to use InspirePay to start taking payments.

Next, Anthony Dimitre, resident design wizard at dojo4, turned the content map into an elegant, well-designed web page:

Inspirepay New Design
The redesigned page describes the product and instructs the user

With page designs in hand we moved into implementation. In this case that meant replacing a siloed instance of Wordpress with static pages in the application itself. Serving marketing content from the same container as InspirePay's payment processing application required dojo4 to ensure all assets and 3rd-party embeds were transmitted securely across https. We also integrated the application's authentication into the static page.

Now from the landing page alone, visitors can learn about the product, get a sense of how it works, and sign up to use it. One-stop shopping!

See for yourself: https://inspirepay.com.