SaaS landing page and UI kit (demo) by Vincent L. AndersonSaaS landing page and UI kit (demo) by Vincent L. Anderson

SaaS landing page and UI kit (demo)

Vincent L. Anderson

Vincent L. Anderson

Demo: a landing page concept for Pellory, a placeholder SaaS brand. Built for a landing page brief; not client work.
In motion at phone width: tour tabs, the hours calculator and the billing switch
I designed and built a complete SaaS landing page for Pellory, a fictional brand, for a landing page brief. It opens with an outcome headline, a product screen mock-up and an email-first trial form, then takes the visitor through a three-tab product tour, an hours calculator they drag to their own volume, illustrative customer quotes, pricing with a monthly and annual switch, answers to common objections and a closing sign-up. Each of its 11 sections has one job, and the page carries 8 calls to action. On a 390 px phone the trial button sits on the first screen, and a trial bar follows the reader down the page. A UI kit covers colors, type, button and form states and the product screen components, and all 14 text color pairs meet the 4.5:1 contrast minimum.
Overview: desktop and phone, and the job of every section
Overview: desktop and phone, and the job of every section
Four stops down the page at 390 px phone width
Four stops down the page at 390 px phone width
UI kit: color tokens, type scale and button states
UI kit: color tokens, type scale and button states
Like this project

Posted Sep 30, 2026

SaaS landing page for a fictional brand: product screen mock-up, email-first trial sign-up, three-tab tour, hours calculator, pricing switch and FAQ, with a UI kit. Responsive on phone, tablet and desktop.