My Full Web Design Process

Рет қаралды 30,365

Күн бұрын

Learn how to redesign website! I will show you how to redesign a website fast using the process for CodeStackr. This website design is one that he requested I update for him!
What to Improve your Web Design Skills? Learn Design with Enhance UI:
📘 www.enhanceui.com/
Check out the final product by @codeSTACKr here:
🎨 bit.ly/adrian-hero
Website redesign are a core part of the lifecycle of most sites. A web redesign involves updating the web design and it's graphics design. I use the website figma to update the existing site to a new UI and UX. The Figma website design process is more than just guess work. I use apps like Conceps on the iPad, I sketch out the web design process before I begin the web redesign process! I hope this redesign process website helps you see how I do it!
#website #redesign #webdesign

Пікірлер: 85

@codeSTACKr Жыл бұрын

I'm no designer and I knew Adrian would do an amazing job. I love it! Thanks again 🙌

@joshuaberrios Жыл бұрын

@AdrianTwarog truly outdid himself with this redesign. I also love how it was brought to life from the mockup/prototype phase.

@henrythomas7112 2 ай бұрын

Thanks for the new video! I’m looking forward to seeing what other content you post! Always good to learn as much as you can!

@KylePrinsloo Жыл бұрын

Aaaaammmmaaaazzzziiinngggg man! Love this walk through 🔥

@clewismessina6630 Жыл бұрын

This is beautiful. Great work.

@Akshatgiri Жыл бұрын

Thats amazing. Would love to see how you go about adapting the desktop design for mobile as well.

@SamDiazProducer Жыл бұрын

Beautiful design! Great job Adrian!

@AdrianTwarog Жыл бұрын

thx :D

@ig.5972 Жыл бұрын

@@AdrianTwarog can you use this design as an actual website or do you have to manually redo it for example in WordPress??

@princeojha5460 Жыл бұрын

I have no words ,that fantastic video for me thanks

@nexTabDE Жыл бұрын

I first came across your channel because of the AI videos with Chat GPT and they were all done extremely well. I'm so happy that pretty much all the content is of high quality and that there's so much to learn here. Thanks for doing this and please keep it up; I might sign up for the design course mostly out of curiosity. 🙂

@AdrianTwarog Жыл бұрын

Woah thanks mate :)

@realcodeninja Жыл бұрын

This design is very awesome, I love your design processing.

@AdrianTwarog Жыл бұрын

Great to hear, and thanks!!

@davidthewise6617 Жыл бұрын

@@AdrianTwarog Are you using any new A.I. tools ? If yes tell me about it

@GeertLeysen Жыл бұрын

Do you have a video about how you would go ahead and build these drawed lines, moving arrows and underlines in the actual website? Can you do this completely in CSS??

@CronicasDesconocidas Жыл бұрын

This is the best channel I have ever found in my life ❤

@AdrianTwarog Жыл бұрын

I do put a little bit of effort in :)

@parkerrex 8 ай бұрын

damn this is well done bruh

@Merrlin Жыл бұрын

I love your workflow! Specially the bit with your Touchscreen Asus laptop but just out of curiosity, do you use your IPad for that as well? Thanks!

@figs3284 Жыл бұрын

Please do an in-depth video on fine tuning a model. Thanks in advance. Great content!

@masver2424 Жыл бұрын

Really Great video and awesome mock up. Do you mind sharing when you freelance do you always start from a scratch theme like understrap?

@primenumberbuster404 Жыл бұрын

ChatGPT is gonna be crazy by the next 3 years. I already automate so many tasks with it. College is gonna be much smoother with this.

@maskman4821 Жыл бұрын

webGPT is coming out soon 😘

@AdrianTwarog Жыл бұрын

I want to see HeyGPT to replace my HeySiri/YoGoogle

@primenumberbuster404 Жыл бұрын

@@AdrianTwarog Lol.

@roncaroli8209 Жыл бұрын

@@maskman4821 plp Vrii.l0

@SimelCoding Жыл бұрын

Oooh boy!☺️ This guy is a genius of colors, show me your ways... Everytime I think of making websites, I that thinking about functionality but since Adrian is here, I am here to learn to design.... I mean this site for Vscode, woooooooah! Blows my mind

@AdrianTwarog Жыл бұрын

i just casually try to learn and do everything!

@SimelCoding Жыл бұрын

I will try my 🌟

@nickv477 Жыл бұрын

What monitor are you using? Would be great to see a setup video!

@aundreoldacre86 Жыл бұрын

I'm a beginner and love the design. Does it come with the code and can it be converted to Wordpress? Is it customizable?

@podcasttakes Жыл бұрын

What platform was used for the development?

@AbdulBasit-cm2vv Жыл бұрын

After watching this I'm not afraid that GPT replace Developer I Think GPT not Not Able to make Such Experience and User attention UI Hat off Men Great Work. 😍

@nickp5183 Жыл бұрын

really cool

@mypointofblue5260 Жыл бұрын

I’m going to have to hop off your page! I really want this, but just purchased the chatgpt AI, and chatbot template which I should complete today, before moving on to this. This looks great though!

@stillready6405 Жыл бұрын

I like the design. As a coder I wouldn't like to have arrows point on buttons, therefore I would be interested how the website is coded. Is there a live version?

@sebadamtft6429 Жыл бұрын

I usually put the arrow inside the button and with position absolute I position it where it should be. This way it is always the same distance from the button and its always pointing on it.

@viniciuss7792 Жыл бұрын

Hi, Adrian, could you help me? What exactly you do? You only create the design and interface of the site, you don't actually put the site to work after that? I think that's a work for a dev, right?. I'm asking this because I'm fascinated about design (cars, clothing, products, sites whatever) and I'm practicing alone on design with inkscape. I've created a new design for the website of the company wich I work in my university, a legal advisory firm for companies (actually I study laws), but I have a ccuriosity on put myself in the design industry.

@andalramalakshmi8940 Жыл бұрын

I m also interested in learning the designing a websites from yourself and want to be a student.If you wish pls post videos related to that.

@jugibur2117 Жыл бұрын

Really nice design and overall great implemented! But the web vitals and especially the loading time for mobile could still be optimized.

@iUmerFarooq Жыл бұрын

How do you select colors, font sizes for desktop/mobile and more. From where can we get the inspiration or help.

@user-bk1xy9dq5h Жыл бұрын

Hello....💯💯 thanks for your comment Dm I got something for you

@marty336 Жыл бұрын

Hey Adrian great site, did you use React to build this website?

@AdrianTwarog Жыл бұрын

I just designed it, codestackr built it!

@user-wy1ue7hj3k Жыл бұрын

Hello seniors, I am from China, I would like to ask beginners who should learn react first in front-end development? Or Vue?

@shodansmith Жыл бұрын

Fantastic layout my friend, any details on the course??

@AdrianTwarog Жыл бұрын

Yep, the goal is to have it finished in the next 30 days, the book is done, and half the videos are done, I'm just finishing up the last few now!

@shodansmith Жыл бұрын

@@AdrianTwarog sounds great!

@maskman4821 Жыл бұрын

Bravo 🤗

@AdrianTwarog Жыл бұрын

Thanks :>

@yousafsabir7 Жыл бұрын

Bruh killing the design

@AdrianTwarog Жыл бұрын

Hopefully Ai design wont take me out of hte picture!

@yousafsabir7 Жыл бұрын

@@AdrianTwarog clever

@juliosalgado956 Жыл бұрын

How did you do that nice arrow in Figma?

@AlThePal78 Жыл бұрын

So does figma write the code for you too?

@kylesabat6567 Ай бұрын

did you do research when creating this website? or not necessary?

@princeojha5460 Жыл бұрын

Wow 🙏🙏🙏

@uknow7681 Жыл бұрын

Great video! Do you have polish family? cuz you have polish name and surname.

@AdrianTwarog Жыл бұрын

Correct!!

@TalesOfTheMotherland677 Жыл бұрын

hello, I really Salute you for what you are doing, you are a professional, Kindly I want to hire you for a project, Kindly how can I reach you out, Sir

@capriyanshbhatt3084 Жыл бұрын

Figma is free??

@sushin7093 Жыл бұрын

Can you do second part of this video?

@AdrianTwarog Жыл бұрын

What would be the second part?

@sushin7093 Жыл бұрын

@@AdrianTwarog coding of this design

@AdrianTwarog Жыл бұрын

Ah, codestackr coded it himself! Maybe ask if he recorded the process?

@sushin7093 Жыл бұрын

@@AdrianTwarog You are inspire me, I jointed recently as a front end web dev , thank you sir 😊

@timcampbell6581 Жыл бұрын

Do you create websites for hire?

@alii4334 Жыл бұрын

I am curious, can you reveal how much did you charge him for it?

@twarogchat___my__Teleqram_id Жыл бұрын

ꜰᴇᴇᴅʙᴀᴄᴋ ᴀᴘᴘʀᴇᴄɪᴀᴛᴇᴅ 👍. ᴇɴᴅᴇᴀᴠᴏᴜʀ ᴛᴏ ꜱᴇɴᴅ ᴀ ᴅᴍ ɪꜰ ʏᴏᴜ ɴᴇᴇᴅ ʜᴇʟᴘ/ꜱᴜᴘᴘᴏʀᴛ ᴀᴛ ᴀɴʏᴛɪᴍᴇ.

@IntegraleUmweltheilung Жыл бұрын

Would you like to help us redesign our website?

@AlThePal78 Жыл бұрын

I don't know about drawing anything out I use power point and give it clicked links lol

@sultanaldfere2365 Жыл бұрын

can you give us (swift language) cours

@utkarshsaroj3673 Жыл бұрын

Website Developer Be Like: Who the F$&K Designed This😤😤😤

@user-bk1xy9dq5h Жыл бұрын

Hello....💯💯 thanks for your comment Dm I got something for you

@yassinesaidi2768 Жыл бұрын

Song's name

@korngsamnang Жыл бұрын

i felel It's not look good for mobile devices.

@AdrianTwarog Жыл бұрын

hmmm i maybe should of done a responsive version design!

@drjs2431 Жыл бұрын

Cost? What would you charge someone for this design? I need something like this.

@thatomofolo452 3 ай бұрын

No coding

@cathleengum6710 Жыл бұрын

That's not web design, that's using figma.

@ziggerwebdesign1704 Жыл бұрын

I design my sites in Webflow - far faster!

@didiercatz Жыл бұрын

Sorry to say but this is very amateur. Visual design wise, but also your Figma workflow.

@rrgproduction00 Жыл бұрын

𝚅𝙴𝚁𝚁𝚈 𝚞𝚜𝚎𝚏𝚞𝚕𝚕 𝚟𝚎𝚍𝚒𝚘