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.
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.
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
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 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
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
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.
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.
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)
📨 Inbox : http://m.me/ChatStick.TH
📲 LINE: @chatstick
or click https://goo.gl/KuzCpM
🎉 details at http://www.chatstickmarket.com/langrn