Week 2 - Landing Page Analyses: Piecing a GIF recorder from old projects
Last week, I shared about kicking off my project to start selling landing page analyses , useful for those who are the hunt for understanding what goes on in the mind of a visitor when encountering an effective landing page (or learning to spot pages that have a flaw).
My budget for working on this is half a day a week.
This week, I went into the weeds of building an internal tool to help show my audience how I analyze landing pages: I call it my GIF recorder, and it's really more of a visitor interaction simulation recorder.
Here's where I'm at.
- the page to review
- the forces widget (the forces can be expanded/reduced by clicking in the outer corners or near the center)
- extra interactions to record
- the timeline, where interactions are recorded
The goal is that once these interactions are recorded, I can hit a button and it'll play through those interactions, so I can record a GIF summarizing the mental back-and-forth of a visitor when seeing the page **in the context of a particular struggle→progress vector they're going through (the "when, I want to, so I can" context). A page can serve 1-4 of those vectors maybe, and so those will be the basis of my analysis.
Getting to this tool in a half-day:
I re-used parts of a project I had started on a while back: I already had a way to host a screenshot of a site in a scrollable div, the forces widget was already built, and I even had a progress bar that dispatched the progress percentage to an animation timeline to animate the scroll + interactions. Yesterday was about adding the recording aspects.
Anyway, thanks for reading. Next week I should have a crude recording happening, and maybe a rough GIF to show off. We'll see.
