How to plan a website structure? (powerful step-by-step!)

Поделиться
HTML-код
  • Опубликовано: 9 ноя 2024

Комментарии • 150

  • @KayCinho
    @KayCinho  4 года назад +17

    What's your process when it comes to structuring your websites?

    • @0x656e
      @0x656e 4 года назад +2

      Thank you for your great contents.

    • @0x656e
      @0x656e 4 года назад +1

      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?

    • @thiagoferrari9959
      @thiagoferrari9959 4 года назад +2

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

    • @KayCinho
      @KayCinho  4 года назад +1

      You're very welcome!

    • @KayCinho
      @KayCinho  4 года назад +1

      Glad I could help :)

  • @kolawolegbolahan935
    @kolawolegbolahan935 4 года назад +47

    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

  • @monica6149
    @monica6149 2 года назад +12

    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.

    • @KayCinho
      @KayCinho  2 года назад

      Glad it helped 😀

  • @borealfox
    @borealfox Год назад

    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!

  • @victoriakuraleh5956
    @victoriakuraleh5956 Год назад +2

    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.

  • @mandenial6653
    @mandenial6653 3 года назад +1

    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.

    • @KayCinho
      @KayCinho  3 года назад +1

      Wow, thank you so much! Welcome to the fam :)

  • @EMAD_HASSAN
    @EMAD_HASSAN 4 месяца назад

    الله يكرمك ويفرح قلبك اضعاف فرحتي وانا اشوف هذا الفيديو ، والله بجد دورت حد يسوي ذي الخطوات ❤

  • @saffsaffbrown3823
    @saffsaffbrown3823 4 года назад +11

    Not only are you super-intelligent, helpful and generous.. u have an amazing accept to!.. America, Dutch and Caribbean ???

    • @KayCinho
      @KayCinho  4 года назад +3

      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!

  • @shriefallam8866
    @shriefallam8866 3 года назад +1

    It's very rare for me to subscribe to a channel from the first video, I just did, keep it up!

    • @KayCinho
      @KayCinho  3 года назад +1

      Wow, thank you for taking the time to leave that comment! Much appreciated. Welcome aboard :)

  • @KrystalVentures
    @KrystalVentures 4 года назад +5

    you deserve more views and subscribers. your content is very well done

    • @KayCinho
      @KayCinho  4 года назад

      Thanks so much! Glad you enjoy it.

  • @mancamoes
    @mancamoes 3 года назад +2

    Great video Kaycinho. Thanks.

    • @KayCinho
      @KayCinho  3 года назад +2

      Glad you enjoyed it

  • @king0vdarkness
    @king0vdarkness Год назад

    The website breakdown from 6:52 is really helpful!

  • @katlegoseanmahaye3309
    @katlegoseanmahaye3309 2 года назад

    thank you Alchemist, you changed my life.

    • @KayCinho
      @KayCinho  2 года назад +1

      Wow! Awesome 😀 Glad I could help!

    • @katlegoseanmahaye3309
      @katlegoseanmahaye3309 2 года назад

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

  • @mercurious6699
    @mercurious6699 2 года назад +1

    Thank you for taking the time to create this

    • @KayCinho
      @KayCinho  2 года назад +1

      And thank you so much for taking the time to write this comment. Much appreciated!

  • @AlvomaniaDK
    @AlvomaniaDK 3 года назад +1

    Useful tips, Kay. Thanks

  • @shainahuntsberry6758
    @shainahuntsberry6758 2 года назад

    GREAT video and web content structure guidance. Thank you!!!

  • @naveedulhassanmalik
    @naveedulhassanmalik 5 месяцев назад +1

    I think having a professional sitemapping tool like WriteMaps is essential when planning a website.

  • @nabulalke
    @nabulalke 3 года назад +1

    fantastic resource
    this content has helped me in figuring out my structure to my site.am still learning

    • @KayCinho
      @KayCinho  3 года назад

      Great to hear! What are you building it with? Html & css / Wordpress / another tool?

    • @nabulalke
      @nabulalke 3 года назад +1

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

    • @KayCinho
      @KayCinho  3 года назад

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

  • @theSavanahDev
    @theSavanahDev 4 года назад +3

    This is good stuff @KayCinho logical and straight forward. Thanks.

    • @KayCinho
      @KayCinho  4 года назад

      Hi Michael, thanks for your comment! Simple yet important stuff :)

  • @ZeptejSeFilipa
    @ZeptejSeFilipa Год назад

    Well, this video is very good! Very specific and not a broad one like others. Thx man!

  • @gitcotech
    @gitcotech 4 года назад +1

    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? 🙏

    • @KayCinho
      @KayCinho  4 года назад +1

      Good idea! I'll add it to my content list :)

    • @gitcotech
      @gitcotech 4 года назад

      @@KayCinho thanks a lot I'll be waiting for the video to drop 🙏

  • @ross9503
    @ross9503 4 года назад +4

    Original and useful content!

    • @KayCinho
      @KayCinho  4 года назад

      Thanks, glad it helped!

  • @vnebueza
    @vnebueza 4 года назад +4

    This explantion is the one im looking for..Thank you!👏👏
    Is there next for this one..

    • @KayCinho
      @KayCinho  4 года назад

      Glad it helped! Not sure what you mean regarding "next" though? You mean a follow up?

  • @roykms
    @roykms 4 года назад +1

    Fabolous man, thank you for making the prototypes!

    • @KayCinho
      @KayCinho  4 года назад

      You're very welcome!

  • @blomo-klaus4929
    @blomo-klaus4929 2 года назад

    Thanks alot;
    U're a life saver.

  • @chrissilva6057
    @chrissilva6057 4 года назад +2

    Can you do a video on how to analyse competitor websites?

  • @solarbygreengreg
    @solarbygreengreg Год назад

    Very good tips thank you!

  • @rolandcinco378
    @rolandcinco378 4 года назад +2

    Well done! Thank you for sharing!

    • @KayCinho
      @KayCinho  4 года назад

      My pleasure! Hope it helps :)

  • @RavenCelestia
    @RavenCelestia 10 месяцев назад

    Super helpful thank you!

  • @HilderBosse
    @HilderBosse 3 года назад +1

    Very informative your content

    • @KayCinho
      @KayCinho  3 года назад +1

      Hey, thank you so much for the feedback. Which content would you like to see on this channel?

    • @HilderBosse
      @HilderBosse 3 года назад

      @@KayCinho A video of your journey to becoming a web designer ?

    • @HilderBosse
      @HilderBosse 3 года назад

      Thank you

    • @HilderBosse
      @HilderBosse 3 года назад +1

      @@KayCinho your specific journey

  • @KiTrain
    @KiTrain 4 года назад +3

    digital alchemist!!! thats so cool!

    • @KayCinho
      @KayCinho  4 года назад

      Thanks! Are you a digital alchemist too?

    • @KiTrain
      @KiTrain 4 года назад +1

      @@KayCinho i hope one day... i am a well-being alchemist. And Yes, I am working on becoming a digital alchemist too..

    • @KayCinho
      @KayCinho  4 года назад

      @@KiTrain Excellent! Well Being Alchemist! Love that one too!

  • @ead5590
    @ead5590 4 года назад +2

    Amazing stuff.. Just what I was looking for.. 👍🏻

    • @KayCinho
      @KayCinho  4 года назад +1

      You're very welcome!

  • @DynamicMentalFitness
    @DynamicMentalFitness 3 года назад +1

    Sweet! Thanks.

    • @KayCinho
      @KayCinho  3 года назад

      Glad it helped :)

  • @akbm3879
    @akbm3879 4 года назад +1

    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!

    • @KayCinho
      @KayCinho  4 года назад +2

      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.

    • @akbm3879
      @akbm3879 4 года назад +3

      @@KayCinho thank you for your help
      you are a great RUclipsr wish you the best

    • @KayCinho
      @KayCinho  4 года назад

      Thanks for the kind words!

  • @goodlywp2593
    @goodlywp2593 4 года назад +2

    Very helpful and informative video :) keep it up!

    • @KayCinho
      @KayCinho  4 года назад

      Thanks, I'm glad it helped :)

  • @maricarvalho5941
    @maricarvalho5941 3 года назад +1

    Amazing!

    • @KayCinho
      @KayCinho  3 года назад

      Thanks Mari! Glad you enjoyed it :)

  • @ZaferYilmazNet
    @ZaferYilmazNet Год назад

    Why didn't use a Services page? It is a service company, right? Thanks.

  • @khulekaniduma7158
    @khulekaniduma7158 3 года назад

    Great video !!!

    • @KayCinho
      @KayCinho  3 года назад

      Thanks! Glad it helped :)

  • @MsLovication
    @MsLovication 4 года назад +1

    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.

  • @knowhow1242
    @knowhow1242 3 года назад +1

    Nice work and wonderful content Bro. Would you please tell me what software have you used to design the wireframe? Thanks.

    • @KayCinho
      @KayCinho  3 года назад

      Thanks, glad you enjoyed it! For the map, I used Affinity Designer with vector templates I got from Envato

  • @moreinmaths6134
    @moreinmaths6134 4 года назад +1

    Great video thanks a lot!

    • @KayCinho
      @KayCinho  4 года назад

      You're very welcome!

  • @tanvirhasanmonir1627
    @tanvirhasanmonir1627 3 года назад +6

    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.

  • @inactiveuser11
    @inactiveuser11 Год назад

    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.

  • @alishkawg
    @alishkawg 4 года назад

    That's really useful!! Thank you so much)

    • @KayCinho
      @KayCinho  4 года назад

      You're very welcome!

  • @sibaramsamal8882
    @sibaramsamal8882 2 года назад

    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.

  • @king0vdarkness
    @king0vdarkness Год назад

    5:36 where do you find out what SEO says?

  • @Dilszhan
    @Dilszhan 3 года назад +1

    could you please tell me which software you use to create a mood board?

    • @KayCinho
      @KayCinho  3 года назад +1

      Sure: Affinity Designer

  • @southbay137
    @southbay137 4 года назад +1

    This is a great video KayCinho! Thank you for creating it. What program did you use to show the site structure?

    • @KayCinho
      @KayCinho  4 года назад +1

      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.

    • @southbay137
      @southbay137 4 года назад +1

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

    • @KayCinho
      @KayCinho  4 года назад +1

      @@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 :)

    • @southbay137
      @southbay137 4 года назад

      KayCinho , I’m want this as my career. Any advice?

  • @mrchaos7022
    @mrchaos7022 4 года назад

    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?!

    • @KayCinho
      @KayCinho  4 года назад +2

      Thanks! It's Screenflow :)

  • @Leibniz_28
    @Leibniz_28 4 года назад +21

    "Digital alchemist" it sounds like an anime character XD

    • @KayCinho
      @KayCinho  4 года назад +5

      Haha, one day maybe! Who knows :p

  • @appinventor3836
    @appinventor3836 4 года назад +1

    thanks for let me explain ❤️

  • @pseudoplastic84
    @pseudoplastic84 5 месяцев назад

    The Services page!

  • @shawnbeans7389
    @shawnbeans7389 4 года назад

    is this for dynamic website or static website

  • @0x656e
    @0x656e 4 года назад +1

    Thank you!!

    • @KayCinho
      @KayCinho  4 года назад +1

      You're welcome! :)

  • @AmbroseChelimo
    @AmbroseChelimo Год назад

    Wow atleast I got some glue ,, cos am a beginner

  • @stephenanthony2276
    @stephenanthony2276 4 года назад

    How would you plan for hidden pages or pages that are linked from a button or call to action?

    • @stephenanthony2276
      @stephenanthony2276 4 года назад

      ...A call to action that is not in the navigation menu

    • @KayCinho
      @KayCinho  3 года назад +1

      @@stephenanthony2276 You mean for the visual plan?

    • @stephenanthony2276
      @stephenanthony2276 3 года назад

      @@KayCinho Yes

    • @KayCinho
      @KayCinho  3 года назад +1

      @@stephenanthony2276 I would just add it to the visual plan but with a dashed or dotted line.

  • @nicolecastro2684
    @nicolecastro2684 4 года назад

    thanks😊😮

    • @KayCinho
      @KayCinho  4 года назад +1

      You're very welcome!

  • @ratzch
    @ratzch 4 года назад +2

    simple and very well structured :) thanks for that. The voice effect you are doing sounds a bit creepy though I have to say 😆

    • @KayCinho
      @KayCinho  4 года назад

      Thanks Christoph, glad you enjoyed it. Yes I know, the "voice" can be creepy at times :p

    • @DSIM_Prakhyathshetty
      @DSIM_Prakhyathshetty 4 года назад

      KayCinho it’s not actually unbearable uk 😂

    • @KiTrain
      @KiTrain 4 года назад

      agree about the voice

  • @syedsaadankaleem6131
    @syedsaadankaleem6131 3 года назад

    it's informative but there is nothing about dashboard. it's based on client-side web structure. I liked the video by the way.

  • @evandaniyel9388
    @evandaniyel9388 4 года назад +1

    Where is this template or file in the video?

    • @KayCinho
      @KayCinho  4 года назад +1

      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.

  • @DamianYoko
    @DamianYoko 3 года назад +1

    nice content ++

    • @KayCinho
      @KayCinho  3 года назад +1

      Glad you like it Damian! Are you building websites for a living?

    • @DamianYoko
      @DamianYoko 3 года назад

      Just started learning a couple weeks ago

  • @sukhmandhillon3383
    @sukhmandhillon3383 3 года назад

    In which software we have to plan website for submission?

    • @KayCinho
      @KayCinho  3 года назад

      I've used Affinity Designer

  • @nehashaw019
    @nehashaw019 Год назад

    You didn't said it has 60hz refresh rate

  • @ogwestcrew6387
    @ogwestcrew6387 Год назад

    How do I we contact you ?

  • @jwalbanker
    @jwalbanker 2 года назад

    Pls make a hospital website. No good wordpress hospital website layout on RUclips.

  • @sukhmandhillon3383
    @sukhmandhillon3383 3 года назад

    please reply
    please reply
    i need this for my assignment submission

    • @KayCinho
      @KayCinho  3 года назад

      I've used Affinity Designer

  • @nitinnarvekar8936
    @nitinnarvekar8936 4 года назад +10

    Brother, you look Indian to me.

    • @KayCinho
      @KayCinho  4 года назад +6

      I know lol :) - When I was in London, many people assumed that too. That or brazil, or west indies :)

  • @Joker-Leto
    @Joker-Leto 4 года назад

    graphic suprt would have been awesome... talking too much and tying to desifer what he is saying is a lost of traction

    • @KayCinho
      @KayCinho  4 года назад

      Thanks for the feedback.

  • @jimmears
    @jimmears 4 года назад

    Mindless blabber. Doesn't hardly do what the goddamned title says. I have a headache.

    • @KayCinho
      @KayCinho  4 года назад +2

      Great comment. Thanks for your input. You must be a very happy person.

  • @chrisjohnombiga4158
    @chrisjohnombiga4158 3 года назад

    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.

    • @KayCinho
      @KayCinho  3 года назад

      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.

    • @chrisjohnombiga4158
      @chrisjohnombiga4158 3 года назад

      @@KayCinho ok

    • @chrisjohnombiga4158
      @chrisjohnombiga4158 3 года назад

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