This project was built with:
Cabana UI - Landing Page

Chris Gala

0

UX Engineer

Frontend Engineer

Website CSS

Framer

LottieFiles

Summary

Consolidated Cabana Ul's separate landing pages for its Framer and Figma products into a single page. Added unique animations, trimmed copy for brevity and boosted social proof of brand with household brand names in logo carousel just above the fold.

Process

The first step was to review both https://cabanforfigma.com/ and https://cabanaforframer.com/ and note the pertinent details of both products. I wanted to avoid including too much information in the consolidated landing page. Too much scrolling is never really a good thing for users. Very few people will read every word and if you're just putting out content for SEO, there's better ways to do that.
Once I had done that, I was able to merge the two pages into one. I also had to update pricing. The tiers needed to be much clearer, accounting for the distinct products, while offering a more expensive bundled version with enough incentives to push the user toward making that leap when purchasing.
Finally, I just needed to polish the finer details like the headliner text, features, and company logos in the brand carousel.

Preview

The following are screenshots of the Cabana UI landing page 👇
Hero section with social proof
Hero section with social proof
Feature grid for Figma product
Feature grid for Figma product
GIF preview of Framer product
GIF preview of Framer product
Like this project
0

Posted Nov 20, 2024

A beautiful landing page for Cabana UI, a design system and UI kit sold in Figma and Framer.

Likes

0

Views

3

Tags

UX Engineer

Frontend Engineer

Website CSS

Framer

LottieFiles

TryOnify Help Center
TryOnify Help Center
TryOnify - Landing Page
TryOnify - Landing Page