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

Hey everyone ✌️ I sold this project in December 2021. Check it out at goodbooks.io!

I'm working on himalayas.app and untitledui.com

Follow me on Twitter for updates: twitter.com/jordanphughes

–––

📚 Good Books is a curated collection of book recommendations from some of the most successful, influential and interesting people around the world.

This project started about 6-months ago when I started to keep track of all the books that I wanted to read and who recommended them. I then got (a little) obsessed with the project and ended up accumulating over 15,000 book recommendations from about 1,250 people...

I built Good Books to share these book recommendations with the world, organising them into simple categories and industries so it's easy to find your next read.

Cheers 🙂

Good Books

Good Books 📚

Fun exercise and tribute to the Stripe Press website! I rebuild a small part of this great website in webflow with 100% native interactions, 3D effects and a little bit of depth. And of course a vintage lava lamp effect (!). Basic page load and section anchor menu is also included.

As content I used some vintage comics (offered by Sotheby's in the past) with a fictive brand called "rarebooks".

No time for more at the moment. Let me know if you like it, I might add some more parts and functions... Meanwhile feel free to clone it – maybe nice for an online shop, artist website, portfolio for printed stuff, etc.

Vintage Comics

rarebooks - vintage comics collection

Cloneable of https://howtomakea.site/

***Update June 2022***
Added a very simple fix for chrome that reduces the overall footprint.

Interactive Book

Cloneable Interactive Book

How do you make a website? Learn about site hosting, domain names, search engine optimization, data protection regulation, and the larger internet ecosystem. In this website owner's manual, you will be introduced to the basic building blocks of website making with and without code. Like books, websites can be many things, embracing their potential for creating community, or publishing and protecting your work against the controlling oversight of social media platforms. Meant for designers, independent publishers, and everyone else who has a website and wants to better understand how sites work. Includes useful links and online tools, a robust glossary, checklists to make sure you don’t miss a detail, and stickers! This book is an accessible introduction to building a website with illustrations and diagrams to help visualize technicalities. Embrace the chaos of the early internet and imagine a better worldwide web.

https://howtomakea.site/

this is a site

this is a site: a website owner's manual | Printed Matter Virtual Art Book Fair 2021

Airbnb

Playing around with creating a fold out A5 card on the web. Using mouse movement and absolute positioning with a simple x-axis mouse movement interaction. All images can be found @jacob.robinson.

Fold out test

fold-out-test

Use this as a starter Template!

My German Webflow community asked for a way to animate an SVG line while scrolling trough a Website. So I made this longer one pager for it. 

If you don't want the line to be animated, just delete the jQuery code in the page settings. 

I had to work with an aspect ratio on the images in order to maintain lazy loading. Otherwise the line was stretched longer every time an image loaded on the page.

Tutorial: https://youtu.be/aL2rbLnTo_4

Travel Booking One-Pager – free Template

Built in Webflow, a scroll controlled interaction. Liked the idea that see an excerpt from a book, you'd have to scroll.

Haven't tried Webflow yet!? Try it here: http://bit.ly/2zey7dS

Books

Book Interaction Experiment

Remaking a hotel hero I designed a while ago in Webflow: You can see the original shot here: https://dribbble.com/shots/4819890-Afrika-Lodge

Added some CSS to customize the date picker UI. Feel free to clone and reuse.

Afrikana Lodge

Afrikana — Lodge

Been thinking about starting a book club, so naturally I built a dope website to showcase the books I've read over the last few years... 

Experimenting with 3D perspectives and some complex interactions here. 

Scroll it, hover it, click it, etc... 

Enjoy...

P.s. All book links are Amazon affiliate links.

Reading List

Raymmar's Reads

Meet a new exciting service made in webflow!

About the product: the eScooter booking service will make your electric scooter rental as optimal and suitable as possible for your needs. Different options with pricing, appearance, and functionality are available to suit people's needs.

Webflow effects enhanced the great design and made the service really fantastic!

We used cyclic animation on the main screen. We applied hover with color change for buttons. The product photo is divided into moving blocks. One more exciting decision is an animated path on the map.

 As you scroll,  product parts with descriptions appear. This webflow interaction allows us to see each part of the product in detail, along with an explanation. 

Halo Lab team created the best clonable website looking great on any device.

Check out more webflow inspiration https://webflow.com/halolab

Follow us
https://dribbble.com/halolab
https://www.linkedin.com/company/halolabteam

eScooter booking

eScooter - Rental Service Website

This is a mock-up landing page for Kukis who needs an Zoom appointment booking system to cater the inquiries for their services.

This site is made for Manila Webflow's 12th Meetup.

Landing page with a Zoom-Calendly button that pop-ups within the page.
Custom code included within the page settings.

Figma file:
https://www.figma.com/file/AqeHZ7qcRvePLFrLtP7GXQ/Meetup-11.-Paano-Magdisenyo-ng-Websayt?node-id=0%3A1

Figma to Webflow Timelapse
https://www.youtube.com/watch?v=RdfXEPkgSos

Full Figma to Webflow video without commentary:
https://www.youtube.com/watch?v=N_2o8zZa9BM

Feel free to clone!

Kukis

Kukis. Custom Calendly Button On-page Popup

1-page template to advertise church events. Featuring banners that are in the ratio of a DL flyer, A6 flyer or Instagram. Design your church flyers in these paper sizes and upload them as the website banners as well. There is simple booking form and dialog box for each event.

Webflow Sections

Church Events Template (cloneable)

Hey guys,

So this is a blog and magazine site I build for a political blog, the focus was on clean content structure. Hope you like it!

Arthur

The Restless Realist

Full design of brand website and booking portal. All website is managed via the Webflow CMS. 

Functionality: 
- Booking Engine
- Custom Filters
- Date Picker

Casas Rurales De Navarra

Rural Airbnb

Hey everyone ✌️

Excited to showcase my first no-code thing.

📚 Best-Books.dev is a curated programming books recommendations from all the programming books list I was able to find on the web.

6 months ago, I wondered what was the most recommended programming books of all-time. So I asked Google about it and compiled all the results in one big list.

I shared the results on Twitter and on my blog and had many people asking me to do this for languages, frameworks, techno.

So I did 😊

And this is how Best-Books.dev was born.

So far I compiled more than 7,000 recommendations from more than 500 lists but I don't plan to stop here.

So, what's next for Best-Books.dev?

📚 Completing 1 recommendation list every week for the next 6 months
📝 Writing other sorts of curated lists
📩 Planning a weekly newsletter with recommendations and new interesting releases

Let me know if you'd love one list in particular in the comments and I'll add it to the list👇

Best Progamming Books

Best-Books.dev

The Flow Lab

This is Mason. A template for music schools to clean up their offerings and get booked out.

It features:

✅ Togglable Colour Mode

✅ Two-word heropage animation

✅ Heropage Lead capture booking form

✅ Customizable full width navigation menu

✅ Custom button interactions 

✅ Smooth locomotive scrolling

✅ Fully responsive design across devices

✅ and more…

Mason Studio

Mason Studio - Music School Template

My prototype for a clean and minimal online shop for art editions and artists' books. 

This one is dedicated to the works of Hungarian conceptual artists Géza Perneczky, who created those artworks in the 1970/80s.

The mini slider on the homepage on hover give you a preview of each book, before clicking and go the the details page.

Discover bookings websites built by the Webflow community

Discover bookings websites built by the Webflow community