Posts

Must-Have Modern Web Design Elements (Part 2)

Last time, we talked about the importance of having a card base design, enormous product photos, and product videos. Now, I will continue discussing the modern web design elements. If you need to catch up, part 1 is here. If you wish to continue, then read on the 5 additional tips in achieving a contemporary and cutting-edge web design.

  • Unique Typography

  • One way to stand out is through using a distinct typography. Companies can now buy a specific typography of their choice to help them stand out from the crowd. Their customers can easily identify their brand over the competition. In recent years, there’s been a growing number of fonts for businesses to choose from, making it simpler for businesses to express their own style with the help of typography.
    • It is useful when:
      • you want to be different, and attract attention.
      • you want to introduce a fun (or serious) side depending on your brand.
    • Regardless of what you decide on, make sure it is applicable to different browsers and devices. If not, the correct font won’t be displayed.
  • Massive Hero Images

  • What are hero images? These are large banners that are mainly placed in the front and center of a web page. A hero image can be a combination of images and texts, and it can also be a set of dynamic or static dynamic images.
    • It is useful when:
      • you want something new, and something visually appealing. Instead of adding CTA buttons, you can just add a hero image with image and text.
      • you want an alternative way of sharing you story. let’s admit it images are extremely persuasive than texts.
an example of a set of static hero images.

an example of a set of static hero images.

  • Background Videos

  • If you want another option aside from hero images, you might want to consider adding background videos. It’s very engaging so it’s hard for web visitors not to click and watch. Other than that, human brains process information better when it’s presented through a video ran than just mere text. When you are explaining through videos, the information seems easy to digest, and it just flows effortlessly.
    • It is useful when:
      • you want to put everything together. you don’t really have to add other design elements because it’s all there.
      • you want to reduce space and content. a video can do all the explaining for you.
  • A flat design

  • Apple utilized a flat design since 2013. So what is a flat design? A web design element that is not 3D is considered a flat design. When an image has no shadow, it is an example of a flat design.
    • It is useful when:
      • you want to your page to load more quickly.
      • you want an uncomplicated and simple design that easy for your web visitors to understand.
  • Hamburger Menus

  • When you want to simplify navigation, you can just add hamburger menus like what Google Chrome did. If you’ve noticed, Chrome’s menu is on the right corner. Because the menu has three lines stacked up, thus, the name hamburger menu was conceived.
    • It is useful when:
      • you want to remove unnecessary navigation menus and options.
      • you want to provide a better user experience that’s simpler and distraction-free.

Must-Have Modern Web Design Elements (Part 1)

What’s trendy 5 years ago may not be what is popular now. Since it’s already 2019 is, I will share with you 3 timely and relevant web design elements. So, let’s cut the long intro. Shall we start revamping your website into something stylish and contemporary? Here we go!

  • Card Based Design

    • The card layout is becoming a worldwide trend. If you are not familiar with it, the concept is that a given information is presented in a shape of a card. A series of rectangular shaped cards are showed on your screen. It is up to you to choose on what information you would like to read/see.
    • Popular examples that use this card design are websites like Google, Pinterest, Youtube, and many others.
    • Why is it a popular choice?
      • Web designers prefer the card design because it is able to give a quick look (glance) on the content without actually clicking it. This saves a lot of time. Web visitors don’t have to click on every blog post or every link to see if interests them. There’s already a short preview for people to read.
    • It is useful when:
      • you are presenting multiple products on one page. Users can roughly compare the products basing on the given display image.
      • you are designing a mobile-centric website. It’s almost the exact shape of a phone screen.
An example of card based design.

This is an example of a card based design. Each card shows a short preview of the content if you choose to view it.

  • Enormous Product Images

    • Instead of words doing all the talking, some prefer pictures. Some websites, especially B2B, feature gigantic product images on their websites to emphasize the different features of their products.
    • Take, for example, Apple’s iPad. On the product page, you will notice that there aren’t much words. It’s the pictures talking to you. Instead of describing the features, it is showing you that the device is slim, magical, and it’s like a computer.
    • It is useful when:
      • you want your products to stand out from the rest. The product images are visual representation (proof) that you are serious with your game.
      • you want your customers to get a grasp (a better understanding) about your products.
  • Product Videos

    • Aside from product images, product videos are also getting popular these days. Websites are starting to add a short snippet of their products. With videos, things are explained clearly. Moreover, customers can easily decide if the product is for them or not.
    • According to an article by Inc. Magazine, the secret to B2B marketing is through these product videos. In fact, nearly half of the B2B customers interviewed shared that they watch videos when researching for products and services. Moreover, they rely on video sharing platforms like YouTube to look for product videos.
    • So, this is a wake-up call to all the B2B companies! You need to create videos explaining your products in detail because 92% of B2B customers search for videos online.
    • It is useful when:
      • you want to give your clients a quick understanding about your product or service.
      • you want to demonstrate how a product is to very easy use.

So, that’s it for now! We have only touched the surface so watch for more web design trends!

Update: here’s the link for the second part of the series.