How to Design a Website - From Start to Finish

Рет қаралды 20,483

Күн бұрын

In this video, I showed my design process for a real client's website and logo design that I got through a design agency. From the initial ideation exercises to sketching out logo concepts and low-fidelity wireframes, follow along as we create high-fidelity wireframes and mockups.
Together let’s look into the steps involved in bringing a website to life. Let’s go!
#freelancedesigner #websitedesign #graphicdesign #designprocess
Let's connect!
Email: alfredbydesign@gmail.com
Instagram: / alfredbydesign
Intro (0:00)
Background & Research (0:28)
Moodboarding (1:21)
Visual Design / Logo Design (2:17)
Sitemap (3:51)
Low-Fidelity Wireframes (4:40)
Design System (5:40)
High-FIdelity Wireframes (6:06)
Final Designs (7:23)

Пікірлер: 73

@AgUzodinma 3 ай бұрын

Hey Alfred, I’m also a web designer. I just discovered your channel today and I think I’ll be hanging around ❤

@evanstayuka381 3 ай бұрын

Amazing. Awesome content.

@ladypumpkinbag4712 3 ай бұрын

Thanku sooo much. I really appreciate and look up to u and ur work🙏

@uifry 3 ай бұрын

Amazing content, thank you!

@farhanuddin8795 3 ай бұрын

Amazing content. A lot to learn from you!

@muhammadisoul 3 ай бұрын

Awesome Designs & Amazing Designer who defined the processes like a true GEM !!!

@alfredbydesign 3 ай бұрын

Wow! That means a lot. Thanks!

@user-sv1so7ng3f 3 ай бұрын

Great video Alfred, really helpful and informative! And also super creative too! Thank you for this!

@alfredbydesign 3 ай бұрын

My pleasure!

@DeignFilx 3 ай бұрын

Nice work man! keep up your good work

@fernandocrov 3 ай бұрын

Loved it! Clear and straightforward information. Gonna use as an inspiration. 😉

@alfredbydesign 3 ай бұрын

Awesome! Thank you!

@designermaruf620 4 ай бұрын

make a case study video

@AmitGraphicArts 4 ай бұрын

Very insightful! Thank you for this!

@alfredbydesign 4 ай бұрын

Glad it was helpful! 😊

@dailyselfadvancement 4 ай бұрын

Excellent video ... thanks so much for sharing your full process. It was really nice to see! 😊🙏

@alfredbydesign 4 ай бұрын

Thank you so much! ❤️

@henrythomas7112 3 ай бұрын

It is a great video thanks for the great information and well delivered. This is exactly what I was looking for.

@alfredbydesign 3 ай бұрын

Thanks for watching!

@pawarsandip527 2 ай бұрын

As a beginner, I was a bit confused about the process, but after watching your helpful instructions, I now feel clear on how to get started. Thank you so much for your guidance!

@alfredbydesign 2 ай бұрын

Happy I could help! 😁

@joshdabo5151 3 ай бұрын

I'm kinda new to figma. And I loved the way you explained this. Is there a way you can do a full and extensive video of this? 😭

@alfredbydesign 3 ай бұрын

Glad this was helpful. What kind of topics related to Figma are you interested in?

@rezajazem7443 3 ай бұрын

Thanks for sharing Alfred 👍

@alfredbydesign 3 ай бұрын

No worries!

@nubaer.hossain 3 ай бұрын

dope brotherrrrrrrrrr

@username23675 3 ай бұрын

beautifully done Alfred! Thanks for the info hehe

@alfredbydesign 3 ай бұрын

Glad you liked it!

@alfredbydesign 4 ай бұрын

Thanks for watching this video! Comment here what type of business or industry you'd like to see me design next! 😄

@yitangcui1165 4 ай бұрын

Very inspiring， thank you for shairng

@alfredbydesign 4 ай бұрын

Glad you liked it! Thanks for watching 😁

@user-mw1wb4bp2l 3 ай бұрын

Very good production and video structure fon such a small channel!

@alfredbydesign 3 ай бұрын

Thank you, that means a lot!

@AppuRiddle 3 ай бұрын

Honestly, this is super cool, and real man can't believe I subscribed with just one video I watched on your channel. Would love to see more great content like this. 💖💖

@alfredbydesign 3 ай бұрын

Thanks for subscribing!

@AppuRiddle 3 ай бұрын

@@alfredbydesign 💕💕💕

@yinkaakinwumi1119 3 ай бұрын

You're not alone @AppuRiddle, he got me too. Great job Alfred!

@AppuRiddle 3 ай бұрын

@@yinkaakinwumi1119 Yeah I think he is great

@abdulwaheedorg 3 ай бұрын

It was amazing! Could you please make a longer video that starts from the communication with a client and ends at the clients feedback after delivering? You can include all the major parts like all the modifications & issues you faced while working. If you don't want to disclose your actual project, you can try to make it like a dummy client.

@alfredbydesign 3 ай бұрын

Hey, Thanks for the suggestion! Would definitely consider that for upcoming videos 😁

@njokudavidc 3 ай бұрын

Hello, Alfred, Your 1000th Subscriber COngratulations 😄😄😄

@alfredbydesign 3 ай бұрын

Yay! Thanks for helping me reach 1k!!!

@huyng4558 4 ай бұрын

Can you make a video about going freelance? I would love to hear and learn your lessons.

@alfredbydesign 4 ай бұрын

That's a great idea for a future video. 😁 I'll make one once I'm ready, for now, I think I still have a lot to learn 😅

@yaminahajj6331 3 ай бұрын

In your video you said in the beginning you make a research about the background of the business, then the target audience and the competition. Can you make a video about how you collect this data and how do you implement the information you gathered into your web design or how does it effect your decision making. Thank you for your video ♥️

@alfredbydesign 3 ай бұрын

Love that! Thanks for the suggestion, I'l do my best to add that to future videos

@tommy-dz1yg 3 ай бұрын

amazing, super inspiring video! what application/tool for logo design? I need for my school project

@alfredbydesign 3 ай бұрын

I use Adobe Illustrator 😁

@jfc4609 3 ай бұрын

Can you a video of how to find client ?

@ob5804 3 ай бұрын

Logo👍

@madhuribasant7618 3 ай бұрын

You do content writing as well for the website

@user-bf5rb5lv7q 3 ай бұрын

What software do you use to make website, love the video 👍👍👍

@alfredbydesign 3 ай бұрын

I used Figma to design the website 😁

@tranminhphuonq 3 ай бұрын

Name font text FULLVIEW use ?

@darkthor9017 3 ай бұрын

Wait.. im confused.. on their website it says "Designed by Fullview Designs" are you freelancing for a design agency?

@alfredbydesign 3 ай бұрын

Hey! I got this project through a design agency 😊

@JuriBinturong 3 ай бұрын

After the design. Do you have to code it yourself?

@alfredbydesign 3 ай бұрын

Hey. No, not for this project

@marionpaolo319 3 ай бұрын

Ai grabe ang detailed ng proseso. Hahaha around 3k?

@alfredbydesign 3 ай бұрын

Salamat!

@Teague1789 3 ай бұрын

How much do you charge to build a website?

@ghostking47 3 ай бұрын

how much time does it take to complete one website?

@alfredbydesign 3 ай бұрын

Hey it depends, on the website. For this project it took me at least 1.5 weeks to complete and the client was easy to work with.

@dhawaljain3837 3 ай бұрын

Charges for designing a website ? I have a stock market related website

@alfredbydesign 3 ай бұрын

Hey let's connect on instagram @alfredaleee

@dofuskingdom1423 4 ай бұрын

not bad

@alfredbydesign 4 ай бұрын

Thanks 😊

@mojdgmm 3 ай бұрын

Hello po ask lang ano pong software pwede gamitin para mag design ng website? Kasi graphic designer lang po ako na sanay sa social media and wala pong idea saan mag e start gumawa para magka portfolio anong software po need? Pwede po ba photoshop or illustrator??

@alfredbydesign 3 ай бұрын

I recommend Figma kung sa web design. Pero kung gusto mong included sa Adobe Suite, palagi kong ginagamit dati yung Adobe XD tapos for portfolio website, Adobe Portfolio.

@mojdgmm 3 ай бұрын

okay sir maraming salamat po! pag aralan ko po yang Figma thank you po sir @@alfredbydesign