Ainfographie.com logo animé

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:

Starter Membership

NEWSLETTER:

Resources

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

Podcast


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:

Vous devez vous connecter pour publier un commentaire.
Menu