YouTube2Text

Present Design to Clients the Right Way | Good vs Bad Examples — Transcript

by Rayon Academy · 2,926 words · 458 segments · language en · Watch on YouTube

Full transcript

  1. 0:03[music]
  2. 0:04>> This design presentation is flat and
  3. 0:06unclear. The drawings might be good, but
  4. 0:09the presentation doesn't communicate
  5. 0:10clearly. At the moment, there's no clear
  6. 0:12concept. The layout feels clumsy. The
  7. 0:15hierarchy between text [music] and
  8. 0:16images are quite off. And so, the client
  9. 0:18is left trying to piece the story
  10. 0:20together themselves. [music] So, in
  11. 0:21today's video, I'm going to take this
  12. 0:22presentation and turn it into this. And
  13. 0:25we'll walk through the process of
  14. 0:26turning a confusing presentation
  15. 0:28>> [music]
  16. 0:28>> into something that is clear,
  17. 0:30structured, and persuasive. Welcome back
  18. 0:32to the good versus bad [music] series.
  19. 0:34In this series, we take drawings and
  20. 0:36presentations that could be improved
  21. 0:38spatially, visually, and how they
  22. 0:39[music] communicate the design. And
  23. 0:41we'll refine them step by step. And if
  24. 0:43you want to follow along or try this
  25. 0:44workflow for yourself, there's a link in
  26. 0:46the description where you can create a
  27. 0:47free Round account. So, let's dive into
  28. 0:49it.
  29. 0:51So, here is the [music] existing
  30. 0:52drawings and presentation. Before we
  31. 0:53change anything, we need to understand
  32. 0:55why this doesn't work. And I think
  33. 0:57really there's three main issues. The
  34. 0:59first one is that there's no clear
  35. 1:00concept [music] being communicated.
  36. 1:02They're just drawings at this point.
  37. 1:04The page layout hierarchy isn't quite
  38. 1:06[music] right. And everything feels the
  39. 1:09kind of same importance.
  40. 1:10And the third is that the storytelling
  41. 1:12is unclear. There's no real kind of
  42. 1:14narrative. There's no real supplementary
  43. 1:15[music] images or diagrams that helping
  44. 1:18support the story. And important
  45. 1:19information is missing. The drawings
  46. 1:21themselves are fine, but the
  47. 1:22presentation doesn't [music] guide the
  48. 1:23client through the project. So, let's
  49. 1:25improve it. We shouldn't really jump
  50. 1:27into the drawings first. We should first
  51. 1:29give [music] them some context of the
  52. 1:30site, the site conditions, then also
  53. 1:32what the concept of [music] the project
  54. 1:34is.
  55. 1:35So, you'll find here that we've got all
  56. 1:37of our drawings here in one place.
  57. 1:38[music] We've got our model canvas where
  58. 1:39we have our floor plans and elevations.
  59. 1:42And we also then have our paper canvas,
  60. 1:43which is where our presentation sits.
  61. 1:46And we're going to first jump into our
  62. 1:47paper [music] canvas, and we're going to
  63. 1:48add a page. So, we're just going to add
  64. 1:50a page at the bottom here. So, we can
  65. 1:52just
  66. 1:53>> [music]
  67. 1:53>> extend the presentation further and add
  68. 1:55a few more pages to it. And you can
  69. 1:57adjust and amend that page [music] size.
  70. 1:59You can do A3, A2, etc. You can make
  71. 2:01that page portrait or landscape. And so,
  72. 2:03what we're going to do is we're going to
  73. 2:04create a view [music] into our model
  74. 2:06canvas. And so, what we're doing here is
  75. 2:07we're just going to drop in our floor
  76. 2:09plan. And you can see here that [music]
  77. 2:11you can position and scale this as you
  78. 2:13please. You can crop it down. For
  79. 2:15example, if you wanted a zoomed-in
  80. 2:17element of a floor plan, you can zoom
  81. 2:19[music] in at 1:60 here, for example,
  82. 2:21and position that onto the page. And
  83. 2:23here we have a site plan in a model
  84. 2:25canvas.
  85. 2:26>> [music]
  86. 2:26>> So, you can see here we've got a site
  87. 2:27plan where we've done some site
  88. 2:29analysis. We've got We've indicated some
  89. 2:31kind of views, the site location.
  90. 2:33We've got the surrounding context, the
  91. 2:35kind of sun [music] direction, the
  92. 2:37prevailing wind. We've got certain
  93. 2:38elements and kind of north arrows, etc.
  94. 2:41The detail that we need to indicate
  95. 2:43where the site entrance is, [music]
  96. 2:44where the site section is, where we have
  97. 2:46kind of public versus private site
  98. 2:48boundaries, all of the information and
  99. 2:49detail that we need as part of our
  100. 2:51[music] site. And we also have a zoning
  101. 2:53diagram. This is fundamentally a kind of
  102. 2:55concept zoning diagram that indicates
  103. 2:57[music] the relationship of spaces that
  104. 2:59form the kind of spatial relationship
  105. 3:02and the geometry of building. So, this
  106. 3:04is fundamentally where the shape [music]
  107. 3:06and the positioning of the floor plan
  108. 3:08has come from and where we have offices
  109. 3:10located, where we have circulation
  110. 3:11[music] spaces, garage, living room,
  111. 3:13etc. Where these zones kind of relate
  112. 3:15[music] to one another. And so, this
  113. 3:17will be really helpful to help describe
  114. 3:19to a client why [music] those certain
  115. 3:21rooms have been indicated in a certain
  116. 3:22way, what those circulation spaces are
  117. 3:24like,
  118. 3:25>> [music]
  119. 3:25>> and why the geometry has kind of been
  120. 3:26formed in this way. And so, what we're
  121. 3:28going to do is we're just going to
  122. 3:29create a few pages at [music] the top
  123. 3:30here, but you'll notice that now the
  124. 3:31page order is slightly off. You've got 4
  125. 3:345 1 2 [music] 3. And so, you can head to
  126. 3:37the left-hand side here, go to pages,
  127. 3:39and you can now [music] adjust the
  128. 3:41locations. So, we can drag these up and
  129. 3:42we can change the order. So, we can pull
  130. 3:44this up now [music] into 1 and 2. So,
  131. 3:46now we have a bit better of an order of
  132. 3:48a kind of portfolio and presentation
  133. 3:50structure.
  134. 3:51And we're going to create [music] a view
  135. 3:52into our site. And we're also going to
  136. 3:54create a view into our concept diagrams
  137. 3:57and run them [music] side by side. So,
  138. 4:00now basically, our first two slides of
  139. 4:02our presentation is now focused on the
  140. 4:04context, first introducing the site,
  141. 4:06introducing the location. We can [music]
  142. 4:08have some supplementary text alongside
  143. 4:10it, and then introducing the concept and
  144. 4:12the spatial arrangement of the building
  145. 4:14before then we go into the drawings.
  146. 4:16[music] So, we give the context, we take
  147. 4:18the client on this journey, and then we
  148. 4:19go into the drawings.
  149. 4:21And we can adjust and scale them and
  150. 4:24position them as we please. We can
  151. 4:25[music] adjust them to maybe 1:100,
  152. 4:27position them and crop down our
  153. 4:29viewport, and so [music] they're now
  154. 4:31side by side. Once the client
  155. 4:32understands the idea, the rest of the
  156. 4:34drawings start to make sense. Without
  157. 4:36that narrative, the project [music] just
  158. 4:37feels like a collection of drawings. So,
  159. 4:39the second issue with these drawings is
  160. 4:41the visual hierarchy. [music] Not every
  161. 4:43piece of information should have the
  162. 4:44same importance. At the moment, the text
  163. 4:47is far too big, for example. The
  164. 4:49presentation should be structured and
  165. 4:50ordered and feel professional. So, I'll
  166. 4:52start by restructuring the page layout
  167. 4:54from our drawings in the paper [music]
  168. 4:55canvas. So, the first thing that I want
  169. 4:57to add to this presentation, now we have
  170. 4:58the kind of drawings there, is we want
  171. 5:01to bring in some title blocks. [music]
  172. 5:02So, the title block will just give that
  173. 5:04consistency and that professionalism
  174. 5:06across the drawings. All of a sudden,
  175. 5:07there'll be a a page number, [music]
  176. 5:09there'll be information about scale,
  177. 5:10about the north arrow, all of these
  178. 5:12information and detail that is [music]
  179. 5:13required to understand the drawings.
  180. 5:15This will now be brought in using the
  181. 5:17title blocks. So, you can find title
  182. 5:19blocks in the block library. So, you
  183. 5:20want to drag and drop them in. You've
  184. 5:22got all of this detail [music] now about
  185. 5:23the client, the project, revision, the
  186. 5:25drawing number. And we can now copy this
  187. 5:27title block across [music] our
  188. 5:29presentation. So, I'm just going to move
  189. 5:31these views out of the way. I'm going to
  190. 5:32copy
  191. 5:33this title block across.
  192. 5:36And we can do it across [music] the
  193. 5:38entire presentation and adjust the
  194. 5:40drawing number as you see it. [music]
  195. 5:41Just double-click
  196. 5:44and adjust the drawing number. So, you
  197. 5:45can double-click the drawing number, and
  198. 5:47you can then change [music] and update
  199. 5:48them to 03 04 05, for example.
  200. 5:51And now we have more of a consistent
  201. 5:52structure to the drawings. The next
  202. 5:54thing is about understanding how we're
  203. 5:55going to organize the drawings [music]
  204. 5:57and where we're going to have pockets of
  205. 5:58text, pockets of drawings, and how we
  206. 6:00can start understanding the hierarchy
  207. 6:02and the positioning of the text and
  208. 6:04images. [music]
  209. 6:05So, we're going to do that by pretty
  210. 6:06much creating our own grid. So, I can do
  211. 6:09that by just drawing some rectangles
  212. 6:10[music]
  213. 6:11and adjusting the thickness. In this
  214. 6:13case, we're just going to adjust the
  215. 6:14thickness to [music] a uh let's do a
  216. 6:17maybe a border or margin of 0.7.
  217. 6:20And we can just drop [music] that and
  218. 6:21position it into place. We can then copy
  219. 6:23that element and basically run it along
  220. 6:24the sides, which will then give us a
  221. 6:26structure and a grid [music] language to
  222. 6:27our presentation.
  223. 6:29And so, this is quite simple where we're
  224. 6:30just going to copy and paste these
  225. 6:32across and position them into place. We
  226. 6:34can then maybe make that a red, [music]
  227. 6:36so we can adjust the stroke
  228. 6:38and maybe make the line weight a dash,
  229. 6:41maybe a two times. [music] So, you can
  230. 6:42now see that it's red, and then maybe
  231. 6:44fill that red and drop the opacity right
  232. 6:46down.
  233. 6:47And we can then [music]
  234. 6:48adjust and position the location of
  235. 6:51these elements. So, now we have a margin
  236. 6:52[music] and a structure and a language
  237. 6:54that we can follow. And that will allow
  238. 6:56us to be consistent and clear throughout
  239. 6:58each slide of the presentation. [music]
  240. 7:00So, we can then position our view into
  241. 7:02place.
  242. 7:03Likewise with our now legend [music] in
  243. 7:06the corner.
  244. 7:07We can then adjust the text size that we
  245. 7:09have right down. And we can spend some
  246. 7:11time just adjusting it, moving some of
  247. 7:13the tags back up. We have the ground
  248. 7:14[music] floor plan up there now. We can
  249. 7:16then start copying across that grid
  250. 7:19structure
  251. 7:21across our presentation and start
  252. 7:23dropping [music]
  253. 7:24our drawings into place following the
  254. 7:25same structure, dropping some text in.
  255. 7:28We can adjust some elements here and
  256. 7:30there
  257. 7:30>> [music]
  258. 7:30>> to make sure that it kind of suits each
  259. 7:32drawing type.
  260. 7:34We can add our titles in, [music] for
  261. 7:36example. And we can apply this across
  262. 7:38our entire presentation. And now, when
  263. 7:40we turn [music] that layer off, so if we
  264. 7:41turn that grid layer off, all of a
  265. 7:43sudden, we have a presentation that is
  266. 7:45much clearer, much better structured.
  267. 7:47[music]
  268. 7:48It has much more detail to it. It feels
  269. 7:50a bit more professional, feels cleaner.
  270. 7:52[music]
  271. 7:52The hierarchy is slightly better. The
  272. 7:54drawings pop a little bit more because
  273. 7:56now the the text is [music] kind of
  274. 7:57balanced out. And so, now all of a
  275. 7:59sudden, it feels and it looks a little
  276. 8:01bit more kind of professional and
  277. 8:02structured.
  278. 8:04And so, the next step is just going to
  279. 8:05be adding some [music] kind of
  280. 8:06supporting text and a key, for example,
  281. 8:10a legend to the site [music] plan and
  282. 8:12concept diagrams to help the client
  283. 8:14understand the different kind of color
  284. 8:16references, the the kind of different
  285. 8:17notes
  286. 8:18>> [music]
  287. 8:18>> in the site plan, so they can understand
  288. 8:20the site analysis. So, in this case,
  289. 8:21we're just going to go into the model
  290. 8:22canvas. [music] We're going to copy over
  291. 8:24some of the elements that we want to
  292. 8:25start indicating as part of our key and
  293. 8:27our legend.
  294. 8:28>> [music]
  295. 8:29>> So, we can scale this down into place.
  296. 8:30We can then add a bit of text alongside.
  297. 8:33And then we can do the same for all of
  298. 8:34the elements for prevailing wind, sun,
  299. 8:36views, [music] trail path, site
  300. 8:37entrance, etc. And line it up with our
  301. 8:40grid.
  302. 8:41So, now that this looks and feels and is
  303. 8:45much [music] more readable alongside the
  304. 8:47floor plan.
  305. 8:48We can do the same thing for the concept
  306. 8:50diagram. [music]
  307. 8:51We can select some of those color blocks
  308. 8:54and scale them down and position them
  309. 8:56onto the paper canvas.
  310. 8:58And then add some kind of supporting
  311. 8:59[music] text which identifies the
  312. 9:01different room sizes and the kind of
  313. 9:03room
  314. 9:04>> [music]
  315. 9:04>> requirements from the brief. And we can
  316. 9:06now have a full presentation now that
  317. 9:09shows all of that information and that
  318. 9:11required [music] detail to understand
  319. 9:12how we're responding to the client's
  320. 9:14intentions and how we've analyzed the
  321. 9:17site, we've [music] come to a design
  322. 9:18solution in terms of the spatial
  323. 9:20relationships, and then we're going to
  324. 9:21the floor plans and drawings that then
  325. 9:22support them. And so, I think a good
  326. 9:24presentation always has a clear focal
  327. 9:26point, supporting information, and
  328. 9:28breathing [music] space around the
  329. 9:30elements. So, giving that grid structure
  330. 9:32and margins helps support that. And the
  331. 9:34key is that the main drawings should be
  332. 9:35big. They should be large, and the
  333. 9:36supporting elements [music] should be
  334. 9:38much smaller alongside them. Now, when
  335. 9:40someone looks at the page, they
  336. 9:41instinctively know where to look first.
  337. 9:43There's a there's a focal point. There's
  338. 9:45a there's a hierarchy to the drawings. A
  339. 9:47good presentation design isn't about
  340. 9:49[music] adding more information. It's
  341. 9:50about organizing the information so it's
  342. 9:52easy to understand. And so, at this
  343. 9:54point, the presentation is much [music]
  344. 9:56cleaner and neater, but it's missing one
  345. 9:58thing and that's just some images. Now
  346. 10:00in this case the presentation is very
  347. 10:01drawing heavy. There's lots of diagrams,
  348. 10:02there's lots of uh kind of sections,
  349. 10:04elevations, etc. Now I think what would
  350. 10:06be really helpful to support [music]
  351. 10:08this presentation would be an image. And
  352. 10:10we can do that by creating a [music]
  353. 10:12generative AI image using the AI Rayon
  354. 10:15panel. We can use the Rayon AI tool to
  355. 10:20prompt it and [music] to create some
  356. 10:22images for us. And so you have two
  357. 10:24options. You can either add a file or
  358. 10:25you can [music] add a screenshot. So in
  359. 10:27this case we're just going to add a
  360. 10:28screenshot of this bedroom and we're
  361. 10:30just [music] going to create an example
  362. 10:32an inspiration image uh to give maybe
  363. 10:35the client some kind of supporting
  364. 10:36[music] information to have give them an
  365. 10:37idea of what this space could look like.
  366. 10:40And so what we're going to do is [music]
  367. 10:41going to select tools
  368. 10:43and we're then going to choose generate
  369. 10:44image and then you can prompt it to say
  370. 10:46create an image of this uh bed layout
  371. 10:49for example [music] of this large
  372. 10:51bedroom with with large windows. In this
  373. 10:53case it's not quite right not quite
  374. 10:55matching
  375. 10:56>> [music]
  376. 10:56>> um
  377. 10:57the kind of general arrangement of the
  378. 10:59floor plan, but you can rework into it.
  379. 11:01At this point we've got a kind of bird's
  380. 11:02eye view looking down into the room.
  381. 11:04[music] I want to create more of a kind
  382. 11:05of human eye perspective and so you can
  383. 11:08then re-prompt it and so now all of a
  384. 11:10sudden we've got something a little bit
  385. 11:11more clearer and it gives them an idea
  386. 11:12of this type [music] of space that we're
  387. 11:14trying to create. So we've got these
  388. 11:15pitched roofs, we've then got this large
  389. 11:17window and [music] we can then work into
  390. 11:19that even more if you wanted to you
  391. 11:20could change the floor finish, you could
  392. 11:22change the color of the bed, you could
  393. 11:23change the color of the wood. What we're
  394. 11:25going to do is we're going to insert
  395. 11:26that [music] image and drop it into our
  396. 11:27presentation. We're going to scale that
  397. 11:30down, position it into place.
  398. 11:31>> [music]
  399. 11:31>> A really handy tool here is if you
  400. 11:33double click the image you can then crop
  401. 11:35and kind of pull in uh the image as you
  402. 11:38wish. So if you scale it down you want
  403. 11:39to make it more kind of landscape
  404. 11:40[music] you can work into that.
  405. 11:43And alongside this particular image I'm
  406. 11:45going to then pull in a detail. So we
  407. 11:48have this millwork detail showing the
  408. 11:50kind of bed detail. [music]
  409. 11:51We're going to drop a view into that
  410. 11:54detail run it alongside a 1 [music] to
  411. 11:5610 scale. We can even make that even
  412. 11:58smaller maybe 1 to 15. And then we can
  413. 12:01add some supporting [music] text with
  414. 12:03kind of bedroom inspiration and maybe
  415. 12:06some millwork
  416. 12:07um drawing [music]
  417. 12:08detail.
  418. 12:11And then now all of a sudden we have a
  419. 12:12supporting
  420. 12:14image that then just adds that I guess
  421. 12:16variety and [music] that kind of visual
  422. 12:18intrigue for the client who now has a
  423. 12:21variety of site [music] conditions,
  424. 12:23concept, floor plan, elevation, sections
  425. 12:25and then maybe a reference [music] image
  426. 12:27of how we envision the space for
  427. 12:29example. You can then export this
  428. 12:30presentation as a PDF. [music] We head
  429. 12:32to the top left corner we can click
  430. 12:34export. We can then choose which pages
  431. 12:36you want to [music] export. You can
  432. 12:37export as a PNG or a PDF. Change the
  433. 12:40image quality.
  434. 12:42And then once you export it you can now
  435. 12:44see here that the line weights and the
  436. 12:45quality of the drawing is really
  437. 12:47>> [music]
  438. 12:47>> much more improved. It's a much stronger
  439. 12:49presentation now. And so when the client
  440. 12:51asks what am I looking for the
  441. 12:52presentation isn't doing a good job. Now
  442. 12:54it's much clearer. And so a good design
  443. 12:56presentation isn't about showing
  444. 12:57everything. [music]
  445. 12:58It's about showing the right things in
  446. 13:00the right order. A clear concept, strong
  447. 13:03visual hierarchy and a story that
  448. 13:04[music] guides the client through the
  449. 13:06project. Often the difference between a
  450. 13:08confusing presentation and compelling
  451. 13:09one is simply clarity and structure.
  452. 13:11[music] If you'd like to try this
  453. 13:12workflow for yourself there's a link in
  454. 13:14the description where you can create a
  455. 13:15free Rayon account [music] and access
  456. 13:17the files used in this tutorial. Thank
  457. 13:19you for watching today's video and I'll
  458. 13:21see you in the next one.

About this transcript

This page contains the full transcript of Present Design to Clients the Right Way | Good vs Bad Examples by Rayon Academy, generated from the public captions YouTube serves with the video. The transcript has 2,926 words across 458 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.