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

Hey all ✌️

I've been working with animations and Typed.js recently, so I designed and built this page from scratch to test out a few different styles. 

Decided to showcase and make it cloneable for everyone! Feel free to use it for commercial or personal projects.

Images are from Unsplash.com

Like my work? Take a look at my other projects (www.webflow.com/philip)

Homely

Homely Homepage

The images appear as you hover, they stick to the mouse and overlay the text. This effect could be used well in a portfolio or as a listing of services.

Watch the tutorial:
https://youtu.be/98XsJAtAYyM

Text Grid with Magnetic Images on Hover

Hello fellow Webflowers,

We have built a fresh freebie services overview page. All categories with associated references are dynamically loaded with Webflow collection items. - you can simply add new categories or associated references and remain a good user experience by enabling the progress bar indicator. 🤩 

The progress bar we created scrolls to the dynamic collection blocks, this is 'normally' not possible, because collections can't have anchor links. We resolved this with a nice hack by assigning an 'ID' to the collection classes 😄 thru an embed and then converting the progress bar links to anchor links so you can scroll back and forth thru all the collection items. 🤙

If you like this project and find it helpful please like ❤️ it so other Webflowers can see this project and use it on their next website 🙌

Dynamic collection progressbar

Progressbar - anchor links - Dynamic Collection

I blended my recent seamless page tabs, along with a phone and background animation to build a fun conversational landing page. The conversations are CMS driven, and load randomly, so you can plug in a bunch of them and create a unique experience for your visitors. 

The portfolio section is a cloneable built by Aaron Rudyk which Icustomized to fit the  theme of this project. Find the original here => https://webflow.com/website/a-project-section-that-slaps

For the contact form, you can thank the folks over at Flowbase. I took one of their popular form templates, and again, made minor modifications to fit the theme. Find the original here => https://webflow.com/website/Webflow-Onboarding-Form-Clone

The site also includes an area to add a custom menu with a Lottie animation as a trigger and the navigation goes from left sidebar to bottom footer for simplicity on mobile devices.

Text Message Landing Page

text-message-landing

Ready to go full site template. Designed for a hair salon, but it can be easily adapted for any service business. All services and blogs are CMS driven. Very easy to manage. Enjoy.

Nolas Salon

Salon / Business Template

Snowhouse Team

Snowhouse v2

Snowhouse Studio

A prototype of a Breakfast delivery service homepage.

Prototype-Breakfast

Breakfast Website Homepage

It's hard to get traction on a SaaS product. 

We all know that getting your product in front of the right people is incredibly important, but it can be difficult to do this without spending money on advertising or hiring expensive salespeople.

This Webflow Template will help you find early adopters for your software. This way, when users can easily convert to loving customers! When you launch, these people will become paying customers and have no trouble converting others who are searching for a product like yours!

I use this guide from Sumit Hegde to help SaaS brands grow and I also teach Webflow with this in my Meetups.

If you're a SaaS business owner, you can message me for more customized websites. hey@jpthedio.com

Feel free to clone this. Enjoy! :)

SaaS Guide

SaaS Website Template

Need a capabilities section for your design/development business?
Check this out!

Animated gradient background, 4 service' cards in grid, icons, and all of that interactive.

Feel free to clone the whole project.
Based on Client-first by Finsweet, just sayin' ;) 

Animated Gradient Capabilities Section (Cloneable)

GRAPHiMEDIA is a UK based advertising and design agency. I decided to make this project cloneable, so go ahead and CLONE IT I look forward to seeing what you make of it!

GRAPHiMEDIA

Some Service Cards with a Rotation Hover interaction including a highlight effect. All based on the Webflow Tutorial example. Clone and play around with colors, also the rotation could be a bit improved...

Service Cards x Rotation on Hover

Clone: Service cards x rotation on hover

Just some perty neat things I've put together from different clonable to ma a handy section for displaying questions and answers.

Slide Image FAQ Section

Slide Image FAQ Accordions

A creative and unique website design explorations based on a shipping service category 

Hope to see to feedback on this! And feel free to Explore :)

Shipping Sass Web Layout

Shipping-sass-web-layout

ITA Group

A mesmerizing little down page animation built only with Div's and IX2!

Generic Down Page

Animated Down Page

Oregon is a Transport, Logistic Website focusing on transportation and other service-oriented businesses.

Oregon Transport

oregon-transport

Simple and responsive SaaS Webflow Template.
Build fully in Webflow without custom code.

My portfolio: https://fojcikdominik.com
Linkedin: https://www.linkedin.com/in/fojcikdominik
Instagram: https://www.instagram.com/_fojciko

Made with Client-first


Simple SaaS Template

Our video production company website. Designed to showcase our corporate, music video and short film work. As well as post production services. https://www.vesio.uk/

Discover service websites built by the Webflow community

Discover service websites built by the Webflow community