Visual Identity Studio
Visual Identity Studio
  • Видео 31
  • Просмотров 72 043
From Concept to Winning Design: Marvel-Inspired Website in 8 Hours Wix Studio Tutorial
Join me as I break down the process of creating a we design competition winning Marvel-inspired website in just 8 hours for a web design challenge.
Learn how we:
Conceptualized and designed 3D juice cans in Morflax
Created engaging copywriting with AI assistance
Implemented advanced animations and interactions in Wix Studio
Used preloaders, mouse tracking, and parallax effects
Combined various design elements for a cohesive user experience
Perfect for web designers looking to improve their rapid prototyping skills and create engaging, interactive websites in Wix Studio.
Просмотров: 299

Видео

Wix Studio Hack: Mind-Blowing Parallax Gallery in 5 Minutes (No Coding!)
Просмотров 21314 дней назад
Learn how to build an engaging, interactive image gallery with a parallax effect in Wix Studio without writing a single line of code. This tutorial covers: Setting up containers and images Using advanced CSS grids for proper sizing Applying mouse track animations for interactivity Creating a parallax effect with nested containers Fine-tuning animation settings for smooth results Perfect for web...
The Web Show | Join us with @brandongroce @wixfix @KoleJain
Просмотров 15 тыс.21 день назад
Join in the Web Show episode 1 organised by NewForm X Wix Studio. Where we are joined by CoFounder of NewForm Brandon Groce and Kole Jain Founder of WixFix Ryan Shafer And me, Hardik Bhansali :)
Elevate Your Wix Website with Smooth Image Sequencing: Image Flow App Guide
Просмотров 6 тыс.Месяц назад
App Link: goes live soon on wix app market Learn how to implement stunning, Apple-inspired scroll animations on your Wix Studio website using the Image Flow app. This tutorial covers: Installing and setting up the Image Flow app Converting videos to image sequences Uploading and arranging image frames Implementing the animation in Wix Studio Adjusting for responsiveness on different devices Per...
Any Quick Guesses! #wixstudio
Просмотров 232Месяц назад
Any Quick Guesses! #wixstudio
Creating a Smooth Scrolling Section Animation in Wix Studio | Web Design Tutorial
Просмотров 888Месяц назад
Instagram: thehardikbhansali LinkedIn: www.linkedin.com/in/hardik-bhansali-363346152/ In this tutorial, we dive into creating an eye-catching, smooth scrolling animation perfect for showcasing portfolio projects in Wix Studio. Learn how to: Set up a long scrolling section with multiple containers Create a triggering mechanism for scroll-based animations Implement shape animations...
Wix Studio - Award-Winning Website Design | How to make a website: Deconstructing | Part-4
Просмотров 841Месяц назад
In this fourth installment of our award-winning website breakdown series, we dive deep into creating responsive designs for tablet and mobile devices using Wix Studio. Learn how to: Adjust layouts for different screen sizes Modify text sizes and spacing for readability Adapt galleries and images for mobile viewing Use flexbox and grid systems effectively Apply cascading rules in responsive desi...
Is this the future of Web Design!
Просмотров 3002 месяца назад
Experience it live: visualidentitystudio.wixstudio.io/space Instagram: thehardikbhansali LinkedIn: www.linkedin.com/in/hardik-bhansali-363346152/ My website : visualidentity.co.in/
Game-Changing Design Resources for Web Designers
Просмотров 7 тыс.2 месяца назад
Discover four incredible design resources that will revolutionize your work as a web designer. In this video, we explore: icons.js.org - A vast library of free, downloadable icon packs (icones.js.org/) Unicorn Studio - A beta tool for creating stunning WebGL animations (www.unicorn.studio/) Hero Kit Design - An easy-to-use platform for creating interactive graphical animations Morflax - A 3D mo...
Web Design Changes Forever After This | Unicorn Studio! Tutorial
Просмотров 3,9 тыс.2 месяца назад
Web Design Changes Forever After This | Unicorn Studio! Tutorial
Wix Studio: A Step-by-Step Tutorial | How to create custom forms in Wix Studio #wixstudio
Просмотров 1,1 тыс.2 месяца назад
Wix Studio: A Step-by-Step Tutorial | How to create custom forms in Wix Studio #wixstudio
Wix Studio - Award-Winning Website Design | How to make a website: Deconstructing | Part-3
Просмотров 1,6 тыс.2 месяца назад
Wix Studio - Award-Winning Website Design | How to make a website: Deconstructing | Part-3
Wix Studio - Award-Winning Website Design | How to make a website: Deconstructing | Part-2
Просмотров 6 тыс.2 месяца назад
Wix Studio - Award-Winning Website Design | How to make a website: Deconstructing | Part-2
Wix Studio - Award-Winning Website Design | How to make a website: Deconstructing | Part-1
Просмотров 10 тыс.3 месяца назад
Wix Studio - Award-Winning Website Design | How to make a website: Deconstructing | Part-1
Reinventing Contact Forms: Interactive Bill Slip Design in Wix Studio #wixstudio #webdesign
Просмотров 3813 месяца назад
Reinventing Contact Forms: Interactive Bill Slip Design in Wix Studio #wixstudio #webdesign
Figma to Wix Studio Type Settings Tutorial | Wix Studio Web Design Tutorial #wixstudio #typography
Просмотров 1103 месяца назад
Figma to Wix Studio Type Settings Tutorial | Wix Studio Web Design Tutorial #wixstudio #typography
Wix Studio Tutorial | Amazing Split Screen Scroll Animation in 5 minutes #wixstudio #wixtutorial
Просмотров 5543 месяца назад
Wix Studio Tutorial | Amazing Split Screen Scroll Animation in 5 minutes #wixstudio #wixtutorial
Wix Studio | ThreeJs Image Distortion | No Code Tutorial
Просмотров 4244 месяца назад
Wix Studio | ThreeJs Image Distortion | No Code Tutorial
Animated Pre Loader In Wix Studio | Part - 2 | Wix Preloader #wixpreloader
Просмотров 2,9 тыс.4 месяца назад
Animated Pre Loader In Wix Studio | Part - 2 | Wix Preloader #wixpreloader
Pre Loader in Wix Studio: Web Motion Animation On Jitter | Part 1
Просмотров 1,8 тыс.4 месяца назад
Pre Loader in Wix Studio: Web Motion Animation On Jitter | Part 1
How to Add Smooth Scrolling to Your Wix Website with Lenis Library | Wix Website Tutorial
Просмотров 6 тыс.5 месяцев назад
How to Add Smooth Scrolling to Your Wix Website with Lenis Library | Wix Website Tutorial

Комментарии

  • @Scalper-kj4tf
    @Scalper-kj4tf 20 часов назад

    ok I found the imageflow app, it costs 9.90 per month. my question is this: if I pay for the app, make my animations and save them on the site, can I then cancel the subscription? or do I pay forever?

  • @staticmotion1628
    @staticmotion1628 День назад

    VERY cool man love your work and tuts i learn so much from you Thank you

  • @julianwilson1200
    @julianwilson1200 3 дня назад

    Build this in wix step by step if you can

  • @sameerpatelxyz
    @sameerpatelxyz 3 дня назад

    Does wix website in demand ? Like WordPress and framar

  • @rosischreiber1323
    @rosischreiber1323 4 дня назад

    My mobile version looks really bad. The mango is way too big but I can only edit it on spline but that way it will be smaller on web version too. Parts of my header and footer are gone and the gallery is automatically transformed into a Gitter. Do u have an idea what to do? Thank you :))

  • @Joel-fy7wi
    @Joel-fy7wi 7 дней назад

    How do you edit the designs into this effect after you done with it.

  • @01326-y
    @01326-y 7 дней назад

    Just stumbled across your account and I wanted to say thank you for sharing your workflows, I can learn a lot from this I’ve been using wix studio for a bit longer than a year now and I still haven’t managed to get text to look as good as in other no code platforms. Maybe you have a tip for me. To make paragraphs look like a solid unit in a grid. I used cargo collective before and they have this „block“ setting which I believe is a reference to „display block“ in css and it makes text look so much better. If u know anything, this would be much appreciated

    • @visualidentitydesign
      @visualidentitydesign 7 дней назад

      I see, so to actually do that you’ll need to absolutely manage the text I mean you can’t leave it to scale proportional turn off that setting… make it fixed and also the sizes needs to be absolute with your custom adjustments to the line height and character spacing as well 😊

  • @rosischreiber1323
    @rosischreiber1323 9 дней назад

    minute 43 is so adorable ^^ Thank you for these tutorials!!!

  • @rosischreiber1323
    @rosischreiber1323 9 дней назад

    Really impressive!!! Thanks for sharing :D

  • @varilshah7541
    @varilshah7541 12 дней назад

    Any update when it will be released to the public?

  • @zazoodigital
    @zazoodigital 14 дней назад

    How do you do that form?

  • @RobCrusoe20
    @RobCrusoe20 15 дней назад

    If i put the header on hidden, it stays hidden even after load.

  • @wendysbrr2359
    @wendysbrr2359 17 дней назад

    how do I paste it into wix studio I try the and is not responsive and with the DIV its really small is there anything im doing wrong?

  • @kartikeya.m9380
    @kartikeya.m9380 18 дней назад

    Hey man ! Can you a do comparison video of wix studio vs webflow

  • @hiteshkhatri2956
    @hiteshkhatri2956 18 дней назад

    Nice'

  • @shketrap
    @shketrap 18 дней назад

    When it will be launched on wix studio ?

  • @staticmotion1628
    @staticmotion1628 18 дней назад

    that's really cool man thank you for sharing i seen someone else try this but he used a different method still looked good tho at the end of the day its really cool to see how much you can achieve with wix studio with some creative ideas

  • @varilshah7541
    @varilshah7541 20 дней назад

    when will it be released to public??

  • @staticmotion1628
    @staticmotion1628 20 дней назад

    very cool very very cool man will there be a tut maybe??? lol

    • @staticmotion1628
      @staticmotion1628 20 дней назад

      could this be done with 2 images over layed on top of each other with mouse effects

    • @visualidentitydesign
      @visualidentitydesign 20 дней назад

      @@staticmotion1628 yes but the tutorial will be soo small as it’s quite easy to do 😂 maybe I’ll do a shorts tutorial upload on this one ;)

    • @visualidentitydesign
      @visualidentitydesign 20 дней назад

      @@staticmotion1628 no it’s not that, tutorial coming within 24 hrs ;)

  • @coxejoao8708
    @coxejoao8708 20 дней назад

    Look Nice!

  • @Callum-y6e
    @Callum-y6e 21 день назад

    Thank you. However, when I click automations, start from scratch, the interface looks so different and I don't have the same options or as many options as you :(

    • @visualidentitydesign
      @visualidentitydesign 21 день назад

      @@Callum-y6e yes Wix has recently updated the automations tab completely

    • @Callum-y6e
      @Callum-y6e 20 дней назад

      @@visualidentitydesign Thanks - do you have a work around for achieving the same result?

  • @Joel-fy7wi
    @Joel-fy7wi 22 дня назад

    Is the Unicorn studio already good to go

  • @ricj8432
    @ricj8432 22 дня назад

    Unicorn studio is similar to hero kit and is actually worth checking out

    • @visualidentitydesign
      @visualidentitydesign 22 дня назад

      @@ricj8432 unicorn studio is more customizable and detailed than herokit. Like herokit for beginners/intermediate and unicorn studio for intermediate/pro

  • @DeveloperMagesh
    @DeveloperMagesh 22 дня назад

    I need Internship from You Guys 🎉

  • @NickvanHameren
    @NickvanHameren 23 дня назад

    Heyy, great video! One question though, do you need to follow these steps on every page of the website or just create one separate page to do these actions?

  • @massivemotivation
    @massivemotivation 28 дней назад

    Hello, I'm working on a 3D interactive design using Spline for my website, which was created with Wix Studio. However, the design isn't running smoothly on the mobile version.

  • @massivemotivation
    @massivemotivation 29 дней назад

    does that diamond was made using spline 3d?

    • @visualidentitydesign
      @visualidentitydesign 29 дней назад

      @@massivemotivation yes

    • @massivemotivation
      @massivemotivation 28 дней назад

      @@visualidentitydesign hey i was creating website using wix studio as i have also optimized scenes my scene in spline 3d but not working well in my mobile version can you give me some tips what we can do for this?

  • @WallStreetVikings
    @WallStreetVikings Месяц назад

    It’s still not there yet 😭

    • @visualidentitydesign
      @visualidentitydesign Месяц назад

      it's in review with the wix team shall be live soon on the app market :)

    • @WallStreetVikings
      @WallStreetVikings Месяц назад

      @@visualidentitydesign I’m patiently waiting for it. You should definitely post a video when it’s live so I’ll get the notification!

    • @WallStreetVikings
      @WallStreetVikings 21 день назад

      Still not online 😭

    • @visualidentitydesign
      @visualidentitydesign 8 дней назад

      @@WallStreetVikingsjust went live on app market yesterday!!

  • @DanielEstebanCamachoPino
    @DanielEstebanCamachoPino Месяц назад

    Hi, Thanks for the video this is a great and game changing tool! I still can't see the ImageFlow App on the Wix Market place. Do you know when will it be available?

  • @stephen3937
    @stephen3937 Месяц назад

    Will it work for all pages

    • @RobCrusoe20
      @RobCrusoe20 15 дней назад

      i think you have to manually add it to every page and paste the code in every page too

  • @Studio-Il
    @Studio-Il Месяц назад

    As always, you set a high standard and surpass it every time! Well done! 👏

  • @varunprabhu7
    @varunprabhu7 Месяц назад

    Amazing, this is going to be a GAME CHANGER

  • @DentBranding
    @DentBranding Месяц назад

    Jai shree ram bhai. Is this only for premium-pricing plan?

  • @staticmotion1628
    @staticmotion1628 Месяц назад

    very sexy!! love it

  • @kevinganem3802
    @kevinganem3802 Месяц назад

    I have a small problem doing this, when i scroll, it doesn't stop to the container of the images, it keep scrolling below the image, it goes to the containers with the lines even if i can see that the animation is working from image 1 to 2

    • @kevinganem3802
      @kevinganem3802 Месяц назад

      Ok, the parent container position type has to be Sticky

  • @alf3392
    @alf3392 Месяц назад

    How come when I preview the animation doesn't appear?

  • @kevinganem3802
    @kevinganem3802 Месяц назад

    Hello, very nice video. Is it still possible to make this with the new WIX studio ? or is there a way to go back to the old WIX ?

  • @vitekturyna5425
    @vitekturyna5425 Месяц назад

    soon when !!

  • @akhaysamal148
    @akhaysamal148 Месяц назад

    daang, what is this maan??

  • @staticmotion1628
    @staticmotion1628 Месяц назад

    Exciting!! looking forward to this

  • @TheChiffos
    @TheChiffos Месяц назад

    i couldnt figure how you prepare the intial structure with the containers, and how you sizing each

  • @xxforcetimexx9537
    @xxforcetimexx9537 Месяц назад

    Hey it doesnt work on my Wix Studio Sites. But on regular it does... Any suggestions please ?

    • @visualidentitydesign
      @visualidentitydesign Месяц назад

      @@xxforcetimexx9537 make sure your site is on a premium plan

    • @xxforcetimexx9537
      @xxforcetimexx9537 Месяц назад

      @@visualidentitydesign LOL, of course it is.... Only facing this issue on the Studios sites. Any Ideas?

  • @sarthakghosh4135
    @sarthakghosh4135 Месяц назад

    Is this Editor X? I dont have the edit options like yours for example I dont have the header settings option

  • @2bearQloza
    @2bearQloza Месяц назад

    Which is better Wix or Webflow? Speed of site? Ty

    • @visualidentitydesign
      @visualidentitydesign Месяц назад

      @@2bearQloza both are good at their own ways, I prefer Wix studio though :)

  • @ryukdxd
    @ryukdxd Месяц назад

    Please tell me, how to make that first page - that X page that fades in with home page

  • @ryukdxd
    @ryukdxd Месяц назад

    Thank you for making content!! You really helped me alot

  • @Legoisawsome093
    @Legoisawsome093 Месяц назад

    How to make the lipstick rotate 360?

  • @krushnasable8938
    @krushnasable8938 Месяц назад

    But if we publish it, it doesn't show any image on it

  • @jtreignz
    @jtreignz Месяц назад

    Going to make this for a client now. This is perfect, thank you. Love the live idea too.