Going Viral Newsletter

By Francisco Vieira

Landing page and web-based guides for a newsletter based SaaS that unlocks the science behind virality. Stripe payments.

Custom assets created for this project
Plans section, integrates with Stripe
Initial page in an activation guide
Interactive exercises, something that wasn't possible with the original PDF guides
Activation guide document, complete with a real time preview to make it easier for editors to see how the guide will look
Fields common to all activation guides are edited in a separate document, making it easier to update them everywhere at once
Landing page can be edited in CMS too using a page-builder approach so editors can add/remove/edit/reorder page sections. Multiple landing pages can be created if needed, for specific campaigns or A/B testing purposes.

About the project

Hook Point came to us with the idea of creating a paid newsletter where each week subscribers would receive new guides about the science behind going viral in their inbox.

This meant the project had two parts, of which we did both the web design and development, following the design behind other projects we had done for them before.

The first part was converting the guides they already had in PDF format to a web version that could be more easily created and updated by the editors, had the ability to have interactive assignments, and was easier to use by subscribers.

The second part was to create the landing page that would be used to sell the newsletter subscription. We worked with the client on the content and assets to ensure we got the message across, and integrated with Stripe to allow users to subscribe to the newsletter.

You can see the result here: https://goingviralnewsletter.hookpoint.com/.

Sanity was specially perfect for this job, as it allowed us to easily create a document for all the content common to all guides, and a different document type to be used to create the guides with their specific content.

A simple extension to the default fields even allowed us to have support for placeholders in the text common to all guides, which are then replaced on each guide in the React frontend, for example with the guide name, e.g. having a common text 'How {title} stops the scroll' which gets rendered on Dr. Julie Smith's guide as 'How Dr. Julie Smith stops the scroll'.


Other projects by author


Website for LightLab, a technical and decorative lighting company

Francisco Vieira
Go to LightLab

ASCENZA local websites

Websites and Sanity CMSes for four countries of a multi-national company in the crop protection sector (later expanded to 7 countries)

Francisco Vieira
Go to ASCENZA local websites

Digital Spiders website

Our own web(site), where we broke expectations by making you start your visit in the center of the web (as opposed to the usual option of starting at the top of the website). A true challenge to our design and development skills, and a lot of fun to make!

Francisco Vieira
Go to Digital Spiders website