Skip to main content

Marketing & Adtech · Landing Page Builders

Vertical Video Page Builder

We developed a multi-user SaaS platform for creating mobile-native, vertical video landing pages for Shopify e-commerce platform

Vertical Video Page Builder
Focus
SAAS, MVP, CUSTOM-WEB-APP, SHOPIFY
Delivered
19 Aug 2022
Location
Russia

Outcome

22 tenants onboarded and 10 vertical video pages published from the MVP; custom domains and tiered subscription billing handled per tenant.

The Vision & Challenge

A SaaS startup identified a clear gap between how audiences consume content on social media and how businesses capture leads. Traffic from vertical video platforms was directed to traditional landing pages, causing a jarring user experience and high bounce rates. The market lacked a tool for creators and coaches to build marketing pages that felt native to the mobile environment.

The central problem was friction. Non-technical service providers needed a way to translate the engagement of short-form video into a direct conversion tool. They required an intuitive platform to build video-first landing pages without writing code, managing hosting, or wrestling with complex design software. The goal was a product that could be built, launched, and validated quickly.

Our team was engaged to build the minimum viable product from the ground up. We developed the complete web application, from the dynamic, user-facing page builder to the back-end architecture for multi-tenancy and subscription management. The result was a market-ready platform designed for immediate user adoption and revenue generation, and it now carries 10 published pages across 22 tenants.

The challenge

  • The core product required a dynamic and intuitive page builder that could handle multiple media types, including in-browser video recording, for non-technical users.
  • A scalable multi-tenant architecture was necessary from day one to support individual user subdomains, custom domains, and complete data isolation.
  • The business model depended on a reliable, automated system for managing tiered subscriptions, feature gating, and recurring payments.

How we solved it

  • We built the front-end using ReactJS, creating a block-based editor with a drag-and-drop interface that simplified page construction and media management.
  • The back-end was developed on Laravel, architected specifically for multi-tenancy to manage user accounts and domains securely on Digital Ocean infrastructure.
  • We integrated a payment gateway with the application to automate billing cycles for different subscription tiers and built a custom admin panel for platform oversight.
Three shapes side by side. On the left, the vertical short-form video a viewer was watching. In the middle, the conventional landing page it used to open: a wide, desktop-shaped layout with a header, an image beside a column of text, a jarring change of format that drove high bounce rates. On the right, what the platform builds instead: a page assembled as a vertical feed of video, image and text blocks with the call to action in the thumb’s reach, so the destination matches the format the traffic arrived in.

Technologies

What we built it with

Front-end
  • JavaScript
  • ReactJS
Back-end
  • PHP
  • Laravel
DevOps
  • Linux
  • Digital Ocean
Database
  • MySQL
Project screen

Vertical Feed Builder

The platform’s core is a visual editor that lets users build landing pages as a vertical feed. Users add content blocks for video, images, and text, then arrange them with a simple drag-and-drop interface. This allows creators to build mobile-native experiences that mirror the content formats their audiences expect, helping to improve engagement and conversions from social media traffic.

User Subscriptions and Domains

We engineered the platform to function as a complete SaaS business. Every user gets a unique subdomain upon registration, and higher-tier plans allow for custom domain mapping. The system is connected to a payment gateway to manage tiered subscriptions automatically, controlling access to features based on a user’s plan. This provides our partner with a scalable, automated revenue system.

How we built it

Made multi-tenancy the first architectural decision, so custom domains and tiered billing were features rather than rewrites. A page builder that sells subscriptions to many creators has to keep each tenant's data, subdomain and custom domain apart from the start. The Laravel backend was designed for that on Digital Ocean, and the payment gateway integration gates features by tier and bills each cycle automatically. The editor itself is a React block-based builder with drag and drop and in-browser video recording, so a non-technical user assembles a vertical video page without touching a file. Ten pages across twenty-two tenants went live on it.

In the client's words

“Our users will never write code. They record in the browser, drag blocks, and the page is live on their domain. Billing worked from week one.”

NDA - Signed

Have a project like this in mind?

Tell us what you're building. We'll show you how we'd approach it and what it would take to ship.