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

Поділитися
Вставка
  • Опубліковано 2 жов 2024

КОМЕНТАРІ • 150

  • @KayCinho
    @KayCinho  4 роки тому +16

    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 роки тому +46

    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

  • @rolandcinco378
    @rolandcinco378 4 роки тому +2

    Well done! Thank you for sharing!

    • @KayCinho
      @KayCinho  4 роки тому

      My pleasure! Hope it helps :)

  • @monica6149
    @monica6149 2 роки тому +11

    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 😀

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

  • @naveedulhassanmalik
    @naveedulhassanmalik 4 місяці тому +1

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

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

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

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

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

  • @jwalbanker
    @jwalbanker 2 роки тому

    Pls make a hospital website. No good wordpress hospital website layout on UA-cam.

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

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

  • @ZaferYilmazNet
    @ZaferYilmazNet Рік тому

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

  • @chrissilva6057
    @chrissilva6057 4 роки тому +2

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

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

  • @ZeptejSeFilipa
    @ZeptejSeFilipa Рік тому

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

  • @mancamoes
    @mancamoes 3 роки тому +2

    Great video Kaycinho. Thanks.

    • @KayCinho
      @KayCinho  3 роки тому +2

      Glad you enjoyed it

  • @ross9503
    @ross9503 4 роки тому +4

    Original and useful content!

    • @KayCinho
      @KayCinho  4 роки тому

      Thanks, glad it helped!

  • @king0vdarkness
    @king0vdarkness Рік тому

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

  • @AmbroseChelimo
    @AmbroseChelimo Рік тому

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

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

  • @mandenial6653
    @mandenial6653 2 роки тому +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  2 роки тому +1

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

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

  • @nehashaw019
    @nehashaw019 Рік тому

    You didn't said it has 60hz refresh rate

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

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

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

  • @akbm3879
    @akbm3879 3 роки тому +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  3 роки тому +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 3 роки тому +3

      @@KayCinho thank you for your help
      you are a great UA-camr wish you the best

    • @KayCinho
      @KayCinho  3 роки тому

      Thanks for the kind words!

  • @sibaramsamal8882
    @sibaramsamal8882 Рік тому

    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.

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

  • @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 🙏

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

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

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

  • @RavenCelestia
    @RavenCelestia 9 місяців тому

    Super helpful thank you!

  • @EMAD_HASSAN
    @EMAD_HASSAN 3 місяці тому

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

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

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

  • @ogwestcrew6387
    @ogwestcrew6387 Рік тому

    How do I we contact you ?

  • @pseudoplastic84
    @pseudoplastic84 4 місяці тому

    The Services page!

  • @solarbygreengreg
    @solarbygreengreg Рік тому

    Very good tips thank you!

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

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

  • @AlvomaniaDK
    @AlvomaniaDK 3 роки тому +1

    Useful tips, Kay. Thanks

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

  • @ead5590
    @ead5590 4 роки тому +2

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

    • @KayCinho
      @KayCinho  4 роки тому +1

      You're very welcome!

  • @goodlywp2593
    @goodlywp2593 4 роки тому +2

    Very helpful and informative video :) keep it up!

    • @KayCinho
      @KayCinho  4 роки тому

      Thanks, I'm glad it helped :)

  • @blomo-klaus4929
    @blomo-klaus4929 2 роки тому

    Thanks alot;
    U're a life saver.

  • @roykms
    @roykms 4 роки тому +1

    Fabolous man, thank you for making the prototypes!

    • @KayCinho
      @KayCinho  4 роки тому

      You're very welcome!

  • @DynamicMentalFitness
    @DynamicMentalFitness 3 роки тому +1

    Sweet! Thanks.

  • @king0vdarkness
    @king0vdarkness Рік тому

    The website breakdown from 6:52 is really helpful!

  • @shawnbeans7389
    @shawnbeans7389 3 роки тому

    is this for dynamic website or static website

  • @appinventor3836
    @appinventor3836 4 роки тому +1

    thanks for let me explain ❤️

  • @shainahuntsberry6758
    @shainahuntsberry6758 2 роки тому

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

  • @sukhmandhillon3383
    @sukhmandhillon3383 3 роки тому

    please reply
    please reply
    i need this for my assignment submission

    • @KayCinho
      @KayCinho  3 роки тому

      I've used Affinity Designer

  • @sukhmandhillon3383
    @sukhmandhillon3383 3 роки тому

    In which software we have to plan website for submission?

    • @KayCinho
      @KayCinho  3 роки тому

      I've used Affinity Designer

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

  • @moreinmaths6134
    @moreinmaths6134 4 роки тому +1

    Great video thanks a lot!

    • @KayCinho
      @KayCinho  4 роки тому

      You're very welcome!

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

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

  • @maricarvalho5941
    @maricarvalho5941 3 роки тому +1

    Amazing!

    • @KayCinho
      @KayCinho  3 роки тому

      Thanks Mari! Glad you enjoyed it :)

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

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

  • @alishkawg
    @alishkawg 4 роки тому

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

    • @KayCinho
      @KayCinho  4 роки тому

      You're very welcome!

  • @khulekaniduma7158
    @khulekaniduma7158 3 роки тому

    Great video !!!

    • @KayCinho
      @KayCinho  3 роки тому

      Thanks! Glad it helped :)

  • @0x656e
    @0x656e 4 роки тому +1

    Thank you!!

    • @KayCinho
      @KayCinho  4 роки тому +1

      You're welcome! :)

  • @nicolecastro2684
    @nicolecastro2684 3 роки тому

    thanks😊😮

    • @KayCinho
      @KayCinho  3 роки тому +1

      You're very welcome!

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

  • @aqua551
    @aqua551 2 роки тому +1

    Thanks a lot !

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