November 10, 2019 HomeArticlesBlog design wireframe! | Episode 3 of Designing a Website Blog design wireframe! | Episode 3 of Designing a Website By David Keiser Articles, Blog 26 Comments Related posts: Create a 12 Column Grid in Adobe XD 17 Responsive Web Design Trends You NEED to know in 2017 The 6 Stages of a Web Design Project – UX Design Principles Timeline by Anima: Web Design Animation & Export Code from Sketch Tags:blog design, designing a website, how to design a blog, UI, ui design, ux, ux design, web design, website redesign, wireframing Related Posts The most famous baboons on the internet THE MOST HATED PERSON ON THE INTERNET (Net Neutrality) Every Fake Business in Breaking Bad | Netflix About Author admin 26 Comments MANSOOR KHAN hi I need help for to become a full stack developer…….. June 23, 2018 Reply Evy K This is very informative. You are such an inspiration. June 23, 2018 Reply R J Thanks Charlie June 23, 2018 Reply Natasha Redmane Yeeees! I love this series ;-;I'm right now designing my blog too and I just watched your other videos for some inspiration hahahahaThank you for this content <3 June 23, 2018 Reply Kevin Gutowski Thanks for sharing your process Charli! Seeing you wireframe on an iPad makes me want to get one! I tend to just draw light gray squares in Sketch but the freeform aspect of hand-drawing is really tempting. June 23, 2018 Reply Brian Hinton Maybe consider drawing in red pen over the elements you are discussing? You can always delete later, but during the video it will provide a visual understanding of what you are talking about. June 23, 2018 Reply Julio Montiel Yayyy !!! Thank you so much for sharing your knowledge with us! it's so good to see the work of people who know a lot!Regards from Chile, South America! June 23, 2018 Reply Dogger1230 My favorite web designer channel! Just started class this past week for web development. I love it! And your videos help! June 24, 2018 Reply Essam Al-Mansouri Do you read these comments? I am a web developer looking to expand my portfolio and wanted to know if you're looking for a developer. 100% free and risk free. I would just rather be doing something more useful than toy websites. June 24, 2018 Reply Ken Jo Hi Charli! Love this series! Keep em coming! 😀 June 24, 2018 Reply mi Nima Thanks for the video, have your tried Adobe Comp on your iPad Pro? it is a great tool for wireframing. June 24, 2018 Reply Martynne Chen I love this series. Definitely giving me ideas on how I can use my website to consolidate all my projects better June 25, 2018 Reply Nathan Allotey Glad you are back on this series. Take it one day at a time as you have the time. As I mentioned on twitter you are inspiring me and holding me accountable to creating my own website: https://www.youtube.com/watch?v=2XmPG6Ssvew June 26, 2018 Reply Phoebe Hey Charli, I love your videos. I am a new designer, but I have other jobs as well. Specifically I am a professor, and need an online CV / teaching portfolio. Right now my design portfolio and teaching portfolio are part of the same website – is that a good idea? Or is it too confusing? I'd love to hear your thoughts! June 28, 2018 Reply Виктор Иконников What app do you use in this video? July 5, 2018 Reply santanasg I'm just loving this series! July 5, 2018 Reply Brussells Looks like a great app you're using. Have downloaded it but yet to give it a road test. You're using the iPad Pro, right? Which size do you have pls? And do you recommend it? I have the iPad Air 2 but there aren't any reliable stylus solutions for it, so am looking at other options.Looking forward to watching more of this series. I'm currently focused on web dev so it's interesting to see how the design process comes together. Ideally, for personal projects, I'd like to be able to do my own designing, hence why I've been binge watching your content. Really helpful. August 17, 2018 Reply ananth619 @CharlieMarieTV Hey Charli, I just had a placement test for my interview to do a SOW by only looking at a wireframe that was done for a mobile app. I had no clue how that can be done by just only looking at a wireframe..would really appreciate if you can demonstrate how something like that can be done.. September 27, 2018 Reply Mike Xue ok, so is this the last one? October 9, 2018 Reply Filippo De Luca I love your videos. I am not a designer at all but a back-end software engineer although I am really interested in design work. Keep up.the good job December 15, 2018 Reply Liz W This helped me so much without me having to sketch out ideas. I just picked the one I liked best out of yours! Thank you! 🙂 February 6, 2019 Reply Aubrey Interesting video! Thanks for sharing. But just to clear up for viewers, what you did is not considered true wireframing. A wireframe is actually a fully-functioning website that you show a client to show them the draft website minus the styles. You do this to have them approve the layout, navigation and functionality of the site without being distracted by colors, fonts and other style matters, which you then do after you get sign-off on the functionality. What you have here is your sketches of the wireframe. May 25, 2019 Reply Matt Hyson Love the way you explain things! Great stuff! June 1, 2019 Reply Jarrad Cranmer Thank you. August 14, 2019 Reply Anabel Schk how do you record the sketching process from the app? is cool August 30, 2019 Reply Mewantsnax __ wireframe = sketching a website October 21, 2019 Reply Add a Comment Cancel reply Your email address will not be published. Required fields are marked *Comment:*Name:* Email Address:* Save my name, email, and website in this browser for the next time I comment.