Creating a beautiful looking website that marries aesthetics and functionality is what bridging UX and UI designs is all about. UX designs put the user experience in the foreground and create websites with the end user in mind. That means making the text on the website highly readable, ensuring that everything loads properly across devices, and guaranteeing that users have a positive experience overall.
Learn Type Design Rules First
The core thing that you want to bear in mind as you design your website from the ground up is that the crux of a website is text. Text and a few images...that's it...mostly.
Part of creating designs that people want to keep coming back to is knowing what parts of your website to highlight and understanding the ways in which website visitors are interacting with your content. For starters, you want to ensure that your content is easy to scan. San serif typeface is a good one to use for titles and headlines since it gets the message across without being too obtrusive.
Keeping the number of fonts to a minimum (preferably below 4) is a good practice to follow. Try to pick typefaces that look presentable on different sized screens and remains legible on smaller screens. Vivaldi, as an example, is difficult to read without squinting on smaller screens.
Generally speaking, mobile device make it a little more difficult to read on. For that reason, you might want to consider using serif typeface when you're putting a lot of text out there. Larger typeface (e.g., 18 px or higher) isn't a bad idea either.
Try to break up text frequently so that you're always accommodating readers who would prefer to skim your articles or readers that might be coming at your website from a mobile device. Studies show that having 60 characters per line is pretty ideal for readability.
Making your content more readable can help you in other ways. With much easier content to process you will bring down the cost of email marketing and readers will be much more likely to read and click through on your promotions. This will make the process much more efficient and in turn increase your ROI.
Have a Tastefully Simple Color Palette
Some marketing experts say that people subconsciously make a buying decision within about ninety seconds of being exposed to a brand.
What's more, according to those same experts, about ninety percent of the decision to purchase a product or go with a particular company is predicated on color and design elements alone.
Three-color Palette Rule
In general, you're going to want to make your primary color about two-thirds of the space on your website's pages. Another 30 percent should be dedicated to a contrasting, complementary color for a bold effect. The last 10 percent is known as the accent color, and it rounds out the three-color palette that you should be shooting for here.
Of course, all of your webpages are going to be slightly different, but you should keep the primary-contrast color scheme that's going to make up 90% of your color in mind when you put out content.
Consider Adding a Background Video
In terms of modern website design trends that are taking off of late, perhaps the strongest is incorporating a background video onto one of your webpages.
Background videos on your website are great because they interweave seamlessly with delivering a curated customer experience. At the same time, they give companies and marketers the chance to focus their energies elsewhere in the sense that a background video means that less content is required on a particular page.
Another great feature of background videos is that they start engaging the visitor from the first second s/he lands on the page. This makes background videos a smart choice for landing pages since viewers will be instantly engaged and more prone to peruse your website at length. With mobile devices on the rise, incorporating a background video makes even more sense.