Discover the best businesslandingpage websites created by professional designers. Get inspired and start planning your perfect businesslandingpage web design today!

Webflow University

A landing page for a SaaS company called Calendar, an upcoming calendar app for space travel and time.

Calendar

Calendar site for Webflow 101 course

Redis Agency

Computers and Networks is a company that offers comprehensive IT solutions for all business processes within one company. We faced several tasks: site wireframing, design and Webflow development.

We have simplified the structure of the site - now only 3 clicks lead the client to the necessary information. On the layout, all the company's projects are placed in an overall map, which makes it easy to navigate through each of them.

As a result, we reduced the number of pages on the site by organizing the content with tabs, while preserving the content.

The key elements of the design were streamlined shapes, bluer and 3D. The design was based on the style of the landing page and spread to the all internal pages.

Компьютеры и сети

Computers & Networks

Now that you have a solid understanding of the box model, HTML, CSS, and the Webflow Designer, let’s start building! Here we’ll walk through a hero section build (typically the top section of a website homepage) and, along the way, we’ll explore flexbox, CSS styling, and how to add and style visual assets.

1. Hero section

Webflow 101: Hero section

A simple & clean landing page for businesses/individuals in the financial services industry. 

Want this template customized for your business?
Visit jasper.studio or email contact@jasper.studio

Free Webflow Templates: https://jasper.studio/templates




Keywords:
Financial Services
Financial Adviser
Finance broker
Landing Page


Financial Services Landing Page

Accurately represent your brand with the free & cloneable Business Landing Page. Comes with 7 sections, interactions, animations, & all within an easy-to-edit template. View/Follow my profile for more templates. 

Want this template customized for your business?
Visit jasper.studio or email contact@jasper.studio

Free Webflow Templates: https://jasper.studio/templates

Business Landing Page

Responsive design is what helps your website content reflow and reposition on all devices — desktop, tablet, mobile landscape, mobile portrait, and the Game Boy Color. Responsiveness is arguably one of the most critical parts of website design and, in this lesson, we’ll fine-tune our site design to reflow perfectly for devices of all sizes.

7. Responsiveness

Webflow 101: Responsiveness

💠 Client ↓
Website designed and developed for ExHigh Air Space.

🔗 Live site ↓
https://exhighaero.co.k

ℹ Description ↓
The client needed a landing page design and development done in a short time span — ~2 weeks. I decided to take a challenge and make a decent looking website! They wanted a minimalistic website with separate contact forms in order to forward submissions to different business emails. I’ve made simple yet cohesive design — and created a foundation for future versions of the site by using a style guide and unified elements such as cards, box shadows, hover effects, icons, etc.

⚒️ Stack ↓
https://georgy.design/stack 

💥 Attention ↓
The copy was provided by the client.

💬 Twitter ↓
https://twitter.geor.gy

👨🏻‍💻 Unlimited design and development subscription ↓
Need a website? Don’t have a designer?
I create nicely looking yet performant websites that get you those sweet leads!
Feel free to reach out → https://georgy.design

ExHigh Air Space

🔴 Express build of a landing page for an aviation management company

In this lesson, we make our site more dynamic and engaging with interactions. With Webflow, you can create awesome interactions — here we’ll show you how to create a button hover interaction using states, and a page load interaction using the Webflow Interactions panel.


8. Interactions

Webflow 101: Interactions

Forms are one of the web’s most powerful and ubiquitous tools. With forms, site visitors can sign up for newsletters, register to an event, request demos, submit feedback, and so much more. In this lesson, we structure and style a form, configure the form’s success and error states, and create an engaging form call-to-action.

5. Form

Webflow 101: Form

Websites often include card layouts to visually display different product features or pricing plans. Here we’ll build a CSS grid-based card design to display a feature image, heading, and paragraph, then style those using selectors and classes. And, along the way, learn about the Webflow Style Manager which gives you total control over managing classes and tags on your site.

4. Cards

Webflow 101: Cards

A footer is the bottom section of your website homepage where you typically add your company’s logo, social links, navigation links, and copyright information. In this lesson, we’ll optimize our site’s navigation — and social media promotion — by building a fully responsive footer section.

6. Footer

Webflow 101: Footer

Let’s build a website navigation bar together. We’ll start with Webflow’s navbar element, edit the content, style the nav links, and create a call-to-action button with a combo class.

2. Navigation

Webflow 101: Navigation

Alighieri Studio

Interested in working with us?
Shoot an email at mislav@alighieri.studio or visit our website: https://www.alighieri.studio/

ViralVerse

Social Media Growth SaaS Website

marketer UX GmbH

Relaunching Micro Mim Japan in Europe with a new Brand an Homepage.

[2023 Showcase] Micro MIM Europe

Micro Mim Europe

With Cascading Style Sheets (CSS), you can use the CSS grid layout to create a responsive section that displays notable logos on your site. This section often displays logos of companies that trust your product.

3. Logos

Webflow 101: Logos

Interested in working with us?
Shoot an email at mislav@alighieri.studio 
or visit our website: https://www.alighieri.studio/

Discover businesslandingpage websites built by the Webflow community

Discover businesslandingpage websites built by the Webflow community