Web Design Timelapse: Nike Homepage | Wix Studio (Webpage Design)

[@brandongroce]

➡ Need Help With Wix Studio? Join Our Discord Community: discord.gg/aXzgewZyYV

[@Majd_V10]

😅😅

[@Majd_V10]

Bqb

[@mamoonakhan7408]

❤

[@zaibsmart2884]

Designer's dream is a Programmer's nightmare❤😂

[@brandongroce]

Lol I designed and built the site myself :) Built it in 1hr, check it out here: kzbin.infomrvIUR4OxtU?feature=share

[@DenzelHooke]

@@brandongrocelol using editor X isn’t programming but I respect it.

[@brandongroce]

@@DenzelHooke das alll weeee neeeeed 🥹 #respekkkkt

[@NineHosting]

Bro very easy using position absolute and position relative

[@NineHosting]

@bassbeatz786 media query XD

[@ebooklibrary27]

I hope this inspires you to become a web developer one day

[@b.h.o.o.m.i.4]

Which app ?

[@charaf-yt6492]

The thing that will give life to your page is JavaScript

[@TALOB123]

Yea java script is nothing but brain

[@ItsFoxCrafter]

Last short before bed *last short:*

[@brandongroce]

🤣🤣😂😂

[@HOURLYSNIPES]

This is what I want to do when I'm done with high school

[@brandongroce]

you can totally do it! Try out Wix Studio and let me know what you think. Makes doing this sort of thing SUPER easy. Also join our community if you're looking for a community of people who do this sort of stuff for a living: www.newform.community

[@HOURLYSNIPES]

@@brandongroceWhen I get a PC I will check it out

[@tomaspaimans1070]

@@HOURLYSNIPES don't use wix, just learn html , css and js trust me it will be worth it your gonna like it

[@chromedokuro_]

Graphic Designers : 🤑😉🥰 Programmers : 🌚💀😵‍💫👁️👄👁️

[@brandongroce]

Programmers face when they get fired for being unable to dev a simple site 😂🤣

[@Trendi_Vibes]

Pov: me watching as full stack devloper 😅

[@jaalasami9490]

i have a question and i trust you can answer as a full stack dev 😅 how did this person add pictures and resize them freely without using html+css? im just starting out so im pretty confused and since this way of web design is so much easier and faster than coding why does everyone still use code?

[@cyncxd]

@@jaalasami9490 more control over the look of your websites i believe

[@krishnasharma1739]

​@@jaalasami9490he maybe designing it on figma. He prepares the design i.e he is a web designer. We code the given web design and make it a web page i.e web developer.

[@stormrab]

Same here 😂😂

[@The_Dude_420]

@@jaalasami9490 he used some editor that does the work for you pretty much like photoshop for web design and the reason people still use code is that this is obv limited by what the devs implement while coding yourself means complete freedom so u can create more unique/futuristic stuff while with stuff like this all ppl get around the same results

[@HalloBro393]

Now imagine us doing that on CSS/HTML/Javascript.

[@brandongroce]

That’s why we use WIX Studio so we don’t have to 😎🔥🫡

[@HalloBro393]

@@brandongroce Bro, me in pain after getting projects to make websites using pure coding😭

[@brandongroce]

Ah!@@HalloBro393 i see hahaha, have you ever tried no code platforms?

[@HalloBro393]

@@brandongroce no, but basically, my project must be coded and the website should be shown along with the code.

[@brandongroce]

ahhh i see i see... I mean technically you could always "inspect element" on your website, save that code, and present your website WITH the code that made it in an editor 🤣🤣 @@HalloBro393 You gotta hack the school system!!! lol. Is this for a school project?

[@erickbarahona3493]

“…Bro you literally only used images …😒” Now making the images make sense that’s the hard part of the whole design 🎉

[@brandongroce]

😂🤣

[@datguydavinci]

exactly myy point

[@brandongroce]

what was the point again?@@datguydavinci

[@The-CoIIector]

It's called design. They gotta image it first before writing down the code. Unlike me, who just starts with the code and gets inspiration +motivation(if it exists) from random bullshit. I respect that

[@JD_Official001]

​@@The-CoIIectorI thought I was the only one like that

[@kanankontorovsky6537]

How did you make that background radial gradient image? or where did you get it? Impressive!

[@The-CoIIector]

nameofthetag { background-image: radial-gradient(list out the colors from inside to outside with a comma in between); }

[@kanankontorovsky6537]

@@The-CoIIector a bit late bro 😅 I ended my developer career and I'm headed into the Air Force.

[@guruharish2006]

@@kanankontorovsky6537 hope you the best man.

[@gopikrish30]

Hey 👋 i have an startup idea can i use wix to create my website?..coz some people says that wix is not for for professional website making:)

[@brandongroce]

Wix Studio is for building professional websites. Different product than Wix ;) We have a ton of startups, ecom, and businesses that are extremely successful off of using the platform. It’s an all in one. We even had a community members get offered to purchase their Saas business built in Wix studio for over 6-figures. If you wanna check it out make sure to Google Wix Studio, and if you have any questions, join our community for any needs questions etc you have about the platform: www.newform.community

[@meezy_millions]

Go high level makes things so much easier 🔥

[@rohanrohanrar1942]

I am a beginner programmer and I think I can do it

[@brandongroce]

You totally can!

[@poli2730]

wow a picture over a picture, crazy

[@brandongroce]

Right?! Not that difficult to build at all

[@sbahleprettygal389]

I'm not sure but if you use a greater z-index for the shoe it is possible

[@barackdwaynecenajohson3289]

Great...so is it functional? Like can it direct me to another website?

[@brandongroce]

Yep! It’s a fully fledged and live site!

[@brandongroce]

To learn more about making these kind of websites check out how we make them in our livestreams on the channel, and also join our web design community to learn more from 5800+ other web designers: Www.newform.community

[@voice123-.]

It look amazing ❤

[@brandongroce]

Thank you!

[@dominikcicea]

What does the play button do when you click it? 😊

[@lbhemant]

Which software use ?☕

[@brandongroce]

Wix studio my friend ;) feel free to also join our community to learn how to make dope stuff like this 😎. Www.newform.community

[@harshitbhardwaj5524]

Which software you use??

[@brandongroce]

@@harshitbhardwaj5524 Wix studio :)

[@farheensultana9987]

When you get the assignment will they give each and every thing like logo pics etc? 😊

[@jedidiahkalana806]

Thought This was Easy Bruh Took me 2 month to learn Css and Html with a little JS

[@brandongroce]

Ayyyy that’s what’s up! You’ll do well 😎! All these other people complaining… I’m like… this is basic stuff to build LOLL 😅. Has me concerned for them

[@OdinYG]

How did you create the ending of this video?! Do a tutorial on that!

[@that-original-channel]

i love the edit lol

[@brandongroce]

Thank ya Nassim!

[@upk7212]

Hey great work and inspiring! can i use this clip for educational purpose?

[@brianBorni]

You have the hole tutorial on thr channel ❤

[@HYDRA_05]

Which app do u use and what laptop or pc?

[@brandongroce]

Hey! I use Wix Studio and i have an Asus Laptop :D

[@seemaparkash9057]

does it have animation?

[@brandongroce]

@@seemaparkash9057 not in this video, but yes’ wix studio has awesome animation features!

[@SajibSikder09]

hey bro! where do you desing this web page ?

[@brandongroce]

Hey Brother! I designed this web site on Wix Studio :D If you're interested in learning the platform join our community www.newform.community . We have monthly workshops that can help you get your abilities to this level :D!!!

[@ivanzq21]

You say u use Editor x, after that how do you publish your work? Pdf? Or wich format? I mean if I use that, how cn I present my work to other on the net. Thxs dude, nice video

[@brandongroce]

Hey Ivan! Thats a great questions! what we built is an actual REAL site! :D You can check it out here: livelearning.editorx.io/challenge5 (PS. I didn't super optimize it so I apologize if you have a HUGE monitor, it may look a bit funky haha other wise it should be good!) If you want to learn more about how to make website with ease like this, join our community here: ➡➡www.editorx.tv/ Let me know if you join in! hope that helps!

[@ivanzq21]

@@brandongroce I see, thank you very much for the reply, I see, but I assume once you have your project done, I can keep it just for myself? or can I publish it in Gibhub? thx

[@brandongroce]

no problem ​@@ivanzq21 its published on the domain that you're building it on. No need to publish on github Editor X is a site builder, hosting service and more alll in one

[@DK-rm1xw]

Rest in peace for the engineers

[@brandongroce]

lol this took 15mins to engineer 😂🤣

[@TheReal_N-I-F-F]

You didn’t engineer anything.

[@brandongroce]

@ I engineered everything :)

[@TheReal_N-I-F-F]

@@brandongroce No, WIX did. You did nothing.

[@bollywoodkol783]

best ❤

[@popmop1234]

How does it compare with webflow?

[@brandongroce]

You can make the same level of site with Wix Studio. In my opinion the learning curve is just easier. Many non-designers and developers who’ve never built a site before have joined our design challenges in our community and made a great looking website in just hours, no experience Hard to do with Webflow…

[@monisha4856]

Where did you learn this course please say

[@brandongroce]

we learn to make cool things like this in our community! You can join us there here: www.newform.community

[@ludwigvanbeethoven6647]

What app/ website did u use ?

[@brandongroce]

Wix studio :)

[@Mitkow.1]

Boom

[@brandongroce]

much love my friend :D 💖💖

[@kanankontorovsky6537]

How did you design all your assets such as the button? figma?

[@brandongroce]

Hey! The button was actually from Editor X! But if I were to create my own button it would definitely be in figma!!!

[@niazgamer1]

Will such designs be made from WordPress or not?

[@brandongroce]

Possibly, but this was easily made for web in Wix studio ;)

[@PrakharAgarwal-r6l]

Bro i want to know something . When there are softeares like wix where you canloterally make this beautiful peice of work such easily, why are basic language like HTML/CSS/JS still being learnt by people or required by companies. Bcz something like this and a frontend developer will take quite a lot of time i belive. So why ??

[@brandongroce]

I’m with you man… Some businesses are hiring for people just to use site builders like this now, but there are STILL and MOSTLY old school businesses that want old school html/css and coding skills. In some cases it’s important depending on what you’re working on, but if you’re just build a website, creating content, updating it, etc no-code platforms are the way to go. Much faster, cost effective, easier. The old school businesses will learn in time they’re wasting money UNLESS they really need hard core developers

[@RAGE_VEGETA]

Sir I have a question You make template or proper working website from which people can actually place order

[@666mariosoto]

🙌🏻⚡🔥

[@PiyushMadhav-pb8gp]

Software name please❤

[@brandongroce]

Wix Studio :)

[@khanbaba1-v6g]

Sir can you make a full video on creating a professional high Level Website which includes animations and 3d design and everything record that in step and upalod it it will help me a lot ​@@brandongroce

[@paracodewebdev]

Wow, it's one of the difficult thing that programmer dreams 😅

[@xTheDeadKiller]

how did you edit this short?

[@brandongroce]

After effects :)

[@Pakistani24]

Is it like totally free if not how long is the free trial?

[@brandongroce]

It’s free till you’d like to upgrade to a custom url ;)

[@maksworldwebboy1119]

What the name of the website where you created a design for that header? I

[@brandongroce]

In Editor X my friend! Www.EditorX.com Also if you ever wanna join a community focused on this tool in case you need help & mentorship join us here: Www.EditorX.tv

[@ethanwilliamson7795]

I always have issues with elements staying in place when the screen gets smaller say mobile phone size screen. How do I fix this?

[@brandongroce]

You have to make sure you use your constraints properly. Using grids to keep things where you want them at lower break points. If you’re not already in our discord community, I highly recommend you join, we can help ya a ton there. We’ve got a lot of Wix studio experts there. Join: www.newform.community

[@subhan-ahmad026]

@brandongroce buddy, I am a bit confused, what is the relation of Editor X with Wix? Plz explain me! 😢

[@brandongroce]

Hey There! Editor X is a WIX company :)

[@subhan-ahmad026]

@@brandongroce so will we need Wix to publish our website (using domain and hosting etc) or can the Editor X also provide all these features?

[@subhan-ahmad026]

@@brandongroce and can you guide me more about how to sell your website development skill (using Editor X) on platforms? How to hand over website to clients... All the STUFF? Plz can you help me with these things? Btw I am going to join the Editor X community and Discord server. (Plz give me reply of this as well)!!

[@brandongroce]

@@subhan-ahmad026 Editor X provides everything you need :)

[@brandongroce]

@@subhan-ahmad026 Hey! Glad to hear you're going to join the community! Yes! Ping me when you join :D We have weekly live meetings starting @ 1pm EST where we mentor people like yourself & anyone who has questions about Editor X, design, business, etc

[@RexB007]

Every element on the page will have to be positioned absolutely except the mother element that is relatively positioned

[@CarsDot-Com]

I need more of this

[@brandongroce]

Hella yea!! If you’d like more, join us in our community www.newform.community 😎 hope to see you there!

[@acupoftea12]

How a beginner learn it❤

[@HRStudiosTheDungeon]

Dope but what happens when you press play?

[@Dj_Lab_Audio]

Woww as a developer..by looking at this figma ☹️ imagine if the client asks in one day 😫

[@brandongroce]

lol well I did make this in 30mins, so it’s doable with Wix Studio ;)

[@Afrazkhan2001]

Wow More like this😂

[@brandongroce]

will do brother!!!

[@memegalore257]

Can you put your premiere pro preset in the description??

[@brianBorni]

I'm not the editor of this video but I'm on the other ones 😅 I can tell this is after effects and it's not template based

[@uniquegirl6721]

hello i have to make a school project for that i have to show the html and css codes also so there is some way so that i can see the html and css code in editor x?

[@brandongroce]

Hey there! Sadly there is no way to see your HTML & CSS from within Editor X YET!!! It's in the works! However, you could just use editor X to build the site, publish it, inspect element and copy the HTML and CSS from the inspect panel. Are you looking to become a developer or designer?

[@crazyboyrish2577]

​@@brandongrocesame question from me I'm planning to become a full stack developer and want to create such a great web designs but how it is possible with editor x ?? How to get code

[@brandongroce]

@@crazyboyrish2577 Hey my friend! Check these videos out: kzbin.infoRG2tDPXuG0c?feature=share This will show you how you can create amazing web designs WITHOUT code. That's the whole point of Editor X. Being able to create websites without having to mess with or know HTML & CSS.

[@crazyboyrish2577]

@@brandongroce so we can you that website for real use. or it is just template for idea??

[@brandongroce]

@@crazyboyrish2577 exactly ;) Real LIVE websites :) You can use templates or build from scratch if you desire!

[@VoltDaksh]

Let's give life to this webpage -- From Java Script💀🗿

[@666mariosoto]

Bro!, Can you give the url live view of this web site! Its Amazing! (the Trial site)

[@AmanSaini-z7i]

Bro can you recreate this website by using the code

[@brandongroce]

what was made here was already built with code in the backend on the Wix Studio platform automatically. No need for me to code. ;)

[@Enation9Lore]

​@@brandongrocehey man, I'm really inspired by this short you made fr. You've got any tips or advice for a noob starting out on wix or stuffs like this in general.

[@brandongroce]

@@Enation9Lore Hey!!! Im glad this inspiried you my friend :D !!!! I believe you'll make something AMAZINGGGGG in Wix! There are a TON of amazing people in this community who've never stepped foot in Wix or web design and they're making some beautiful things! I would start with checking out and Wix Studio Course you can like wix has on their academy site: www.wix.com/studio/academy/courses/wix-studio-essentials-course And joining our community + our monthly web design challenges with cash prizes! www.newform.community/

[@itsdjo3456]

The application name ?!

[@brandongroce]

Wix Studio

[@ShortsForEveryone-tp3bk]

Super cool

[@SebastianBatinic]

Designer: 😃 Developer: 😢

[@Am1ne37]

where do u get this images

[@brandongroce]

@@Am1ne37 I use AI images

[@mask4436]

Can you please tell me where can I get the shoe pics with transparent background?

[@Pr4nav_]

You used wysiwyg right?

[@brandongroce]

Yep! It’s all made within Editor X! Feel free to join our community too if you need help with the platform or just have questions :D We have weekly live mentor sessions as well :) You can join us here: Www.EditorX.tv

[@Ah.d_ev]

You mean image design? Can this be published as a website?

[@brandongroce]

This is published as a website, Wix Studio is a no-code platform to create websites for creatives WITHOUT code

[@Ah.d_ev]

@@brandongroce Well, thanks for the information. I didn't know, sorry for the inconvenience

[@brandongroce]

No inconvenience at all!@@Ah.d_ev Happy to share the knowledge! Have if you're interested to learn more or be in a community were people build stuff like this 24/7 feel free to join us @ www.newform.community :)

[@Ai_hihihi]

What app????

[@brandongroce]

@@Ai_hihihi Wix studio :)

[@brandongroce]

@@Ai_hihihi if you want to know more about the app and get help as well. We have a whole community of 11,000+ people using the tool :D You can just use for help, support and fun at www.newform.community

[@BryanMichaelWilliams]

So you can only use Editor X for WIx? Why not Wordpress such as elementor?

[@kavirajtamilan]

What app is this

[@brandongroce]

The app is Wix Studio 😎🔥

[@kavirajtamilan]

@@brandongroce tk sir. We can extract source code?

[@brandongroce]

​@@kavirajtamilan great question! To my knowledge, no. But you're able to bring data bases or CMS from other platforms into this platform.

[@crazyplayers8444]

Saved

[@brandongroce]

Ayyyyyy much love!

[@clarkvincentantoine7866]

what is ur using app while editing?

[@brandongroce]

After Effects my friend :)

[@globalcashflip6025]

❤

[@brandongroce]

much love my friend! We have workshops on how the build websites like this in our community if you're interested :D Join us here: www.newform.community/

[@ghayooralipakistanzindabad8219]

Sir clint ko q nahi dekhate? please Ans

[@yushantupadhyay2993]

Does it work as website as web

[@brandongroce]

Yepp!!! It 100% does! Wix Studio is used to make no-code websites for creatives so we can make dope things, without code :D!!!!

[@yushantupadhyay2993]

​@@brandongroce After making a design on wix studio can we get html css code

[@brandongroce]

no, the design you've built and the website you've published is all through Wix Studio. So the website has to be edited through the platform. @@yushantupadhyay2993

[@yushantupadhyay2993]

@@brandongroce okay

[@James_m7]

What are your thoughts on Editor X vs Webflow?

[@brandongroce]

Hey Mars! Legit love Editor X over Webflow... Editor X, to me still feels like i get to be a designer and operate LIKE a designer in the tool, where as in webflow I feel like I have to be like a psuedo developer and learn a whole new language. Editor X is LITERALLY all about understanding grids, that's it. Understand grids, and you've mastered Editor X :)

[@brandongroce]

PS. if you haven't already def join our Editor X community at www.editorx.tv :D we have weekly and monthly events helping those trying to get better at Editor X do just that :D And literally we are faster than working with the support team LOL

[@James_m7]

@@brandongroce Thanks, will check it out!

[@Hyperion_gaming573]

Does editorx work on Android phones

[@brandongroce]

Great question, unfortunately you can only build websites like this from laptops/some sort of desktop. Sorry! Although it does work on my ipad!

[@cookiedrak3]

Please I need a tutorial

[@brandongroce]

@@cookiedrak3 kzbin.infomrvIUR4OxtU?si=8gr5J2aXSpLtjqcM here ya go ;)

[@Officialaccoun]

how much time you have given to generate this page ???

[@Florian996]

Export on Shopify ?

[@brandongroce]

Nah, BUT! Wix Studio does have an e-commerce platform a lot of our community members in our discord use. If you’re interested join us and we’ll help ya too! Www.newform.community

[@AVADH_OJHA-gd7pu]

I chalenge to build this website using html and css 😂😂😂 you will get the tension and frustration of a real coder

[@brandongroce]

Thats why i use Wix-Studio a low-code platform ;) I can just drag, drop, build, and publish a responsive site ;) No need for the hard work!

[@bshooting]

Its a website design, it is equivalent to making it on figma with less freedom but the ability to publish directly to the web. You do realize some peoples jobs are to design websites and not do any coding. (Most company's will use software like AdobeXD or Figma to visualize websites with no code. This is basically the same.)

[@OMARXEDIZZ]

What website is it

[@Toxicc_YT]

Elementer?

[@brandongroce]

@@Toxicc_YT Wix Studio :)

[@aprendaaviverdesites]

Top!

[@RTX4090TIz]

Hey I'm looking to build an ecommerce website So where i can build that !!

[@brandongroce]

Hey! You can definitely build an ecom site using Editor X! If you need additional support or need a place to ask experts on your journey building it, definitely join our community :) We specialize in Editor X sites! Join here: www.editorx.tv

[@RTX4090TIz]

@@brandongroce thanks brother

[@brandongroce]

@@RTX4090TIz of course my friend! Be sure to ping me in the community if you want as well to say hello :D

[@drkarima1807]

How did you do that

[@brandongroce]

With Wix Studio :)

[@VadelGame]

Hi! Where can I get assets for sneakers ?

[@brandongroce]

Hey Vadel! Honestly, you can get them from Unsplash.com and cut them out as you need and edit them as you need for your designs! Or just google "Free [insert asset you're looking for] stock photos" Let me know if that helps ya!

[@Spinstormgaming]

​@@brandongroce can I commission you to do a wix web design job for me?

[@brandongroce]

@@Spinstormgaming Hey my friend! I'm unavailable for development work at the moment, however, we have tons of other WIX & Editor X masterminds in our creative community too. You can poke around to see if anyone could help ya out. Here's the link to join: www.editorx.tv/

[@darkwolf7114]

what app u use ?

[@brandongroce]

Editor x my friend !

[@syedsalmankhan5468]

Which tools did you use to create and edit this video?

[@brandongroce]

After effects & Premiere Pro my friend :D

[@ARYOX_101]

Does it work in android phone

[@brandongroce]

Great question! The website builder? Or the website?

[@fizashahbaz3017]

Is website ko bna ky earning kar sakhty hain kya

[@Fifa_gamerx12]

Can help with my design shopify

[@Pushpa-dk3ux]

How do you get those photos?

[@brandongroce]

You can get images like this via generative AI like Adobe Firefly or similar applications

[@ashvinff8272]

Song name?

[@ehan7654]

wahts the name of website

[@italktocomputers1901]

this is actually a really easy website to code lol i’ve seen some real headaches

[@brandongroce]

Right! This isn’t challenging to make at all!

[@ashvinff8272]

Software name ?

[@brandongroce]

Editor X ;)

[@brandongroce]

You can learn more about the software and join our community to learn how to make dope stuff like this here: www.editorx.tv

[@ashvinff8272]

@@brandongroce can you teach me How to make website

[@brandongroce]

@@ashvinff8272 sure! we have free weekly mentorship in our community :)

[@MKfarmsorganic]

how to like Excel sheet to button

[@abdoubrj4541]

How much it is gonna cost me to build à website if i have have no idée about it

[@Hyperion_gaming573]

Is this available on Android and any alternative cause i run an Android phone

[@Nooreenx]

❤❤

[@brandongroce]

❤️❤️❤️

[@learnbypreet]

informative