Framer for Marketing

Iterate at lightning speed.

Quickly build unique landing pages or set up dedicated SEO pages to drive traffic to your website.

Insert

Layout

Frame
Text
CMS

Blok

·

bloklondon.com

Published
Desktop
·

1200

Breakpoint
A website example

Mobile

·

390

Breakpoint
A website example
Framer app and a browser with a website example

Marketing teams already running on Framer.

Fast pace.
Full ownership.

Fast pace.
Full ownership.

Fast pace.
Full ownership.

No dependencies on engineers or other teams. Control everything from content, design, and SEO to deployment, version management, and rollback. All from the same product.

No dependencies on engineers or other teams. Control everything from content, design, and SEO to deployment, version management, and rollback. All from the same product.

New Item

Site

·

framer.com

Collections
Blog

7

Team

36

Jobs

8

Add...

Documentation

Title
Date

Featured

Tint

Image

Designing a Web Page

25 April 2022

Yes

How to Become a Web Designer

18 April 2022

Yes

How to Create a Landing Page

3 April 2022

Yes

Building a Navigation

30 March 2022

No

Making Framer Fast

12 March 2022

No

Inspirational Websites Roundup

8 February 2022

No

The Five Levels of Hype

2 February 2022

No

Blog Item
Preview

Save

Title

Designing a Web Page

Slug

designing-a-web-page

framer.com/blog/designing-a-web-page

Date

October 16, 2022

Cover
A dune

gradient.jpg

2560 × 1440

Content

Paragraph

So you’re ready to design the web page for your next big project, but you aren't sure where to start. We get it. Deciding on a web page layout takes some thought, but you can design a site that looks nice and makes your message bolder with a solid plan.


A career in website design can involve the design, creation, and coding of a range of website types. Other tasks will typically include liaising with clients and discussing website specifications, incorporating feedback, working on graphic design and image editing.

No stress with a CMS.

Create blogs, articles, knowledge bases, or any content your site might need. Use custom fields to structure your content and display it across pages and meta descriptions. Visually update and manage your content and ship updates in seconds.

Build new pages fast.

Get more traffic.

Framer canvas
Framer canvas

Nattu 🇲🇻

@reallynattu

Co-founder & CTO

@reallynattu

Our shipping time for any landing page went from over 2 weeks to 2 days thanks to @framer, and any fixes or changes are just 1 click away with no developers involved!

Nattu 🇲🇻

@reallynattu

Co-founder & CTO

@reallynattu

Our shipping time for any landing page went from over 2 weeks to 2 days thanks to @framer, and any fixes or changes are just 1 click away with no developers involved!

Nattu 🇲🇻

@reallynattu

Co-founder & CTO

@reallynattu

Our shipping time for any landing page went from over 2 weeks to 2 days thanks to @framer, and any fixes or changes are just 1 click away with no developers involved!

Ship professional sites.

Ship professional sites.

Ship professional sites.

Framer has all the tools you need to keep your users engaged and your site up and running without hiccups.

Animations & Effects

Set up stunning (scroll-based) animations with a few clicks.

Animations

With just a few mouse clicks, set up stunning (scroll-based) animations.

High-performance hosting.

Framer delivers the fastest page loading globally.

0
0
0

Generate leads

Collect input or newsletter subscriptions with any of our built-in plugins.

Get insights

Track everything with our built-in analytics, Google Analytics and more.

Nov 7, 2022

Unique Visitors

7,702

Total Pageviews

6,811

Nov 7, 2022

Unique Visitors

7,702

Total Pageviews

6,811

Nov 7, 2022

Unique Visitors

7,702

Total Pageviews

6,811

Thumbnails of plugins available in Framer: Soundcloud, Google Maps, Intercom, YouTube, Vimeo, Mailchimp, Hubspot, Spotify

Plugins

Connect to your favorite services.

Thumbnails of plugins available in Framer: Intercom, Mailchimp, Google Maps, Spotify

Plugins

Connect to your favorite services.

Case Study

LottieFiles saves time with Framer.

LottieFiles is an animation workflow platform that’s leading the revolution in motion through a powerful new format, Lottie. We serve a large community from everyday storytellers to motion and graphic designers, animators, and developers working with the JSON-based, scalable animation that is 600% smaller in size compared to GIF.

https://lottiefiles.com/platform

https://lottiefiles.com/platform

https://lottiefiles.com/platform

Problem

Typically, the process for creating and publishing a new page to the website started with designers creating the UI design and handing it off to developers. The developers then built the design and the page went through quality assurance (QA). We needed to ensure the design was accurate and check if it was functioning properly. All of this while we made design adjustments and SEO implementations. Based on the feedback during QA, the developers made changes, and then the page went live. This process took time, and no matter how minor the changes, the developers had to assist the design team to update the changes on the final sites. This is why we started looking for a new tool to enable the designers to optimize our landing page creation and implementation workflow without requiring a developer’s help.

Transitioning to Framer

We wanted to bridge the gap between design and development. Through Framer Sites, we enabled the design team to easily create landing pages and handle revisions with minimal development support. Though there was a learning curve, and it took us a bit to fully adjust at the beginning, once we got the hang of it, Framer helped us save time. We started with simple landing pages. Once we really figured out the platform we added more complex landing pages.

Life with Framer

We have now made several pages on our website with Framer. Once the page has been created, it is much easier and quicker for the designers to make content updates as we don’t have to solely rely on developers. This reduces the time between a content change request being made and going live. There are still times when we need help from developers, but it only happens in specific situations. Framer works great for us because it supports Lottie animations, allowing us to use them on all our pages. Framer’s integration with Lottie also gives us options to specify an animation’s playback properties - such as its speed, its animation direction, or whether it plays on loop. This lets us take advantage of the flexibility that the Lottie format offers.

“Our shipping time for any landing page went from over 2 weeks to 2 days with Framer, and any fixes or changes are just 1 click away with no developers or PR involved”

Nattu — Co-Founder & CTO at Lottie Files