How to plan a website structure? (powerful step-by-step!)
ฝัง
- เผยแพร่เมื่อ 29 ก.ค. 2024
- How to plan a website structure? In today's video I will teach you how you go from idea to actually crafting a professional website structure. Not only will it help you assess the timeframe and resources required but most of all, it will help you be on the right track to actually complete the website creation project!
Companion blog post: kaycinho.com/how-to-plan-a-we...
MORE LINKS:
- Wirementor demo (built by me): kaycinho.com/wirementordemo
- Elementor Pro (affiliate): kaycinho.com/elementorpro
- A2 Hosting (affiliate): kaycinho.com/a2hosting
DOWNLOAD MY FREE BRAND GUIDELINES TEMPLATE
kaycinho.com/brandingtemplate
ALL MY RECOMMENDED RESOURCES:
kaycinho.com/resources/
#webdesign #webdevelopment
What's your process when it comes to structuring your websites?
Thank you for your great contents.
Can you tell me where can I design my website except adobe something which simple and easy to use shouldn't take much time to learn?
so amazing!!!!! i would love to see how do you choose de right position of the contents of the website. What comes first, how do you tell a story using the distribuition of the containers. Thank you so much!!!!!
You're very welcome!
Glad I could help :)
Mini playlist
Why is a structure important 0:45
Which tools do you need 1:30
The brief: identify the needs 2:03
Analyze the competition 2:52
User centered structure 4:17
Example: cowoqq 4:40
Example: Pages 5:43
Example: Cluttered Navigation 7:07
Example: Uncluttered Navigation 8:01
Example: Visualize the Navigation & Pages 10:22
Example: Wireframe Prototype 12:00
Example: Final design 13:52
Thank you
I appreciate the literal step by step walk through. A lot of educational tutorials on these topics say step by step but wind up being overly generalized. Super helpful.
Glad it helped 😀
Thank you a lot for the video. I'm just starting in UX / UI , in a self-teaching way, and I find your explanations and tips, and examples very helpful in understanding how to start with creating a website. Becaus, tbh, I struggle to keep things planned, but you explained very well why planning should be done and most importantly how it should be done.
I think having a professional sitemapping tool like WriteMaps is essential when planning a website.
Thanks to this video I found out about Affinity products 2 years ago! THANK YOU SOOO MUCHH MAAAAAN! I literally searched the website and was about to close it until I saw the videos and fell in love again with software. Thank you!
Not only are you super-intelligent, helpful and generous.. u have an amazing accept to!.. America, Dutch and Caribbean ???
Hay that's a very kind comment, thanks! Regarding my origins, people always had a hard time guessing it right, so that's totally normal. Hint: I'm mixed!
This is good stuff @KayCinho logical and straight forward. Thanks.
Hi Michael, thanks for your comment! Simple yet important stuff :)
Amazing stuff.. Just what I was looking for.. 👍🏻
You're very welcome!
Fabolous man, thank you for making the prototypes!
You're very welcome!
Well, this video is very good! Very specific and not a broad one like others. Thx man!
you deserve more views and subscribers. your content is very well done
Thanks so much! Glad you enjoy it.
الله يكرمك ويفرح قلبك اضعاف فرحتي وانا اشوف هذا الفيديو ، والله بجد دورت حد يسوي ذي الخطوات ❤
Well done! Thank you for sharing!
My pleasure! Hope it helps :)
Great video Kaycinho. Thanks.
Glad you enjoyed it
Very helpful and informative video :) keep it up!
Thanks, I'm glad it helped :)
This explantion is the one im looking for..Thank you!👏👏
Is there next for this one..
Glad it helped! Not sure what you mean regarding "next" though? You mean a follow up?
Thank you for taking the time to create this
And thank you so much for taking the time to write this comment. Much appreciated!
Random question: Is it possible to find out which host a particular website is using?
I want to build a website but I don't know which host to choose. I want to sell only digital goods.
Useful tips, Kay. Thanks
My pleasure!
Original and useful content!
Thanks, glad it helped!
Very good tips thank you!
GREAT video and web content structure guidance. Thank you!!!
My pleasure!
Super helpful thank you!
thanks for let me explain ❤️
The website breakdown from 6:52 is really helpful!
I hardly subscribe to channels on the first video, Im not even done watching but you got me as a subscriber........great video with an even greater lecture.
Wow, thank you so much! Welcome to the fam :)
That's really useful!! Thank you so much)
You're very welcome!
Thanks alot;
U're a life saver.
Thanks a lot !
Great video thanks a lot!
You're very welcome!
fantastic resource
this content has helped me in figuring out my structure to my site.am still learning
Great to hear! What are you building it with? Html & css / Wordpress / another tool?
@@KayCinho wordpress but it helped me structure my project into good chucks and give an overview of how many pages i needed to design. i appreciate your content i wish i saw this last year when i was starting my freelance site.
@@nabulalke thank you so much for the feedback. WordPress is such an opportunity compared to what we had before. And I'm having so much fun working with it.
Thank you for the kind words, I appreciate you for watching and taking the time to give feedback.
To be honest, I never thought that this topic would interest so many people and I am thrilled it did. That tells me there is a lot more similar content that could be helpful.
Sweet! Thanks.
Glad it helped :)
Leart a lot from this video. Could you suggest the same for backend also, like controller, service and dao layer planning for different module planning also. Please reply.
On-page SEO, website structure, or website architecture (I believe these terms are synonymous)
- is there a way you can perform a quality assurance check to ensure your developer does a good job? For example is there a tool
or report you can buy that will quantify all your web page URLs in your website & ensure all broken or duplicates
issues are fixed etc.? I want to purchase a tool to give me a checklist to verify all areas of the development were addressed.
It's very rare for me to subscribe to a channel from the first video, I just did, keep it up!
Wow, thank you for taking the time to leave that comment! Much appreciated. Welcome aboard :)
Thank you!!
You're welcome! :)
Can you do a video on how to analyse competitor websites?
Amazing!
Thanks Mari! Glad you enjoyed it :)
Nice work and wonderful content Bro. Would you please tell me what software have you used to design the wireframe? Thanks.
Thanks, glad you enjoyed it! For the map, I used Affinity Designer with vector templates I got from Envato
thank you Alchemist, you changed my life.
Wow! Awesome 😀 Glad I could help!
@@KayCinho Hey Alchemist, I downloaded Wirementor yet every time I try to upload into my wordpress via tools I get this error. "This does not appear to be a WXR file, missing/invalid WXR version number:" What does this mean?
great content mate, quick question that's slightly off topic, but what screen capture software are you using to allow you to have a transparent background of you?!
Thanks! It's Screenflow :)
digital alchemist!!! thats so cool!
Thanks! Are you a digital alchemist too?
@@KayCinho i hope one day... i am a well-being alchemist. And Yes, I am working on becoming a digital alchemist too..
@@KiTrain Excellent! Well Being Alchemist! Love that one too!
Great video !!!
Thanks! Glad it helped :)
is this for dynamic website or static website
This is a great video KayCinho! Thank you for creating it. What program did you use to show the site structure?
Thanks for watching Saul! I created it with Affinity Designer. Cheap and high quality software :) And for the visuals, I got these from Envato Elements.
@@KayCinho Dude,
I'm checking out Affinity and it's awesome! I'm learning web dev, but I want this to be part of my skill set. What path do you suggest via A.D.?
@@southbay137 Yes Affinity Designer and Affinity Photo are awesome! A.D. is close to Illustrator and A.P. is close to photoshop. I learned on the go. But it depends on your preferred style of learning. Check the Affinity Forum: they list great tutorials to get started :)
KayCinho , I’m want this as my career. Any advice?
Thank you very much.. Please can you drop a video on how you go about all what you present using the same too you used? 🙏
Good idea! I'll add it to my content list :)
@@KayCinho thanks a lot I'll be waiting for the video to drop 🙏
could you please tell me which software you use to create a mood board?
Sure: Affinity Designer
Thanks a ton. This is what I am looking for. It would be very helpful if you do the same for back-end. Please keep in consideration.
I agree with you.
5:36 where do you find out what SEO says?
thanks😊😮
You're very welcome!
How would you plan for hidden pages or pages that are linked from a button or call to action?
...A call to action that is not in the navigation menu
@@stephenanthony2276 You mean for the visual plan?
@@KayCinho Yes
@@stephenanthony2276 I would just add it to the visual plan but with a dashed or dotted line.
Why didn't use a Services page? It is a service company, right? Thanks.
hey KayCinho
can you tell me how to create a booking travels website and how long does it take and how much would it cost?
and what steps must be taken to create the website? AS A developer can't wait for your answer
thanks!
Hi, for this type of website, if you're looking for an "easier" soltion that going custim, one product comes to my mind immediately : Crocoblock comes with what they call "dynamic" templates, and they have a specific one for traveling agencies. They also have a booking module which can be used with WooCommerce. So this is definitely a great place to start.
As for the time and cost estimate, it really depends on the features you want, the experience of the developer/agency and the pricing standards in your location.
@@KayCinho thank you for your help
you are a great TH-camr wish you the best
Thanks for the kind words!
In which software we have to plan website for submission?
I've used Affinity Designer
simple and very well structured :) thanks for that. The voice effect you are doing sounds a bit creepy though I have to say 😆
Thanks Christoph, glad you enjoyed it. Yes I know, the "voice" can be creepy at times :p
KayCinho it’s not actually unbearable uk 😂
agree about the voice
How do I we contact you ?
Where is this template or file in the video?
Hi Daniel, unfortunately I usually delete the demos, because it would be a nightmare to maintain. And since exports can't include images, it's a tough call.
The Services page!
"Digital alchemist" it sounds like an anime character XD
Haha, one day maybe! Who knows :p
please reply
please reply
i need this for my assignment submission
I've used Affinity Designer
nice content ++
Glad you like it Damian! Are you building websites for a living?
Just started learning a couple weeks ago
Wow atleast I got some glue ,, cos am a beginner
You didn't said it has 60hz refresh rate
it's informative but there is nothing about dashboard. it's based on client-side web structure. I liked the video by the way.
Pls make a hospital website. No good wordpress hospital website layout on TH-cam.
Brother, you look Indian to me.
I know lol :) - When I was in London, many people assumed that too. That or brazil, or west indies :)
graphic suprt would have been awesome... talking too much and tying to desifer what he is saying is a lost of traction
Thanks for the feedback.
Mindless blabber. Doesn't hardly do what the goddamned title says. I have a headache.
Great comment. Thanks for your input. You must be a very happy person.
hello sir i would like to ask permission if I can grab this video and share it on my INstagram feed. I just think this content is perfect for my audience. I will attribute it to you. Can you give me your IG username so I know where to give the credits to.
Hi Chris, I appreciate you asking. I have a policy of not permitting re-uploading my content as I spend a lot of time producing it, but you could tell your audience where to watch it :)
Thank you so much for watching.
@@KayCinho ok
@@KayCinho what I wanted to do actually is to get the relevant content of this video for my content and invite people to watch the full video with the link on the description so I think this would also drive traffic to your video. Do you think this is helpful?