The 5Ds of Web Design

The 5Ds of Web Design

Hey friends! Can I call your friend? Today, we’ll be discussing the process of web design Are you ready? In the last video, we’ve talked about the definition of web design and our role as designers in the process. Basically today we’ll be discussing more about the process of web design, how it is done, how can we get started So, we can divide the design process into five (5) stages. So, we call that the 5d design process. First is ‘Discover’ in the discovery stage of the design process, this is the initial phase wherein we asked several questions to the client prior to starting the project because it is important for us to understand what to design. We can ask many questions as much as possible to clarify the web design that’ll be doing, but here are some questions that may give the idea. First is “What are the business goal? What really is the goal of the business in starting the website? Second is “Who are the customers?” What are their age, occupation and location? Because it is as important to understand Those things as those will be the basis primarily the design. Say corporate is the target business.. (**Rooster crowing**).. so if corporate is the target of the business, we’ll be designing in a much serious note or serious tone or if younger generations or students or youth, or Millennials, we’ll be either using bold colors or images lifestyle or something depending on who or what are we trying to target, what chunk of the market that are we trying to target with this website next is What is the company? We need to have an idea what Industry does the company belong, thier products their services or what are they offering primarily. Because knowing the company will give you much ideas of how you will do the design. Because their products, their services, will give you some sort of direction in which you want to convey the message of the company. third is “What content will appear in the website? In web design, “content is king”. So if we’re used to designing with lorem ipsum content, when you are handling the client it is best if you know what will be the content of the certain page What will be the content of the website? What features should be included? That is an important part because it will be easier to arranged and easier to layout if you have the exact content that will be online or if not at least the client must give you the idea of what has to be there. And “Any visual considerations?” Is there any existing branding? if they got the branding or branding guidelines been good you know what you are going to use but if not, you’ll have to ask what type of fonts do they want, colors, if they have preferred palette or what are not to be used? The restrictions of the design. And lastly, “Any marketing considerations?” so basically, We know that a website is some somehow inclined with their marketing efforts to somehow get visibility in the internet. What has to be there to help marketing do its job since web design is mostly part of their marketing. Bang! The second step of the 5d is the “Define”. You have to know the scope your work. in this stage we will be talking about project management first of them would be the “Time frame or the delivery date”. You have to agree on a certain specific date which will always based on the client but at least you have this idea of when you have to finish the project. When you know in the delivery date you’ll know or you’ll have the basic idea of how you would rate the client, the basic ceiling in pricing. Which goes to the next idea or the next bullet point which is “Define the budget”. So you have to know how much are the client willing to pay for this project. Based on the first “Discovery” part probably you have the idea of how you would charge based on what is needed by the design of the website and the total project cost. I myself, I usually go with project based pricing because I think it is clearer for both the client and me, since the budget is fixed. No over exceeding or underpayment Some designers are also doing hourly rate. Also,, when defining the budget, you have to give the terms of payment. How will it be? Is it fifty percent down then fifty percent when the project’s finish For myself what I usually use is I ask for the fifty percent up front then depends on the process of designing, then I will ask for another twenty five percent when we’re almost there then another twenty-five percent after the delivery of the final product Next bullet point would be the Ownership. Who owns the project after it’s done? Can you add them to your portfolio or not Because it is essential to know the rights of the client. That is what we are trying to protect, their copyright. In terms of legality so we have to know or we have to difine the ownership after the project or before even the project started Next would be the “Assets”. Who will provide them? Say logos, backgrounds or icons and lastly after those things have been defined, we need to place them in a black and white. They have to be on paper, there has to be a signed agreement Worst case scenario at least you have something to show the client something you’ve agreed-upon you have to show them signed proof that this is what we’ve agreed to deliver Don’t just rely on spoken words. For the contract part, I will add the link on the description below there’s this contract that we designers usually use or patterned to. Just read the description to check it out Next is the real design. This is the real deal This is what we are paid for. We’re finally in the design part. It’s the idea of overall look and feel the bullet points would be look for inspirations basically you need to search for nearest idea or nearest identical idea to theirs say look at their competitors, how are competion are doing. Another thing is look at the same feel that they’re after. Like corporate or vintage, whatsoever and after that try to capture those those ideas into one single file say make a Style tiles. If you don’t know anything about the style tiles, I’ll be adding the link to the Style tiles below. Style tiles is a process wherein you get a bunch of ideas and sort it into a single document to show the client. That will be define the look and feel without even going to the final comp. Because it’s easier to craft a style tiles in the beginning of the project then agreed upon it and then work with the design than doing a final design, final mock-up then showto clients and get some rejections Next is “Create a wireframe” so when it comes to wire framing it doesn’t necessarily have to be shown to the client but to have somehow a sense of the layout, a sense of the grid. So you can understand somehow on how you’ll be doing the codes, and how you’ll work on the design based on the wire frame We’ll go to the last bullet point, which is to create the actual mock-up or the actual composition That part would be shown to the client after then we’ll start on the fourth process which is creating a prototype or which is the development, the actual development of the site. Somehow development of the site or the website depends upon the project itself, whatever is required, but mainly we have this considerations of first you have to create the HTML then the style, the overall look, and the behavior. After those you have basically you have to take into consideration is client will be using a CMS or what we call the content management system. Will they be using joomla or drupal or the good old wordpress or will it be just plain codes. How would the customer manage the content of the website The we’ll go to the launch of the product or the project which is the “Deploy”. This is the part where in we go live. The process of deployment is on the hardware or software installation and say we have CMS already working then “Data Conversion” How would the data inputs be sent to client? Next would be User Training. Basically instruct or having basic instructions or documentation of how the system works “Support Training” you have to teach the client or whoever will be managing the website on how to do simple tasks like adding listings or adding content or editing this and that so that the way they won’t have to go to you every time they have some edits or some additions to the webpage especially if they are using CMS. Lastly the “Post-implementation review” On the deployment, usually we do the process of stress test. What would be the bugs that would have to fixed. The responsiveness or browser compatibility So to sum it up, the 5D Process will be first “Discover”, then “Define”, then “Design”, then “Develop” and lastly “Deploy” So if you are new to web design or new to the industry or having your first client, this could be a good start to spear heading your own project so then again So then again, thank you so much for watching my video so if you have comments suggestions please leave a comment below or if you liked the video hit like if you don’t like it just dislike and yeah since you’re here you can subscribe to the channel and we’ll be doing future videos real soon so talk to you later bye!


  1. thanks for this very helpful. by the way, baka maging helpful sayo i tried searching "web design tagalog" to look for your videos kc for a while i forgot the channel name (and sobrang dami kong channel na snsubscribe hehe kaya diko maisa isa) and wala yung videos mo sa results.. just wanted to check if u have tags para searchable ka. 😊

Leave a Reply

Your email address will not be published.