Wix Design Tutorials: Creating a Strip-Based Site with Scroll Effects and Animation

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 มิ.ย. 2024
  • In this tutorial, we’ll show you how to create an entire strip-based website with multiple design effects. This technique is good for any kind of website, but it’s especially great for a design studio, production agency or product showcase.
    View the template from this tutorial: www.wix.com/website-template/...
    Wix.com
    The Web Is Your Playground
    Start Creating : www.wix.com/designers/playground

ความคิดเห็น • 35

  • @blim2020
    @blim2020 4 ปีที่แล้ว +25

    THANK YOU. My portfolio just got a huge makeover because of this.

  • @diegocs8
    @diegocs8 5 ปีที่แล้ว +1

    You have some really cool design ideas! Thanks for sharing.

  • @pelumiomotoso7675
    @pelumiomotoso7675 ปีที่แล้ว

    I’m definitely trying this out , Great

  • @RichSpirit
    @RichSpirit 3 ปีที่แล้ว +3

    I have to go slow-motion on this video to Get everything :D but its quite amazing ! Thank you !

  • @ArtSeallion
    @ArtSeallion 5 ปีที่แล้ว +8

    Lol damn this really went somewhere super amazing!!!

  • @davidkonevky7372
    @davidkonevky7372 3 ปีที่แล้ว +6

    Honestly I didn't know the potential of Wix until one of your videos came in lmao

  • @garymurray3615
    @garymurray3615 5 ปีที่แล้ว +10

    Hi, great tutorial, How does this type of design translate in the mobile web browser. Can you please show the result in Android and or iOS browsers...very important to clients and customers as often the first place your website is viewed is on some type of mobile device.

  • @LifeisAisha
    @LifeisAisha 3 หลายเดือนก่อน

    Pretty good 👌🏾

  • @balmoralwatersportscentere909
    @balmoralwatersportscentere909 4 ปีที่แล้ว

    Thank You

  • @webdesignlondon
    @webdesignlondon ปีที่แล้ว

    What's the dimensions of the ruler lines and how did you get them to repeat down the page? I am assuming this was wireframed or designed in another software and you then added the dimensions later on?

  • @saptarshighosh16
    @saptarshighosh16 4 ปีที่แล้ว +2

    I don't have a 3d object background. I tried following the same method but by using a solid color background and an image on each of the top layers. Enabled the reveal scroll effect,but it didn't work. Is there any way i can make it work, or using the background image is the only option?

  • @bibibububaba
    @bibibububaba ปีที่แล้ว

    Great....😁

  • @antnhec
    @antnhec 3 ปีที่แล้ว +1

    THAT BRILL, WHEN I PUT THE effect on, it goes tiled and wont let me just have the single image oprion anymore, is it poss to advise on why this happens. Thanks

  • @saiprakash6483
    @saiprakash6483 4 ปีที่แล้ว +4

    HOW TO FOLLOW THIS FAST TUTORIAL?

  • @mdhamimprodhan4993
    @mdhamimprodhan4993 ปีที่แล้ว

    can you plz tell me where I found your videos ?🙏🙏🙏🙏

  • @jazzartkitty
    @jazzartkitty 3 ปีที่แล้ว +4

    great but way too fast. I was really hoping to see how to connect an inserted strip to an above menu item. I added a new link on menu and connected the link in MANAGE MENUS as well as an anchor but it doesnt work... using this same type of strip rolling site.

  • @aphrodi_artist602
    @aphrodi_artist602 3 ปีที่แล้ว

    Hi I would like to ask for help regarding an enlarged page in my website.
    I accidentally clicked something ( which I don't know what it is ) and boom all items and texts in my home page got extra larger , and I cant seem to undo it.
    What should I do?

  • @robbglow
    @robbglow ปีที่แล้ว

    I wish it was this easy to do a reveal effect on mobile. Learning velo or trying editor x for that.

  • @ShoSho-cq7ct
    @ShoSho-cq7ct ปีที่แล้ว

    ok but like how do I add animation when I scroll up? This animation only works scrolling down tho

  • @bruceweng4014
    @bruceweng4014 5 ปีที่แล้ว +2

    This tutorial is very helpful that improves my design level. I like the idea of the transition of different backgrounds and the hand. In the meantime, I really like these design elements such as the 3D hands and these weird but smooth 3D animations. They look like made by C4D. Can you let me know where I can get the animations in this style? If you create them by yourself, I was wondering what is the style of these animations? I would like to do some research on it and see how I can start this. Thank you!

    • @bruceweng4014
      @bruceweng4014 5 ปีที่แล้ว

      @@wixplayground7678 Thanks for sharing! Your studio's work is wonderful!

  • @anniehatuanh
    @anniehatuanh 3 ปีที่แล้ว

    I need to admid that Wix website is really hard to do creative hover and scrolling effects

  • @cynthiahopkins963
    @cynthiahopkins963 4 ปีที่แล้ว

    :o !!!

  • @Johnkels100
    @Johnkels100 3 ปีที่แล้ว +3

    why can't these videos be shown in real time !!!

  • @alejandrasolano3023
    @alejandrasolano3023 3 ปีที่แล้ว +1

    Those settings doesn't work like you show here :(

    • @B_Migs
      @B_Migs 2 ปีที่แล้ว

      I'm having the same issue. No parallax option showing for me.

  • @trevormello2
    @trevormello2 4 ปีที่แล้ว

    Holy Shit

  • @benmifsud897
    @benmifsud897 ปีที่แล้ว

    Whos behind this vid, are you Sophie.B??

  • @nitsuagmartin
    @nitsuagmartin 3 ปีที่แล้ว

    Two words...
    Holy...
    Shit...

  • @arlenejoytribaco4938
    @arlenejoytribaco4938 4 ปีที่แล้ว

    why so fast dear, i cant reach u

  • @michelbouchet3605
    @michelbouchet3605 4 ปีที่แล้ว +9

    This would probably be an interesting tutorial, if we hadn't to bear the endless disturbing BGM. We want to listen to the explanations; without being bothered by any side noise.

  • @kevinharding1181
    @kevinharding1181 2 ปีที่แล้ว

    Ridiculous - could you go any faster?

  • @anyariv
    @anyariv ปีที่แล้ว

    WAAAAAY too fast

  • @retiredlivingthedream
    @retiredlivingthedream 3 ปีที่แล้ว +1

    I have a couple of suggestions . . . maybe do your future videos even faster and turn up the annoying background music even louder . . . geesh. Could have been a GREAT tutorial had you taken your time and left out the distracting background music.