Designing a website - Episode 1: Planning & site map!

Sdílet
Vložit
  • čas přidán 20. 08. 2024

Komentáře • 299

  • @ArielBissett
    @ArielBissett Před 6 lety +94

    This is great! It's always so good to understand what goes on behind the scenes!

    • @kamil4403
      @kamil4403 Před 3 lety

      This video is more interesting for people that want to learn how to do it i think

    • @xiaoyejiepai
      @xiaoyejiepai Před rokem

      Our company's website is done by Qinyitong Studio.

  • @Kate-is5mz
    @Kate-is5mz Před 4 lety +1

    Who the hell dislikes videos like these?! Like, why is there always THAT person... this is a very good, informative and insightful video, who would anyone ever have a problem with that, jeez... anyway, great video, subscribed!

  • @imenziani2288
    @imenziani2288 Před 6 lety +8

    I love how you make it feel simple and possible for any one to do. In this series I think you're going to show us or give us ideas on how to think when wanting to design a website more than how to actually do it which is great. I really like it. Keep up the hard work.

  • @Paigeboyd1
    @Paigeboyd1 Před 6 lety +10

    So glad to see a series like this! I study Interaction Design and have been building websites for three years now but it's always interesting to see other peoples' process - thank you for doing this! :)

  • @hannahferreter
    @hannahferreter Před 6 lety +10

    Loved this video and the idea for the series. I learned the hard way of the importance of an outline/site map while designing the drama department website for my school. I was so excited about the actually designing that halfway through the project I was left with multiple pages floating in the menu which did not need to be there. After creating a site map the website all came together. Thanks for the video! I can't wait for the next one!

  • @andru2080
    @andru2080 Před 6 lety +15

    Interesting to see how you work :) Whenever I built websites in the past, I always made a quick list of pages and jumped ahead to sketching out the pages themselves on paper but it's so obvious and makes sense to build a site map like this first!

  • @themuddabeyonceshow7154

    I know this video is 3 years old but it was super helpful and not overwhelming.

  • @jalabi99
    @jalabi99 Před 6 lety +1

    Best part of it was when you decided to make an MVP site in order to not get overwhelmed. Looking forward to the rest of the series.

  • @adriankenepah3673
    @adriankenepah3673 Před 6 lety +5

    Super rad idea, Charlie! Really looking forward to this series. I love learning about different processes and methods people use for building out websites. One thing I do, which may be overkill, is a whole discovery process of the site. Really diving into the type of people who may be visiting the website (a fan, causal visitor, company looking to hire, someone looking for inspiration, etc). Obviously this varies throughout the type of project you’re working on, but it helps with the design and UI/UX portion of the website by finding the commonalities with each individual visitor and basing my structure and content off of that.
    Anyways. Keep killing it! Again, really I looking forward to the next part of this series!

  • @jeanwangg
    @jeanwangg Před 6 lety

    those process and details about starting a business is going to be so helpful and crucial to so many freelance designers like me! these are all necessary but not a lot of individuals post about them. it'd be great to see a designer be transparent about that!

    • @charlimarieTV
      @charlimarieTV  Před 6 lety +3

      I think I’m going to do a ‘financial year in review’ where I talk about my first year having an LLC. Sounds like that might be useful?

  • @kydune8152
    @kydune8152 Před 3 lety

    The way this has cleared my skin. Thank you

  • @jethrojohnson117
    @jethrojohnson117 Před 4 lety +1

    Thanks Charli! I will be using your video for flipped learning to broaden the scope of understanding of my students about site structure.

  • @rosetyler5822
    @rosetyler5822 Před 6 lety +2

    Thank you for taking the time to make this, Charli. You are an inspiration!

  • @pockets08
    @pockets08 Před 4 lety +2

    HELLO HUMAN, saw this and only 10 seconds in - SUBBED. Super excited to watch this series.

  • @manoharr8812
    @manoharr8812 Před 4 lety

    I do have a non-commercial website that needs redesigning as I am including diverse and expansive material. Your thinking as how to organize content is of great help to me. Thank you very much.

  • @heidykatheryn8279
    @heidykatheryn8279 Před 2 lety

    Great this is what I was looking for, someone who walk me through step by step. Thanks youuu

  • @steparko23
    @steparko23 Před 6 lety +14

    I find that when I’m on my phone or iPad, using a mind mapping app allows me to record site map ideas easily and efficiently. It shows the basic page linking structure that I can come back to and reference later.

  • @chris-adams-tas
    @chris-adams-tas Před 3 lety

    This is a good explanation of the process of determining Site Architecture IMHO, thanks for sharing Charli.

  • @hfortenberry
    @hfortenberry Před 6 lety +2

    I'm excited I found this! You are where I want to be in a couple of years! Thank you for sharing so much!

  • @iamjasonthompson
    @iamjasonthompson Před 6 lety +8

    Nice... this is so important. I remember when I was a novice I would just jump into Photoshop and start building. the result would be dredfully awful websites. 😂

  • @indurekhasahu
    @indurekhasahu Před 4 lety +2

    This is great! and very helpful for me to get my plan for my website finished in the right way :) Thank you so much for sharing!

  • @davehansel9715
    @davehansel9715 Před rokem

    I really like the way you explain things! I have someka's sitemap generator to create sitemap diagrams. Easiest way to create a sitemap chart imho. Thanks for the video! On to the episode 2:)

  • @skeeterbrookscreationsllc2106

    THANK YOU...THANK YOU...THANK YOU!!! This video was GREAT!!! Watching you go through just this simple yet important stage was very clear and helpful to me.

  • @KatrinaEames
    @KatrinaEames Před 6 lety +12

    That was super interesting! I'm planning out a website and this is really helpful for me.

  • @designerannaplay7160
    @designerannaplay7160 Před 6 lety

    I am already visualizing the final version of your website having a clean Material design, which is responsive with any device. Nice one Charlie...! Good Luck...!!!

  • @sasavlog03
    @sasavlog03 Před 2 lety

    This is literally saving me from misery because I have an assignment about this

  • @phoebe_272
    @phoebe_272 Před 6 lety +1

    thanks for posting this! I'm working on building a website this semester so this is super helpful for getting my creativity flowing. Also all the videos you post are everything that i do, oddly enough. You're like my british twin lol

  • @marycrisestrella2246
    @marycrisestrella2246 Před 2 lety

    Hi @CharliMarieTV It is my first time learning how to design a website because it is a requirement for my current subject in college. I watched 2 of your videos including this one and it helped me figure out how to create my own web design. Thank you so much. Love your content.

  • @brunildaserrano3951
    @brunildaserrano3951 Před 6 lety

    Very helpful. Thank you so much. Looking forward to the rest of the episodes to complete the new web site.

  • @milililie
    @milililie Před 6 lety +1

    I can't wait for the next video! It's great to be able to see other designer's process, I always like when people make series like that, I always learn tons. Good luck with your new website, I bet it's going to look neat. :)

  • @emily2555
    @emily2555 Před 6 lety +2

    Super excited for this whole series! I'm getting ready to build my own site as well, and though I plan on using WIX (I think, unless anyone else has a strong case for a different platform??) because I don't know enough about coding, this is going to be super helpful in just the whole thought process and everything. Can't wait to see how it all comes together!

    • @acharyamanish20
      @acharyamanish20 Před 6 lety

      Hi Emily.. I would like to know how it went with your own website as I am also building my website and do not know coding. Please let me know. Waiting :)

    • @andrewd5482
      @andrewd5482 Před 6 lety

      If it’s a crazy simple site, wix will do, but if you plan to do more than just have a few pages, I suggest WordPress. I can spend 5min to go help you decide

  • @DanicaChristin
    @DanicaChristin Před 6 lety

    This video really makes me what to redesign my website. At the moment it's just a wordpress blog but I could do so much more with it

  • @cineselena
    @cineselena Před 6 lety

    I really need to re-up my website (it’s pretty lacklustre and I’ve been paying for it to hang out that way for over a year...) thank you so much for doing this series!!

  • @Adanmacreates
    @Adanmacreates Před 6 lety

    I just started my interface Design class and I have to work on a website brief, this was great to watch for inspiration!

  • @jkbullitt8986
    @jkbullitt8986 Před 4 lety

    Superb! One of the best examples of the high level planning needed for site building. More pls!!

  • @Madwolfx_
    @Madwolfx_ Před 2 lety

    10:50 min well spent. Great content. 💪

  • @BeastXm316
    @BeastXm316 Před 5 lety +3

    Hey Charli! This was super helpful. Thanks a ton

  • @snakeg6
    @snakeg6 Před 3 lety

    Thank you!! Love the series , subscribed and made it simple to follow (specially that I’m visual!)

  • @annachino3602
    @annachino3602 Před 4 lety

    Your video has actually helped and cleared the brain fog for me! Fantastic, thanks!

    • @charlimarieTV
      @charlimarieTV  Před 4 lety

      I'm so happy to hear that! Glad I could help :)

  • @sharonmathew2127
    @sharonmathew2127 Před 6 lety +1

    Hair is looking real good, Charli! 😻 the layers and colors 👌🏼

    • @sharonmathew2127
      @sharonmathew2127 Před 6 lety

      Also, I think blog posts about your business process would be ABSOLUTELY HELPFUL!! I was looking forward to hearing your insight since the first time you mentioned this in a video. There's not a lot of content out there that helps creatives with this side of their work. Thanks Charli!

    • @DeependraTube
      @DeependraTube Před 6 lety

      You figured out " the real thing "... 😀😁😂

  • @mkiorboe
    @mkiorboe Před 3 lety

    I´m redoing my entire portfolio and this was a great input to my process 👍

  • @jean-claudemosquera5635
    @jean-claudemosquera5635 Před 6 lety +1

    Ready for this series!! Thank you!

  • @fangfang5422
    @fangfang5422 Před 2 lety

    This is really great sharing of the process the thinking flow! Appreciated the effort and kindness! Thank you~~

  • @hr4f774
    @hr4f774 Před 5 lety

    Thank you

    • @charlimarieTV
      @charlimarieTV  Před 5 lety

      I agree! However I do know how to code. But I don’t work as a developer so I don’t identify as such.

    • @hr4f774
      @hr4f774 Před 5 lety

      @@charlimarieTV oh thats just plain lovely Ive seen some of your other videos you do know how to develop, I think the fact that you are a developer as well is why you know the difference and have your terms on point. I hate hearing people "develop" a website on wordpress while its jut really drag and drop

    • @charlimarieTV
      @charlimarieTV  Před 5 lety

      Wordpress is only really drag and drop if you’re using a theme like elementor or divi though! At the company I work for our website is built on Wordpress CMS but zero part of it is drag and drop.

    • @hr4f774
      @hr4f774 Před 5 lety

      @@charlimarieTV of course there's company developers that develop wordpress websites in php , but you'd be amazed how many wordpress drag&droppers call themselves developers

  • @pebre79
    @pebre79 Před 6 lety

    Nice start. Looking forward to the next episodes

  • @MoZenLen
    @MoZenLen Před 6 lety +3

    Im so excited for this series :D

  • @elaineanderson4891
    @elaineanderson4891 Před 5 lety +1

    Thank you. I'm in the design process right now.

  • @alexben2443
    @alexben2443 Před 3 lety

    writing the word beforehand, and drawing the box afterwards can make your life easier

  • @elizabethmessina6322
    @elizabethmessina6322 Před 6 lety

    love the series idea!! so excited for more of them

  • @Waqas4hmed
    @Waqas4hmed Před 6 lety

    Amazingggggggggggggggggg! Thanks charlie! Loved it when people do start to finish process.

  • @cagatayelmaci9874
    @cagatayelmaci9874 Před 4 lety

    Gosh! Thought u 've got a kiwi accent then checked your page and you really are! Greetings from CHC!

  • @Reeder6Wisconsin
    @Reeder6Wisconsin Před 6 lety

    Thanks for the great video. Looking forward to seeing how you continue the process.

  • @ozzyfromspace
    @ozzyfromspace Před 3 lety +3

    Super random, but I love your NZ accent 💯😊💃🏽

  • @jonah6404
    @jonah6404 Před 5 měsíci +1

    Awesome video

  • @boogeyman81
    @boogeyman81 Před 3 lety +1

    She looks so cute. Cheers from Brazil!

  • @charityrosypal7102
    @charityrosypal7102 Před 6 lety

    loved this can't wait for the next one in the series!

  • @mdruhulamin9132
    @mdruhulamin9132 Před 3 lety

    Great everybody very helpful to see this video.

    • @mdruhulamin9132
      @mdruhulamin9132 Před 3 lety

      Are you need the Best Web Design Professional Expert Designer Tehran.
      Leave the design of your own website to the professional design team of Spad Company. Your website reflects the values, beliefs and identity of your business, also referred to as a virtual office. (Best Web Design Professional Expert Designer Tehran)(بهترین طراح متخصص حرفه ای طراحی وب تهران)With a professional website, your business will be available to anyone who needs your services anywhere in the world, 24 hours a day, 7 days a week. Contact us if you need professional website design.
      More information Click this Links:www.spad.co/services/website-design

  • @dimitrijejovanovic6779
    @dimitrijejovanovic6779 Před 5 lety +1

    Like Your new purple design ;)

  • @JeramieSaito
    @JeramieSaito Před rokem

    This helps with my planning. Thanks!

  • @twinklej5459
    @twinklej5459 Před 6 lety

    Great video Charli! Can’t wait for the future episodes...i did set up a goal to learn to create websites... this video really helps me with that too.. KUDOS GURL! Also...on a completely different point...your hair looks amazing 😀

    • @charlimarieTV
      @charlimarieTV  Před 6 lety

      Haha thank you! This is what it looks like when the purple has completely faded from it haha

  • @dibinsabu3225
    @dibinsabu3225 Před 4 lety

    It's always good Charlie and I am becoming a web designer soon

  • @ToriLillytheauthor
    @ToriLillytheauthor Před 6 lety

    This is so cool! I love your channel because I want to be a web designer!

  • @veronicasnair2800
    @veronicasnair2800 Před 6 lety

    Love the idea of this series, so helpful!

  • @RodrigoAbdalla
    @RodrigoAbdalla Před 4 lety

    Thank you Charli! 👏👏👏

  • @PinoyBoyy
    @PinoyBoyy Před 6 lety

    I’m super excited!

  • @nechus9015
    @nechus9015 Před 3 lety

    Good one...
    Your fan from India

  • @dankast4483
    @dankast4483 Před 2 lety

    Clean!😊👍

  • @wgm247
    @wgm247 Před 4 lety

    This girl is just so cool

  • @gordrik1591
    @gordrik1591 Před 5 lety +1

    Well described, clear and easy to follow = Good stuff = Subscribed. Thank you for this :)

  • @malikm76
    @malikm76 Před 4 lety

    Great stuff. You are very organised designer. This gave me great inputs for my own project. Thanks. Subscribed.
    I could not understand why you didn't want to continue with Wordpress ( which is the world's largest CMS) and rather go with Weblow instead. Actually thats my gripe with wbsite designers who approach me to get business from me. Using technologies like Webflow always makes me in 'need' of a website design company. Good for them.

  • @amintongideon9912
    @amintongideon9912 Před 2 lety

    i have just watch this but it very simple and easy to implemant

  • @Brawlstriker89
    @Brawlstriker89 Před 23 dny +1

    I find it offensive that all these people who didn’t do the hard work learning to code. Call themselves web designers.. I feel the same way from an artist standpoint. I’ve been drawing and doing art for 34 years. When someone who just copies and pastes images together and call themselves artists I’m also offended.. I went to school for years to learn full stack development. Took computer science. And can build awesome websites, WITH CODE! You can always do so much more if you know how to code.. not use predefined tools. Not only that but you learn the actual science behind all of this.. learning why you should or shouldn’t have certain things on your site. Like forms. Which hackers use to inject malicious code. So you have to be Leary using any type of form.. and so much more of course

    • @charlimarieTV
      @charlimarieTV  Před 23 dny

      You know that web design is a different skillset from web development, right? And not that you asked (because you just assumed I couldn't), but I can write code.

  • @Alex-jp2ml
    @Alex-jp2ml Před 6 lety

    Such an awesome idea! loved it:)

  • @emadelsammad201
    @emadelsammad201 Před 4 lety +1

    Good vid, but I was hoping if you can teach us how to design a digital sitemap with a nice layout to put it on our portfolio

    • @charlimarieTV
      @charlimarieTV  Před 4 lety

      you could use Figma or your design tool of choice to draw digital boxes instead of my hand-drawn ones! :)

  • @jizhang3696
    @jizhang3696 Před 4 lety

    Thanks Charli, it’s really helpful

  • @samanthab3526
    @samanthab3526 Před 2 lety

    This was really nice and helpful. Thank you :)

  • @thepetaldragon
    @thepetaldragon Před 4 lety

    This is a great resource, thank you!

  • @MelanieChadwick
    @MelanieChadwick Před 6 lety

    Thanks so much Charlie! New website is on my list so its great to watch your steps.

  • @SirDuffet
    @SirDuffet Před 4 lety +1

    Wayne Askey gang where we at?

    • @charlimarieTV
      @charlimarieTV  Před 4 lety

      Hi! Who is Wayne Askey?

    • @SirDuffet
      @SirDuffet Před 4 lety

      @@charlimarieTV My teacher who sent me a bunch of your videos to watch 😂

    • @charlimarieTV
      @charlimarieTV  Před 4 lety

      Oh that’s so cool! Say hi to your teacher and class from me!

  • @syntheticsynesthete2542

    damn excited for this

  • @machinery10
    @machinery10 Před rokem

    Hey thanks! Love this.

  • @nwezeonyisam6491
    @nwezeonyisam6491 Před 2 lety

    Awesome!! am realing learning from you

  • @untorn7046
    @untorn7046 Před 6 lety +2

    I think those ideas about accounting and such wouldn’t be a bad idea here on CZcams

    • @iamjasonthompson
      @iamjasonthompson Před 6 lety

      Orphic I was going to say the same. Ran over at Flux does it... and it doesn't bother me a bit

    • @charlimarieTV
      @charlimarieTV  Před 6 lety +2

      That's good to know! I am planning on doing videos about design-related business (eg: contracts! and I've already done a series on how to price your work) but I feel like content such as 'how I ran my Patreon campaign' aren't really relevant to design so not a good fit for my channel I don't think!

    • @iamjasonthompson
      @iamjasonthompson Před 6 lety

      CharliMarieTV Makes sense. I look forward to the design related biz content 👍🏽

    • @untorn7046
      @untorn7046 Před 6 lety +2

      fair enough, while on topic about design-related business could you talk about what it's like to work with a team and a little on how the work is broken up. Theres a small opportunity in my city and I just want to know what to expect. if not to much trouble but an idea :D

  • @anant_wwrarmilladiskipdwth1324

    Ram Ram good luck tai.

  • @mautopsy
    @mautopsy Před 6 lety

    Thanks for your videos - very informative and inspiring at the same time)

  • @mouadhboukefa560
    @mouadhboukefa560 Před 2 lety

    Great video. thank you for sharing.

  • @kpopdance_lover
    @kpopdance_lover Před 6 lety +2

    Thanks for sharing your process. What app were you using, if you don't mind sharing that info?

  • @bambowers8177
    @bambowers8177 Před 5 lety

    So when can e expect content on starting an LLC and working with an accountant? I'm very interested in hearing this topic from another designer, as I plan to do this in 2019 myself. Great vid btw!

  • @yuii_myth9763
    @yuii_myth9763 Před 2 lety

    nice work ms

  • @avi12
    @avi12 Před 2 lety

    Please reorder the videos in the playlist so the first video will be the first episode

  • @EffnCrisp
    @EffnCrisp Před 3 lety

    helped me clear my mind a lot ... Kudos(Y)

  • @anjalijain4470
    @anjalijain4470 Před 6 lety +1

    It was really helpful .thanks

  • @santoshchaudhary6301
    @santoshchaudhary6301 Před 2 lety

    Great ! charli madam

  • @MrOmidAmirian
    @MrOmidAmirian Před 3 lety

    that was light up :) thank you a lot

  • @pixelwebdesign623
    @pixelwebdesign623 Před 5 lety

    Excellent vid, more please.

  • @JoseStriveEnterprise
    @JoseStriveEnterprise Před 4 lety

    Amazing content!

  • @KamranMehmood2312
    @KamranMehmood2312 Před 4 lety

    Hi Charli, Greetings from Pakistan...it's good to see a post with great details and it help me a lot to understand the basic idea about building. website. I request you to please add some more advice about the selection of technology for website building backed by the reasoning.
    Regards,
    Kamran Mehmood

  • @jameswebber-salmon7105

    Thank you

  • @gergemall
    @gergemall Před 6 lety

    Thank you it sounds wonderful

  • @moztar6247
    @moztar6247 Před 2 lety

    Some cheeky South African accent in the mix there somewhere, uf 💃

    • @charlimarieTV
      @charlimarieTV  Před 2 lety +1

      haha nope, just NZ!

    • @moztar6247
      @moztar6247 Před 2 lety

      @@charlimarieTV damn! But nonetheless, awesome accent! Keep sharing and keep going Charli!💪