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:
https://www.youtube.com/channel/UCT_of6HCtVZFpnnnLUeAGYA/join
LEARN FROM US:
Build Rock Solid Foundations with our New 12 Weeks long Graphic Design Starter Bootcamp:
https://yesimadesigner.com/courses/starter-bootcamp/
NEWSLETTER:
https://yesimadesigner.com/creative-resources/?utm_source=youtube.com&utm_medium=referral&utm_campaign=adobe_xd&utm_content=webflow
READ OUR BLOG
https://yesimadesigner.com/blog/?utm_source=youtube.com&utm_medium=referral&utm_campaign=adobe_xd&utm_content=webflow
FOLLOW US
https://www.instagram.com/yes_im_a_designer/
PODCAST
https://yesimadesigner.com/podcast/?utm_source=youtube.com&utm_medium=referral&utm_campaign=adobe_xd&utm_content=webflow
Apple - https://podcasts.apple.com/gb/podcast/yes-im-a-designer-podcast/id1462185547
Spotify - https://open.spotify.com/show/2vdeYhJimT7CXTVc09zfoA
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(265883)a(2929456)g(22913796)url(https://www.adobe.com/creativecloud/plans.html
(*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
