In this video, I will show you how I turn an Adobe Xd prototype into a fully functional responsive site in Webflow with some cool parallax effects and animations.

BECOME OUR MEMBER:
   / @yesimadesigner  

LEARN FROM US:
Build Rock Solid Foundations with our New 12 Weeks long Graphic Design Starter Bootcamp:
https://yesimadesigner.com/courses/st...

NEWSLETTER:
https://yesimadesigner.com/creativer...

READ OUR BLOG
https://yesimadesigner.com/blog/?utm_...

FOLLOW US
  / yes_im_a_designer  

PODCAST
https://yesimadesigner.com/podcast/?u...
Apple https://podcasts.apple.com/gb/podcast...
Spotify https://open.spotify.com/show/2vdeYhJ...

ADOBE CREATIVE CLOUD
If you don’t have an Adobe Xd, or a Creative Cloud subscription yet, you can subscribe to it here:
https://clk.tradedoubler.com/click?p(...
(*We are partners to Adobe. If you purchase through this link you also support our channel.)

0:00 Intro
0:58 Informations/ inspirations
2:37 Working in Webflow
3:09 Adobe XD visuals for the website
6:34 Creating the layout in Webflow
11:23 Adding a slider with images
14:50 Previewing the site
16:15 Adding animations
20:15 Features and Parallax Animation
28:15 Out of Bound Effect

TRY WEBFLOW:
https://wfl.io/yesimadesigner

MILANOTE BOARD:
https://app.milanote.com/1IEhDa1dj65Y35