Framer Collection

Making Landing Page Template That Suitable For Users Using CMS On Framer Platform

Project Link

Role

UI Designer

Platform

Mobile

Timeline

2 Months

Overview

The goal of this project is to set up a new studio for myself by creating various landing page templates using Framer. Since there is high demand for these Framer templates, I decided to start this project.

Framer Template

Radian Studio

The first template I created was designed for Creative Studio users or agencies who need a ready-to-use template with a minimalist style, enhanced with micro-interactions and scroll animations to make the landing page feel dynamic.

Radian Studio Landing Page

Cruxie AI

For the second template, I created a landing page for AI software, as the trend for AI has been on the rise all year and is expected to continue. I’m targeting users who want to promote their AI solutions through a landing page by offering this template, which features a modern dark UI that adds an elegant and futuristic touch.

Cruxie AI Landing Pages

SEINAI

The third template is an e-commerce template with a Japanese streetwear theme. I created this template for clothing business owners who need a website to sell their products. The use of a CMS in the template makes it easy for users to customize the design to suit their personal style.

SEINAI Landing Page

Making Content Of The Progress

I also documented my journey while creating this Framer template on my Instagram account, japscale, with the goal of building my brand and creating a record for my future portfolio and my path toward freelancing.

My Content On Instagram

Reflection

This project has encouraged me to understand each user’s needs and the various challenges they face. Additionally, creating templates isn’t as straightforward as designing a typical landing page, because we need to understand how to build templates that are easy for many people to customize.