top of page

What do you need to do when designing a website? Newbie edition✨


  What do you need to do when designing a website? Newbie edition✨  Design has many branches. When it comes to design, it doesn't mean that every designer can do everything related to design. You may have to branch out according to your favorite field of expertise, as well as website design. When designers in other lines of work Or those who want to study and want to know what it takes to start designing a website. What must I do? and how to learn those things This article may be useful to those who are starting out and want to study more or less.  Because the design has different basics. Therefore, we need to learn the principles of designing what we want to design. In order to adhere to the principles of designing those things as much as possible The different limitations of each design work are the charm that makes us need to study and learn to understand as much as possible. We will start as follows.  How many types of websites are there? How can you design a website if you don't know how many types of websites there are? Because people have many different needs, different types of websites A lot happened as well. Today we would like to give an example of the type of website that we often design websites on. 1. Corporate Corporate website is an organization's website that must have important information for contact or various information. About the organization (About us) or other news related to the website You can also do Content online marketing through articles on the website.  2. Landing page A website that is a single page (Single page). The function of the landing page is to convert users into customers. Therefore, the information on the website, whether it is about products, products, or anything else, should be something that attracts users' interest and makes them want to become our customers. And what we need to do on a landing page website is to make the information as interesting as possible. And there is a button called Call to action.  3. E-commerce It is one of the hottest types of websites. growing greatly This is because more people are starting to buy and sell things online than before. Therefore, anyone who does online business wants to have an E-Commerce website. This type of website design is popular as well.  Once you know how many types of websites there are Let's move on to the website design process. 1. Goal identification Whenever a website is created Whether it's with homework, clients, or whatever. We should set goals and objectives first.  2. Scope identification We already know who our goals are for. We will be able to define the scope of our project. that each page of the website will have a function What features are there? (Oh, transliteration) What do users want to know on each page of the website and set a timeline for each task, how much time it will take for the work to be completed in time?  3. Grouping data and compiling a site map (Information Architecture and Sitemap) The scope of work has been set and we can start working on the actual website. First we need to organize the information we will present to users, known as IA, and create a site map for the team to see. Overview of the website and use for further development  4. Arrangement of visual elements (Wireframe and Visual elements) Once we have the website structure and content in place, we will create an image. Pictures to remember our website which will be consistent with the Brief and needs of the customer or ourselves, whatever It will clash with the goals we set. In composing images, you need to have some knowledge of visual hierarchy (I didn't know how to search Google). But the world isn't always cruel because there are good helpers that keep us from losing our colors. Leaked from that trend is Moodboards.  5. Website Development It's the time that everyone has been waiting for, that is, writing code. When the design that does all of the above is working visually with images and shapes, but at this stage, you'll only see cool code. It is time to unleash our designs and make them work. The main languages used are HTML CSS Javascript and many more depending on the knowledge of the person.  6. Testing results (Testing) Now that we've finished the website, let's release it to us. Hey, hey, wait!!! Buck, bug, take it easy. If we miss the process of testing our website, we'll have a headache for a long time. Therefore, once we have made the website ok, we need to test it to see if it can actually be used or not. There are many testing methods. Continue reading below.  7. Publishing the website (Launch) Wow, finally our website has been released. Everything is beautiful, luxurious and expensive. Let the public see This launch is not like suddenly uploading to a host and registering an OK domain and floating the website. No, everything that is done has a cost, so if you do it you must make a profit. But what to do? Let's wait and read again.  8. Site Maintenance and Development After our beautiful website was released to the public and many people used it until it was damaged, the server crashed, and design trends changed again, what the heck, we had to take care of improving various parts of the website to be up-to-date and usable. It's always as good as new.  There is also a section - Grid Grid is the part that controls the layout of the design because the Grid System on the website affects responsiveness, which is the most important part at this time. That is because most users access the website through various smart devices. from the convenience of use  - picture Because 80% of a website's page is images, and the other 20% is the UI for using those images. A good picture must be beautiful. and can communicate messages as well  - Font When you design a website that has all the elements like beautiful images and a nice UI, but uses the Tahoma font, what looks like a beautiful website can turn into a terrible website. The technique for dealing with fonts in website design is to specify the format of the font, such as H1 – Heading uses a font size of 48px. H2 – use size 32px Body – Use a font size of 18px. In website work, fonts on every page must be the same size to make it easier to code and look more orderly. For quality fonts, we recommend checking out GOOGLE FONTS because they are of good quality and available in many formats and languages. Most importantly, they are free to use. But if anyone wants a font that's more unique, try looking at The best source for giving away free fonts. We select and select again for designers!! But this one must be carefully looked at in terms of copyright. Each font has different requirements.  - color Only a few colors are used on this website. For techniques for selecting colors in website design. are as follows Main color = logo color Secondary color = the background of the logo or the color that makes the logo stand out. Color for the button (Call to action) = Color that is opposite the main color and background to emphasize its distinctiveness. Background color (BG) = Focus on white or black tones. Because color can influence the user. Choosing colors to match the website style is another way to make users fall in love with our website.  - icon When designing websites, we often use icons. Because icons are graphics that can be used to represent words or accompany text. Add interest to the website There are many icons to choose from in this world, check out flaticon.com and iconfinder.com. There are many to choose from. If anyone wants to know how to use icons in a hands-on way, come study with us.  - design style The final point of website design is the design style that should adhere to the current trends well. Many times, trends come from large service providers such as Apple, which has made a simple-looking iPhone website without any shadows, or Google, which has its own material design. If anyone doesn't know where to start, we recommend studying Flat design. A little bit because this is a trend that has been around for a while, emphasizing simple designs that make it easy for designers as well.  ------------------------------------------------------------------------------------- Interested in online marketing care services | online marketing | complete graphics | can contact us anytime | brand building | online marketing | online marketing plan | brand building | Facebook fan page care | Take care of LINE OA. You can contact us 24 hours a day.   Details of online marketing services >> https://www.chatstickmarket.com/langran Examples of various brands that we take care of online marketing >>https://www.chatstickmarket.com/portfolio ---------------------------------------------------------------------------------------  💙 Consult our team 💙 📱Tel : 0840104252 📱0947805680 Office Hotline : 034-900-165 , 02-297-0811 (Monday-Friday) 📨 Inbox : http://m.me/ChatStick.TH ┏━━━━━━━━━┓ 📲 LINE: @chatstick ┗━━━━━━━━━┛ or click https://goo.gl/KuzCpM 🎉 See our work at https://www.chatstickmarket.caom/portfolio 🎉 details at http://www.chatstickmarket.com/langrn

What do you need to do when designing a website? Newbie edition✨


Design has many branches. When it comes to design, it doesn't mean that every designer can do everything related to design. You may have to branch out according to your favorite field of expertise, as well as website design. When designers in other lines of work Or those who want to study and want to know what it takes to start designing a website. What must I do? and how to learn those things This article may be useful to those who are starting out and want to study more or less.


Because the design has different basics. Therefore, we need to learn the principles of designing what we want to design. In order to adhere to the principles of designing those things as much as possible The different limitations of each design work are the charm that makes us need to study and learn to understand as much as possible. We will start as follows.


How many types of websites are there?

How can you design a website if you don't know how many types of websites there are? Because people have many different needs, different types of websites A lot happened as well. Today we would like to give an example of the type of website that we often design websites on.

1. Corporate

Corporate website is an organization's website that must have important information for contact or various information. About the organization (About us) or other news related to the website You can also do Content online marketing through articles on the website.


2. Landing page

A website that is a single page (Single page). The function of the landing page is to convert users into customers. Therefore, the information on the website, whether it is about products, products, or anything else, should be something that attracts users' interest and makes them want to become our customers. And what we need to do on a landing page website is to make the information as interesting as possible. And there is a button called Call to action.


3. E-commerce

It is one of the hottest types of websites. growing greatly This is because more people are starting to buy and sell things online than before. Therefore, anyone who does online business wants to have an E-Commerce website. This type of website design is popular as well.


Once you know how many types of websites there are Let's move on to the website design process.

1. Goal identification

Whenever a website is created Whether it's with homework, clients, or whatever. We should set goals and objectives first.


2. Scope identification

We already know who our goals are for. We will be able to define the scope of our project. that each page of the website will have a function What features are there? (Oh, transliteration) What do users want to know on each page of the website and set a timeline for each task, how much time it will take for the work to be completed in time?


3. Grouping data and compiling a site map (Information Architecture and Sitemap)

The scope of work has been set and we can start working on the actual website. First we need to organize the information we will present to users, known as IA, and create a site map for the team to see. Overview of the website and use for further development


4. Arrangement of visual elements (Wireframe and Visual elements)

Once we have the website structure and content in place, we will create an image. Pictures to remember our website which will be consistent with the Brief and needs of the customer or ourselves, whatever It will clash with the goals we set. In composing images, you need to have some knowledge of visual hierarchy (I didn't know how to search Google). But the world isn't always cruel because there are good helpers that keep us from losing our colors. Leaked from that trend is Moodboards.


5. Website Development

It's the time that everyone has been waiting for, that is, writing code. When the design that does all of the above is working visually with images and shapes, but at this stage, you'll only see cool code. It is time to unleash our designs and make them work. The main languages used are HTML CSS Javascript and many more depending on the knowledge of the person.


6. Testing results (Testing)

Now that we've finished the website, let's release it to us. Hey, hey, wait!!! Buck, bug, take it easy. If we miss the process of testing our website, we'll have a headache for a long time. Therefore, once we have made the website ok, we need to test it to see if it can actually be used or not. There are many testing methods. Continue reading below.


7. Publishing the website (Launch)

Wow, finally our website has been released. Everything is beautiful, luxurious and expensive. Let the public see This launch is not like suddenly uploading to a host and registering an OK domain and floating the website. No, everything that is done has a cost, so if you do it you must make a profit. But what to do? Let's wait and read again.


8. Site Maintenance and Development

After our beautiful website was released to the public and many people used it until it was damaged, the server crashed, and design trends changed again, what the heck, we had to take care of improving various parts of the website to be up-to-date and usable. It's always as good as new.


There is also a section

- Grid

Grid is the part that controls the layout of the design because the Grid System on the website affects responsiveness, which is the most important part at this time. That is because most users access the website through various smart devices. from the convenience of use


- picture

Because 80% of a website's page is images, and the other 20% is the UI for using those images. A good picture must be beautiful. and can communicate messages as well


- Font

When you design a website that has all the elements like beautiful images and a nice UI, but uses the Tahoma font, what looks like a beautiful website can turn into a terrible website. The technique for dealing with fonts in website design is to specify the format of the font, such as

H1 – Heading uses a font size of 48px.

H2 – use size 32px

Body – Use a font size of 18px.

In website work, fonts on every page must be the same size to make it easier to code and look more orderly. For quality fonts, we recommend checking out GOOGLE FONTS because they are of good quality and available in many formats and languages. Most importantly, they are free to use. But if anyone wants a font that's more unique, try looking at The best source for giving away free fonts. We select and select again for designers!! But this one must be carefully looked at in terms of copyright. Each font has different requirements.


- color

Only a few colors are used on this website.

For techniques for selecting colors in website design. are as follows

Main color = logo color

Secondary color = the background of the logo or the color that makes the logo stand out.

Color for the button (Call to action) = Color that is opposite the main color and background to emphasize its distinctiveness.

Background color (BG) = Focus on white or black tones.

Because color can influence the user. Choosing colors to match the website style is another way to make users fall in love with our website.


- icon

When designing websites, we often use icons. Because icons are graphics that can be used to represent words or accompany text. Add interest to the website There are many icons to choose from in this world, check out flaticon.com and iconfinder.com. There are many to choose from. If anyone wants to know how to use icons in a hands-on way, come study with us.


- design style

The final point of website design is the design style that should adhere to the current trends well. Many times, trends come from large service providers such as Apple, which has made a simple-looking iPhone website without any shadows, or Google, which has its own material design. If anyone doesn't know where to start, we recommend studying Flat design. A little bit because this is a trend that has been around for a while, emphasizing simple designs that make it easy for designers as well.


-------------------------------------------------------------------------------------

Interested in online marketing care services | online marketing | complete graphics | can contact us anytime | brand building | online marketing | online marketing plan | brand building | Facebook fan page care | Take care of LINE OA. You can contact us 24 hours a day.

Details of online marketing services

Examples of various brands that we take care of online marketing

---------------------------------------------------------------------------------------


💙 Consult our team 💙

📱Tel : 0840104252 📱0947805680

Office Hotline : 034-900-165 , 02-297-0811 (Monday-Friday)

┏━━━━━━━━━┓

📲 LINE: @chatstick

┗━━━━━━━━━┛

1 view

Comments


CS_Redesign_คอนเทนต์เดิม2_2.png
CS_Redesign_คอนเทนต์เดิม3.png
Recent Posts
c24f0332fa3b87f8a304140403b893510_64100212_210625.jpg
244712625_300456528129611_2152723951836713111_n.jpg
5.png
4.png
Button Event สติกเกอร์.png
2.png
Button ChatStick Market.png
bottom of page