Hotspotter

The problem

A landing page for a mobile app has one job: convince a stranger to install it. That stranger usually arrives from a search engine, so the page has to rank, and it has to show real content from the app rather than screenshots of it.

What I did

I built the page in Next.js and used server-side rendering specifically for the SEO benefit: crawlers get complete HTML instead of an empty shell waiting on JavaScript. Favourite places that users shared from the mobile app render straight into the page, so the content stays fresh without anyone editing it.

I also built the image sliders in the app-introduction sections, the part visitors judge the product by before they read a word.

Result

A page that search engines index properly and that shows a living product instead of a static brochure.