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

A project for the webflow party challenge
https://webflow-party.circle.so/c/the-party/challenge-2

I used
Finsweet client first system
Finsweet attributes slider

Original project
https://f1fan.webflow.io/

What’s the difference?
- Free 3D asset for the cars
- The fonts I used formula condensed and extended from https://pangrampangram.com which are free for personal projects but you can download them. I used Bebas neue and Orbitron from google fonts as free alternatives.

Big mask text
https://thedesignersfoundry.com/super
A premium font and converted them to svg.

Process on youtube
1. Design https://youtu.be/ANReasCcAIU
2. Build https://youtu.be/LtGDkW0v2UU

Unresolved issues:
- For the slider, I enabled keyboard navigation. But, the text animation does not work.
- Active slider nav item will not show if you navigate to an item outside of your screen with the arrow keys.
- I tried to use a CMS collection on a separate page but the nav item does not show. 

F1FAN-clone

f1fan-clone

Inspired by Pontus Wellgraf's live demo on The Futur livestream with Chris Do, I wondered: can we recreate this amazing After Effects composition in Webflow?

A few hours later, this is the result.(best viewed on mobile/landscape)

Feel free to clone this, comment and like if you find this useful!

Original concept and assets by Pontus Wellgraf.

Formula One

I designed this website for Fernando Alonso's Esports organization, FA Racing. PArtnered with Logitech G, FA is apart of many racing series, and is even in the New GRiD Game! 

About FA Racing: Two times Formula One Champion, Le Mans 24hr Winner and Daytona 24hrs Rolex winner, Fernando Alonso is excited to announce the second season of FA Racing Esports, in partnership with Logitech G.

Discover formula1 websites built by the Webflow community

Discover formula1 websites built by the Webflow community