title
How to Build a Responsive Website From Start to Finish - Discovery & Documentation - Part1

description
Today is Part 1 of a multi part series called "How to build a professional responsive website from start to finish" Let's look at planning — Ideation, Discovery, and Documentation. --- DevTips is a YouTube show about web design and development. HTML5 Basics Playlist: https://www.youtube.com/playlist?list=PLqGj3iMvMa4KlJn1pMYPVV3eYzxJlWcON CSS Basics Playlist: https://www.youtube.com/playlist?list=PLqGj3iMvMa4IOmy04kDxh_hqODMqoeeCy ---- DevTips now has a twitter account: https://twitter.com/DevTipsShow Travis also tweets: https://twitter.com/travisneilson

detail
{'title': 'How to Build a Responsive Website From Start to Finish - Discovery & Documentation - Part1', 'heatmap': [{'end': 650.864, 'start': 629.532, 'weight': 0.881}, {'end': 797.009, 'start': 764.679, 'weight': 0.963}], 'summary': 'Series covers project ideation, web design, and portfolio essentials, client-centric design tips, client communication, showcasing work, stakeholder alignment, project organization, and the importance of planning in projects, providing valuable insights on audience consideration, client roi, effective communication, and project management.', 'chapters': [{'end': 293.933, 'segs': [{'end': 128.062, 'src': 'embed', 'start': 22.139, 'weight': 0, 'content': [{'end': 24.62, 'text': "okay?. So let's get started.", 'start': 22.139, 'duration': 2.481}, {'end': 38.327, 'text': 'Before we can do anything, before we start sketching our ideas or even thinking about how anything will look in terms of layout and features,', 'start': 30.643, 'duration': 7.684}, {'end': 41.709, 'text': 'we want to answer a few basic, important questions.', 'start': 38.327, 'duration': 3.382}, {'end': 46.991, 'text': "okay?. I'm gonna use this mind mapping tool to help me answer these questions with you guys.", 'start': 41.709, 'duration': 5.282}, {'end': 52.154, 'text': 'So the title of this mind node is questions.', 'start': 47.952, 'duration': 4.202}, {'end': 59.598, 'text': 'Now, the first question with any project is you have to answer this question who is the owner?', 'start': 53.795, 'duration': 5.803}, {'end': 67.902, 'text': "And then, after that, it's important to answer the question of who is the audience?", 'start': 61.738, 'duration': 6.164}, {'end': 74.606, 'text': "If you can answer these two questions with any confidence, you're on a great start, but that's not how it ends.", 'start': 70.043, 'duration': 4.563}, {'end': 82.07, 'text': "Once you know who the involved parties are, you have to think about what's important to them.", 'start': 76.367, 'duration': 5.703}, {'end': 87.854, 'text': 'okay?. What features are important to me?', 'start': 82.07, 'duration': 5.784}, {'end': 91.854, 'text': "that's for the owner.", 'start': 90.794, 'duration': 1.06}, {'end': 93.995, 'text': 'but also consider the audience.', 'start': 91.854, 'duration': 2.141}, {'end': 95.855, 'text': 'what features are important to them?', 'start': 93.995, 'duration': 1.86}, {'end': 104.578, 'text': 'now? these may seem like basic questions, but in order to answer them, we have to exercise our empathy, which is really really important.', 'start': 95.855, 'duration': 8.723}, {'end': 111.619, 'text': "in web design and development, we have to put ourselves in the shoes of the people that we're designing, for if we don't do that,", 'start': 104.578, 'duration': 7.041}, {'end': 115.56, 'text': "we're going to design the wrong thing in the wrong way every time.", 'start': 111.619, 'duration': 3.941}, {'end': 119.095, 'text': 'okay, so we have to think about who is the owner And who is the audience?', 'start': 115.56, 'duration': 3.535}, {'end': 122.057, 'text': "Let's just stash these questions over there and create a new one.", 'start': 119.115, 'duration': 2.942}, {'end': 128.062, 'text': 'This project is going to be a simple portfolio site.', 'start': 122.798, 'duration': 5.264}], 'summary': "In web design, understanding the project's owner and audience is crucial for creating a successful portfolio site by identifying important features and exercising empathy.", 'duration': 105.923, 'max_score': 22.139, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc22139.jpg'}, {'end': 209.003, 'src': 'embed', 'start': 178.074, 'weight': 3, 'content': [{'end': 183.555, 'text': "After that, they're going to definitely need a contact, a way for people to reach out to them.", 'start': 178.074, 'duration': 5.481}, {'end': 188.915, 'text': "This is the purpose of a portfolio site, to show you my work and then let's do business together.", 'start': 183.595, 'duration': 5.32}, {'end': 193.796, 'text': "It's very, very common for artists, because they're such expressive individuals,", 'start': 189.196, 'duration': 4.6}, {'end': 197.897, 'text': 'to want to inject a lot of their personality into their portfolio site.', 'start': 193.796, 'duration': 4.101}, {'end': 201.438, 'text': 'In fact, they inject a lot of personality into their very work that they do,', 'start': 198.297, 'duration': 3.141}, {'end': 209.003, 'text': 'so it makes a lot of sense that they would want to showcase not only the executables, the things that they deliver, but also themselves.', 'start': 201.438, 'duration': 7.565}], 'summary': 'Portfolio site allows artists to showcase work and personality, facilitating business connections.', 'duration': 30.929, 'max_score': 178.074, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc178074.jpg'}, {'end': 244.322, 'src': 'embed', 'start': 215.108, 'weight': 5, 'content': [{'end': 223.155, 'text': "it's important that they understand who you are and how you approach things, and a little bit about your personality.", 'start': 215.108, 'duration': 8.047}, {'end': 232.255, 'text': 'So I want to have a kind of a section on there that in some way showcases the personality of the artist.', 'start': 223.195, 'duration': 9.06}, {'end': 244.322, 'text': 'Now that can be, you know, common use cases are headshots or like an illustration of your face or something, or quotes from someone you admire.', 'start': 232.655, 'duration': 11.667}], 'summary': "Highlight artist's personality with headshots or quotes.", 'duration': 29.214, 'max_score': 215.108, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc215108.jpg'}, {'end': 295.494, 'src': 'embed', 'start': 272.648, 'weight': 4, 'content': [{'end': 279.99, 'text': "Oftentimes, you'll see people have a blog attached to it, or they'll have their Instagram feed attached to it, or something like that.", 'start': 272.648, 'duration': 7.342}, {'end': 286.632, 'text': 'But I think that you want to make it, in most cases, as streamlined and focused for your desired outcome as possible.', 'start': 280.19, 'duration': 6.442}, {'end': 291.593, 'text': "So we're not going to add any of the extra frills, at least at this point.", 'start': 287.112, 'duration': 4.481}, {'end': 293.933, 'text': "I'm not thinking it's important to the artist.", 'start': 291.933, 'duration': 2}, {'end': 295.494, 'text': 'This is somebody who has some work.', 'start': 293.953, 'duration': 1.541}], 'summary': 'Streamline and focus the online presence for desired outcomes, excluding extra frills.', 'duration': 22.846, 'max_score': 272.648, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc272648.jpg'}], 'start': 1.769, 'title': 'Project ideation, web design, and portfolio essentials', 'summary': "Covers the process of ideation and discovery, emphasizing audience consideration in web design and highlighting essential features for an artist's portfolio site. it stresses the importance of identifying project owner and audience needs, exercising empathy, and creating a focused, streamlined site.", 'chapters': [{'end': 104.578, 'start': 1.769, 'title': 'Project ideation and discovery', 'summary': 'Introduces the process of ideation and discovery in a project, highlighting the importance of identifying the project owner and audience, understanding their needs, and exercising empathy to determine important features for both parties.', 'duration': 102.809, 'highlights': ['The chapter emphasizes the significance of identifying the project owner and audience as the foundational step in the project, setting the groundwork for further development.', 'It underscores the importance of understanding the needs and priorities of both the project owner and the audience, stressing the value of exercising empathy in this process.', 'The chapter introduces the use of a mind mapping tool to aid in answering important questions regarding the project, showcasing a practical approach to project ideation and discovery.']}, {'end': 153.353, 'start': 104.578, 'title': 'Web design and audience consideration', 'summary': 'Emphasizes the importance of considering the audience in web design and development, stressing the need to understand the owner and the audience, particularly in creating a portfolio site for an artist.', 'duration': 48.775, 'highlights': ['Understanding the owner and the audience is crucial in web design to avoid designing the wrong thing (quantifiable data: none).', 'Creating a portfolio site for an artist requires considering the owner as the artist and understanding the diverse audience (quantifiable data: none).']}, {'end': 293.933, 'start': 153.353, 'title': 'Portfolio site essentials', 'summary': "Outlines the essential features of an artist's portfolio site, including a showcase of work, contact information, and a section to showcase the artist's personality, emphasizing the importance of keeping the site streamlined and focused.", 'duration': 140.58, 'highlights': ['The purpose of a portfolio site is to showcase work and facilitate potential business opportunities, making it crucial to include a gallery and contact information.', "Artists often aim to inject their personality into their portfolio sites to provide clients with insight into their approach and personality, often including elements such as headshots, quotes, or an 'about me' blurb.", "While additional features like a blog or Instagram feed can be added, it is important to prioritize a streamlined and focused approach to cater to the desired outcome for the artist's portfolio site."]}], 'duration': 292.164, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc1769.jpg', 'highlights': ['The chapter emphasizes the significance of identifying the project owner and audience as the foundational step in the project, setting the groundwork for further development.', 'The chapter introduces the use of a mind mapping tool to aid in answering important questions regarding the project, showcasing a practical approach to project ideation and discovery.', 'It underscores the importance of understanding the needs and priorities of both the project owner and the audience, stressing the value of exercising empathy in this process.', 'The purpose of a portfolio site is to showcase work and facilitate potential business opportunities, making it crucial to include a gallery and contact information.', "While additional features like a blog or Instagram feed can be added, it is important to prioritize a streamlined and focused approach to cater to the desired outcome for the artist's portfolio site.", "Artists often aim to inject their personality into their portfolio sites to provide clients with insight into their approach and personality, often including elements such as headshots, quotes, or an 'about me' blurb.", 'Creating a portfolio site for an artist requires considering the owner as the artist and understanding the diverse audience.']}, {'end': 477.487, 'segs': [{'end': 364.823, 'src': 'embed', 'start': 317.682, 'weight': 2, 'content': [{'end': 321.644, 'text': "okay?, The first thing, if I'm a client I'm gonna look for is the work.", 'start': 317.682, 'duration': 3.962}, {'end': 328.271, 'text': 'Do they do good work? Is this something that I wanna buy? Secondly, I want to know how to contact them.', 'start': 322.525, 'duration': 5.746}, {'end': 336.814, 'text': "And personality will come into it when you're deciding.", 'start': 330.112, 'duration': 6.702}, {'end': 342.356, 'text': "Actually, let's move that up because personality will come into it when you're deciding if you do want to contact them.", 'start': 336.894, 'duration': 5.462}, {'end': 346.758, 'text': "And there's also a few other things.", 'start': 343.517, 'duration': 3.241}, {'end': 354.081, 'text': "You know, it's such a big decision for a client to try to reach out and make that initial contact.", 'start': 346.978, 'duration': 7.103}, {'end': 356.099, 'text': 'And we can discuss this later.', 'start': 354.858, 'duration': 1.241}, {'end': 364.823, 'text': 'but sometimes I see these websites where you go and the landing page is a button that says contact me or like a form field that you can fill out to send your email address.', 'start': 356.099, 'duration': 8.724}], 'summary': 'Clients prioritize good work and easy contact when evaluating a business, with personality also playing a role.', 'duration': 47.141, 'max_score': 317.682, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc317682.jpg'}, {'end': 477.487, 'src': 'embed', 'start': 382.509, 'weight': 0, 'content': [{'end': 387.771, 'text': "You know, like is this going to be a good relationship longterm with this company or person? Anyhow, that's just a side tension.", 'start': 382.509, 'duration': 5.262}, {'end': 392.453, 'text': 'What I think would be a good idea for clients to be able to see.', 'start': 388.351, 'duration': 4.102}, {'end': 395.595, 'text': 'are some, some proof,', 'start': 392.453, 'duration': 3.142}, {'end': 403.079, 'text': 'some social proof or evidence from your past clients that working with you was a good idea and a pleasurable experience for them?', 'start': 395.595, 'duration': 7.484}, {'end': 404.921, 'text': 'So this is often in the form of testimonials.', 'start': 403.119, 'duration': 1.802}, {'end': 415.812, 'text': "And I think there's another thing, and it may or may not be expressed in the final design of the site, but we still want to.", 'start': 407.544, 'duration': 8.268}, {'end': 424.361, 'text': 'in this stage, we want to express our empathy and we want to explore the ideas that we have concerning what we want,', 'start': 415.812, 'duration': 8.549}, {'end': 427.587, 'text': 'what we think the client would want to see.', 'start': 425.407, 'duration': 2.18}, {'end': 435.909, 'text': 'So I know from personal experience that the clients are very interested on return of their investment in you, right? So ROI.', 'start': 427.647, 'duration': 8.262}, {'end': 438.73, 'text': 'And that could mean they would want to see your pricing.', 'start': 435.929, 'duration': 2.801}, {'end': 447.152, 'text': 'That could mean they would want to see what types of deliverables they are going to get.', 'start': 440.09, 'duration': 7.062}, {'end': 453.813, 'text': "Now you'll see this a lot on photographers, you know, like a wedding photographer or something.", 'start': 447.532, 'duration': 6.281}, {'end': 455.558, 'text': 'their websites.', 'start': 454.438, 'duration': 1.12}, {'end': 458.079, 'text': "they'll have, you know, different packages.", 'start': 455.558, 'duration': 2.521}, {'end': 464.142, 'text': 'you know for this, this level the the bronze package you just get like a DVD with your photos on it.', 'start': 458.079, 'duration': 6.063}, {'end': 467.783, 'text': 'with this silver package you get three prints and whatever.', 'start': 464.142, 'duration': 3.641}, {'end': 476.146, 'text': "and for the gold package you get a frame and like a movie and like I don't know whatever.", 'start': 467.783, 'duration': 8.363}, {'end': 477.487, 'text': 'but deliverables are important.', 'start': 476.146, 'duration': 1.341}], 'summary': 'Clients seek social proof and clarity on deliverables and pricing for a good relationship.', 'duration': 94.978, 'max_score': 382.509, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc382509.jpg'}], 'start': 293.953, 'title': "Client-centric design tips and deliverables' importance", 'summary': "Emphasizes the significance of showcasing good work, providing easy contact options, and offering social proof to potential clients in client-centric website design. it also highlights the importance of deliverables in client roi, demonstrating how pricing and types of deliverables impact clients' investment decisions, using the example of photographers offering different packages with varying deliverables on their websites.", 'chapters': [{'end': 427.587, 'start': 293.953, 'title': 'Client-centric design tips', 'summary': "Emphasizes the importance of showcasing good work, providing easy contact options, and offering social proof to potential clients when designing a website for creative professionals, with a focus on empathizing with the client's perspective and needs.", 'duration': 133.634, 'highlights': ["The chapter emphasizes showcasing good work, providing easy contact options, and offering social proof to potential clients, with a focus on empathizing with the client's perspective and needs.", 'The first thing a client looks for is the quality of work, followed by easy contact options and social proof.', "The chapter suggests that websites with only a 'contact me' button or a simple form for email addresses may not be effective for client engagement.", 'The suggestion to include testimonials and evidence of positive client experiences is emphasized as a way to reassure potential clients.', 'The chapter recommends exploring ideas that align with what the client would want to see, reflecting a client-centric approach to design.']}, {'end': 477.487, 'start': 427.647, 'title': 'Importance of deliverables in client roi', 'summary': 'Emphasizes the importance of deliverables in client roi, highlighting how clients are interested in the return of their investment, which often involves wanting to see pricing and types of deliverables, as seen in the example of photographers offering different packages with varying deliverables on their websites.', 'duration': 49.84, 'highlights': ['Clients are very interested in the return of their investment, which often involves wanting to see pricing and types of deliverables.', 'Photographers offer different packages with varying deliverables on their websites, such as DVD with photos, prints, frames, and movies.', 'Deliverables play a crucial role in determining client satisfaction and perceived value of the investment.']}], 'duration': 183.534, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc293953.jpg', 'highlights': ["The chapter emphasizes showcasing good work, providing easy contact options, and offering social proof to potential clients, with a focus on empathizing with the client's perspective and needs.", 'Clients are very interested in the return of their investment, which often involves wanting to see pricing and types of deliverables.', 'The first thing a client looks for is the quality of work, followed by easy contact options and social proof.', 'The suggestion to include testimonials and evidence of positive client experiences is emphasized as a way to reassure potential clients.', 'Deliverables play a crucial role in determining client satisfaction and perceived value of the investment.', "The chapter suggests that websites with only a 'contact me' button or a simple form for email addresses may not be effective for client engagement.", 'Photographers offer different packages with varying deliverables on their websites, such as DVD with photos, prints, frames, and movies.', 'The chapter recommends exploring ideas that align with what the client would want to see, reflecting a client-centric approach to design.']}, {'end': 886.328, 'segs': [{'end': 521.356, 'src': 'embed', 'start': 477.487, 'weight': 0, 'content': [{'end': 488.067, 'text': "if you can explain things to to your potential client and make it really rock solid in their mind what they're getting themselves into,", 'start': 477.487, 'duration': 10.58}, {'end': 496.72, 'text': "they're a lot more likely to be able to feel comfortable with reaching out and contacting you for further discussion.", 'start': 488.067, 'duration': 8.653}, {'end': 508.952, 'text': "Now, we talked about work, and sometimes work is just a few screenshots of the things that you've done just to help people understand a few ideas.", 'start': 498.362, 'duration': 10.59}, {'end': 512.936, 'text': 'Sometimes, if you want to go deeper, you can talk about case studies.', 'start': 509.532, 'duration': 3.404}, {'end': 521.356, 'text': "Now case studies are really, really useful to somebody who's making that business decision of should they hire you or not.", 'start': 515.131, 'duration': 6.225}], 'summary': 'Clear communication and case studies increase client comfort and likelihood of contact.', 'duration': 43.869, 'max_score': 477.487, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc477487.jpg'}, {'end': 574.028, 'src': 'embed', 'start': 546.032, 'weight': 3, 'content': [{'end': 551.175, 'text': 'But the more alignment, the better, right? You want the artist to want the same thing as their client.', 'start': 546.032, 'duration': 5.143}, {'end': 552.816, 'text': "You're going to have a better product that way.", 'start': 551.195, 'duration': 1.621}, {'end': 554.837, 'text': 'I think this is good for now.', 'start': 553.637, 'duration': 1.2}, {'end': 562.142, 'text': 'What we want to do mainly in this stage is understand who are the stakeholders in the project.', 'start': 555.177, 'duration': 6.965}, {'end': 564.76, 'text': 'and what their needs are.', 'start': 563.198, 'duration': 1.562}, {'end': 574.028, 'text': 'So if you are the owner or the artist, you want to understand, as the creator, I want to understand them, what their needs are.', 'start': 565.38, 'duration': 8.648}], 'summary': 'Alignment between artist and client leads to a better product. identifying stakeholders and their needs is crucial.', 'duration': 27.996, 'max_score': 546.032, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc546032.jpg'}, {'end': 650.864, 'src': 'heatmap', 'start': 618.34, 'weight': 2, 'content': [{'end': 628.546, 'text': 'We have to mold these ideas into an executable form, okay? And so for that, like nearly every project that I do, I use an application.', 'start': 618.34, 'duration': 10.206}, {'end': 632.095, 'text': "Over here and it's a web application called Trello.", 'start': 629.532, 'duration': 2.563}, {'end': 635.978, 'text': 'Trello is free to use and it is awesome.', 'start': 632.095, 'duration': 3.883}, {'end': 638.641, 'text': "So these are all like here's.", 'start': 635.978, 'duration': 2.663}, {'end': 641.243, 'text': "here's how I organize dev tips, the channel.", 'start': 638.641, 'duration': 2.602}, {'end': 645.127, 'text': 'I have all these ideas and I move them over into this.', 'start': 641.243, 'duration': 3.884}, {'end': 647.28, 'text': 'you know, column to schedule.', 'start': 645.919, 'duration': 1.361}, {'end': 648.982, 'text': "These are ones I'm currently working on.", 'start': 647.34, 'duration': 1.642}, {'end': 650.864, 'text': "These are ones that I've shot and stuff.", 'start': 649.062, 'duration': 1.802}], 'summary': 'Using trello, ideas are organized for execution, with columns for scheduling, work in progress, and completed tasks.', 'duration': 28.94, 'max_score': 618.34, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc618340.jpg'}, {'end': 797.009, 'src': 'heatmap', 'start': 764.679, 'weight': 0.963, 'content': [{'end': 767.36, 'text': "They're also going to want to see some return on investment.", 'start': 764.679, 'duration': 2.681}, {'end': 770.32, 'text': "And I'm not exactly sure how that's going to execute.", 'start': 767.82, 'duration': 2.5}, {'end': 778.702, 'text': "Now for the contact, I want to go in there and I can make different, I can still explore my ideas while I'm organizing myself.", 'start': 770.34, 'duration': 8.362}, {'end': 784.003, 'text': 'So I definitely want to have in the contact section some social media.', 'start': 778.782, 'duration': 5.221}, {'end': 797.009, 'text': "Contacts. so I'm going to make a list here of the social media things The item, social media items that I think are important for the artist to have.", 'start': 789.266, 'duration': 7.743}], 'summary': 'Artist plans to include social media contacts for roi, unsure about execution.', 'duration': 32.33, 'max_score': 764.679, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc764679.jpg'}, {'end': 886.328, 'src': 'embed', 'start': 846.267, 'weight': 5, 'content': [{'end': 851.751, 'text': 'And then a lot of people prefer web forms, which sends email.', 'start': 846.267, 'duration': 5.484}, {'end': 859.749, 'text': "Cool, so there's a lot of different options of how somebody would contact this artist.", 'start': 855.247, 'duration': 4.502}, {'end': 861.77, 'text': "Let's take a look at personality.", 'start': 860.209, 'duration': 1.561}, {'end': 879.217, 'text': 'How would this artist express their personality and how would the client prefer to understand them? Headshots, having quotes, about me, blurb.', 'start': 861.83, 'duration': 17.387}, {'end': 885.868, 'text': 'And representing my skills in kind of like a CV fashion.', 'start': 881.687, 'duration': 4.181}, {'end': 886.328, 'text': 'All right.', 'start': 886.088, 'duration': 0.24}], 'summary': 'Web forms are preferred for contacting the artist, who expresses personality through headshots, quotes, and skills in a cv fashion.', 'duration': 40.061, 'max_score': 846.267, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc846267.jpg'}], 'start': 477.487, 'title': 'Client communication, showcasing work, stakeholder alignment, and project organization', 'summary': 'Emphasizes the importance of effective client communication and showcasing work to build trust, increase discussions, and aid informed decisions. it also discusses stakeholder alignment and project organization using trello for successful project execution and product delivery.', 'chapters': [{'end': 521.356, 'start': 477.487, 'title': 'Effective client communication and showcasing work', 'summary': 'Emphasizes the importance of effective client communication to build trust and increase the likelihood of further discussion, while also highlighting the value of showcasing work through screenshots and case studies to assist potential clients in making informed business decisions.', 'duration': 43.869, 'highlights': ['Effective client communication is crucial in making potential clients feel comfortable and more likely to reach out, leading to further discussion.', 'Showcasing work through case studies is highly valuable for potential clients making business decisions on hiring.', 'Showcasing work through screenshots can help potential clients understand the ideas better, aiding in effective communication.']}, {'end': 886.328, 'start': 521.756, 'title': 'Stakeholder alignment and project organization', 'summary': "Discusses the importance of aligning stakeholders' needs and how to organize project ideas using the trello application, emphasizing the significance of stakeholder alignment and project organization for successful project execution and product delivery.", 'duration': 364.572, 'highlights': ["The importance of aligning stakeholders' needs for successful project execution and product delivery.", 'Organizing project ideas using the Trello application, demonstrating its usefulness in tracking project progression and stages.', "Identifying various ways to express an artist's personality and how clients prefer to understand them, including through headshots, quotes, and skill representation."]}], 'duration': 408.841, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc477487.jpg', 'highlights': ['Effective client communication is crucial for potential client outreach and discussions.', 'Showcasing work through case studies is highly valuable for potential clients.', 'Organizing project ideas using Trello is crucial for successful project execution.', "Aligning stakeholders' needs is important for successful project execution and delivery.", 'Showcasing work through screenshots aids in effective communication with potential clients.', "Identifying various ways to express an artist's personality is crucial for client understanding."]}, {'end': 1047.369, 'segs': [{'end': 1019.023, 'src': 'embed', 'start': 926.949, 'weight': 0, 'content': [{'end': 941.741, 'text': "So we're going to be using Trello quite extensively in this project to track our progress and to make sure that we stay within the bounds or the rails or we don't kind of go out of scope with our work and our projects.", 'start': 926.949, 'duration': 14.792}, {'end': 946.739, 'text': 'features Okay.', 'start': 943.837, 'duration': 2.902}, {'end': 948.6, 'text': "That's it for this video.", 'start': 946.759, 'duration': 1.841}, {'end': 952.503, 'text': "And you'll notice that all we really did was think right?", 'start': 948.74, 'duration': 3.763}, {'end': 959.067, 'text': "If you were expecting us to do some designing or coding and you're kind of let down and you're sad by that, that's good.", 'start': 952.843, 'duration': 6.224}, {'end': 968.614, 'text': "That's good, because I want you to really understand that a large part of this job is just thinking and planning and organizing right?", 'start': 959.307, 'duration': 9.307}, {'end': 972.196, 'text': 'The actual execution is like maybe like 20% of the actual job.', 'start': 968.894, 'duration': 3.302}, {'end': 985.28, 'text': "So I'm purposefully not executing on any deliverables today to illustrate the point that the most important work that we do on any project will be done early on in the planning stages.", 'start': 973.957, 'duration': 11.323}, {'end': 987.12, 'text': 'This is real work.', 'start': 985.64, 'duration': 1.48}, {'end': 991.681, 'text': 'This is what will set you apart from your peers and your competitors.', 'start': 987.3, 'duration': 4.381}, {'end': 998.083, 'text': 'The ability to make a solid, reasonable plan before you jump blindly into trying to make things is a sign of maturity.', 'start': 991.981, 'duration': 6.102}, {'end': 1000.244, 'text': "You don't need to use the same tools that I use.", 'start': 998.243, 'duration': 2.001}, {'end': 1004.49, 'text': "You don't even need to think about it in the same way that I do, but you do need to think about it.", 'start': 1000.304, 'duration': 4.186}, {'end': 1005.732, 'text': 'You need to have a plan.', 'start': 1004.51, 'duration': 1.222}, {'end': 1010.539, 'text': "If you don't have a plan, you don't have a destination and you can never arrive.", 'start': 1005.892, 'duration': 4.647}, {'end': 1019.023, 'text': "Okay, next week we're gonna put this plan into action and start thinking about how these needs and features translate themselves into a UI.", 'start': 1012.358, 'duration': 6.665}], 'summary': 'Use trello to track progress; emphasize planning; execution is 20% of job.', 'duration': 92.074, 'max_score': 926.949, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc926949.jpg'}, {'end': 1047.369, 'src': 'embed', 'start': 1038.978, 'weight': 4, 'content': [{'end': 1041.941, 'text': 'What is your process? for organizing yourself.', 'start': 1038.978, 'duration': 2.963}, {'end': 1044.305, 'text': "What is your process of discovery? I'd like to know.", 'start': 1041.981, 'duration': 2.324}, {'end': 1045.627, 'text': 'Leave a comment down below.', 'start': 1044.685, 'duration': 0.942}, {'end': 1047.369, 'text': "Thank you so much for watching and we'll talk to you soon.", 'start': 1045.667, 'duration': 1.702}], 'summary': 'The speaker discusses organizational and discovery processes, inviting comments and thanking the audience.', 'duration': 8.391, 'max_score': 1038.978, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc1038978.jpg'}], 'start': 891.069, 'title': 'Importance of planning in projects', 'summary': 'Emphasizes the significance of planning and organizing in project management, with a focus on trello as a tool for tracking progress, and highlights the importance of thinking and planning over execution in project work.', 'chapters': [{'end': 1047.369, 'start': 891.069, 'title': 'Importance of planning in projects', 'summary': 'Emphasizes the importance of planning and organizing in project management, with a focus on trello as a tool for tracking progress, and highlights the significance of thinking and planning over execution in project work.', 'duration': 156.3, 'highlights': ['The ability to make a solid, reasonable plan before blindly jumping into making things is a sign of maturity and sets one apart from peers and competitors, with the actual execution being only around 20% of the job.', 'Trello is to be used extensively in the project to track progress and ensure work stays within scope.', 'Emphasizes the importance of thinking, planning, and organizing, stating that a large part of the job is just thinking and planning.', 'Next week, the plan will be put into action, and there will be a focus on how needs and features translate into a UI through sketching, wireframing, and visual design.', 'Encourages audience engagement by asking for comments on their process of organizing and discovery, and emphasizes the importance of feedback and interaction.']}], 'duration': 156.3, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/VcMjo_wczCc/pics/VcMjo_wczCc891069.jpg', 'highlights': ['The ability to make a solid, reasonable plan before blindly jumping into making things is a sign of maturity and sets one apart from peers and competitors, with the actual execution being only around 20% of the job.', 'Emphasizes the importance of thinking, planning, and organizing, stating that a large part of the job is just thinking and planning.', 'Trello is to be used extensively in the project to track progress and ensure work stays within scope.', 'Next week, the plan will be put into action, and there will be a focus on how needs and features translate into a UI through sketching, wireframing, and visual design.', 'Encourages audience engagement by asking for comments on their process of organizing and discovery, and emphasizes the importance of feedback and interaction.']}], 'highlights': ['The ability to make a solid, reasonable plan before blindly jumping into making things is a sign of maturity and sets one apart from peers and competitors, with the actual execution being only around 20% of the job.', 'The chapter emphasizes the significance of identifying the project owner and audience as the foundational step in the project, setting the groundwork for further development.', 'The chapter introduces the use of a mind mapping tool to aid in answering important questions regarding the project, showcasing a practical approach to project ideation and discovery.', "The chapter emphasizes showcasing good work, providing easy contact options, and offering social proof to potential clients, with a focus on empathizing with the client's perspective and needs.", 'The purpose of a portfolio site is to showcase work and facilitate potential business opportunities, making it crucial to include a gallery and contact information.', 'Effective client communication is crucial for potential client outreach and discussions.', 'The suggestion to include testimonials and evidence of positive client experiences is emphasized as a way to reassure potential clients.', 'The chapter underscores the importance of understanding the needs and priorities of both the project owner and the audience, stressing the value of exercising empathy in this process.', 'The chapter recommends exploring ideas that align with what the client would want to see, reflecting a client-centric approach to design.', "The chapter suggests that websites with only a 'contact me' button or a simple form for email addresses may not be effective for client engagement."]}