1) Take advantage of white space
Don't be afraid of white space, embrace it. When you have no room for text over an image, try putting it below or above in that extra white space you have! White space can actually make your website look better. A good example can be seen below.
2) Keep logo placement consistent
No matter what, when making a website optimized for mobile, you always keep your logo in the same spot, and don't change it! If you keep your logo in the same spot, people who saw your desktop site won't feel lost, it gives them a sense of comfortability, remember, people don't like change! You can see an example of this below.
3) Remove excess visuals
When making a website for mobile, you try to keep the essential information, and functions on the website on the page. If there is just too much, don't be afraid to remove excess visuals, this is to ensure that your page is less crowded, and people would feel more comfortable visiting it. Look to the example below for reference.
4) Consider finger size
When making buttons and just other general things to click on in your website, make sure they are big enough for fingers to tap on, and users wont get frustrated and just leave the page. some people have a very hard time with these things, and since they are the consumer, you must accommodate to them. You can see this in the example below.
5) Focus on the more important content
This rule should be a given. When cutting content of any kind from your website, make sure you keep the essentials, this rule also goes for when you are creating content for your site. Look to the example below.
6) Scale font size
This rule is also a fair given. When scaling down to mobile screen size, make absolute sure you scale the font size correctly, also just try to generally avoid making your font size too big to see, or to small to see. This is demonstrated in the example below.
