My Full Web Design Process

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

[@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]

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!

[@Akshatgiri]

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

[@clewismessina6630]

This is beautiful. Great work.

[@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??

[@KylePrinsloo]

Aaaaammmmaaaazzzziiinngggg man! Love this walk through 🔥

[@aayanwaris4450]

I am learning so much from watching your videos. Thank you so much for sharing this amazing source of information. This one is quite helpful

[@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

[@CronicasDesconocidas]

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

[@AdrianTwarog]

I do put a little bit of effort in :)

[@princeojha5460]

I have no words ,that fantastic video for me thanks

[@parkerrex]

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!

[@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?

[@figs3284]

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

[@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??

[@podcasttakes]

What platform was used for the development?

[@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

[@nickv477]

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

[@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 🌟

[@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?

[@jugibur2117]

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

[@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.

[@juliosalgado956]

How did you do that nice arrow in Figma?

[@nickp5183]

really cool

[@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. 😍

[@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!

[@marty336]

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

[@AdrianTwarog]

I just designed it, codestackr built it!

[@maskman4821]

Bravo 🤗

[@AdrianTwarog]

Thanks :>

[@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!

[@AlThePal78]

So does figma write the code for you too?

[@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.

[@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.

[@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

[@kylesabat6567]

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

[@princeojha5460]

Wow 🙏🙏🙏

[@yousafsabir7]

Bruh killing the design

[@AdrianTwarog]

Hopefully Ai design wont take me out of hte picture!

[@yousafsabir7]

@@AdrianTwarog clever

[@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??

[@yassinesaidi2768]

Song's name

[@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?

[@sultanaldfere2365]

can you give us (swift language) cours

[@AlThePal78]

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

[@IntegraleUmweltheilung]

Would you like to help us redesign our website?

[@alii4334]

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

[@twarogchat___my__Teleqram_id]

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

[@utkarshsaroj3673]

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

[@user-bk1xy9dq5h]

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

[@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]

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]

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