Part 1: Assets and Structuring.
The first thing you need to build a website in webflow is to prepare the assets of the website that you've design. For me, I exported all the needed assets from Figma and imported it to Webflow assets manager. Then, I started placing the elements to structure the page.
Part 2: Building the Search Bar
With Webflow it's easy to build tabs and forms since they have a premade components. But of course we still need to style this to match our design.
Part 3: Menu and Video Lightbox
Controlling on how you want to display the menu in webflow is easy. You can select on mobile, tablet or desktop with just a click. Another cool feature in Webflow is the ability to add lightboxes. You just need the url of the video or photo and then you will have a workign lightbox.
Part 4: Carousel Image Gallery
Creating an image gallery on Webflow is easy. By using the carousel element you will have the functionality you need of an image gallery. Also, we will combine it with lightbox so will get the full gallery experience.
Part 5: Final Tweaks
On this final part we're going to build the ramaining section and tweak the little details that needs fixing on the page.
You can watch the full playlist on youtube.
If you enjoyed the tutorial don't forget to share and subscribe on my YouTube channel. And if you want to get notified on my next tutorials please be a part of my creative newsletter by subscribing below.