Tips in Reducing Your Website’s Bounce Rate (Part 1)

Bounce rate is the number of web visitors who enter your website, and then, leave instantly. In an ideal setting, you would want your web visitors stay a little longer and browse your website. The main goal is to keep the bounce rate low. Your website should be inviting for visitors to stay. That’s why I thought of sharing ways on to how convince your web visitor not to bounce away.

A Keyboard and Two Flat Screen Computer Monitors

  • Keep Your Blog Posts Short
    • Your bounce rates will most likely skyrocket if you continue to blabber nonsense. Your paragraphs should be direct to the point. There’s no point for you to add flowery words.
    • When explaining something, a list post really helps. It doesn’t seem too difficult to understand when things are shortened.
    • Cut the chase and stop wasting time in discussing certain things.
    • Usually, you can elaborate a specific point using 2 to 3 sentences.
    • However, if your list has like 3 or more points, then, you should add numbers to avoid confusion. For example, you should say, “This is the 2nd option.”or “This is the last factor to consider in web design.” You are web visitors with the pacing. They now know how many items to read in the succeeding paragraphs.
    • Lastly, when you are keeping your words short, you are accommodating the whitespace. Seeing whitespace will help readers to be calm. Thus, they won’t easily leave your site, and will read more blog posts instead.
    • Here are a few tips to make your content readable:
      • Arrange your posts. Use the different formatting options (h1, h2, h3, etc) for the title, the body, and other important subcategories.
      • Add horizontal lines to break into paragraphs into different sections.
      • 2 to 5 sentences should be long enough to create a paragraph. This is NOT a contest on who could write the longest.
      • Write using bullets or numbers. Adding a multilevel list will not overwhelm readers. (like this blog post!)
      • Bold or italicize terms when you want emphasize your point.
      • Lastly, add pictures, or any colorful visual. It breaks the monotony of texts.
    • Add Related Posts at the Bottom 
      • We are done with writing tips. This time, ask yourself, “What more can I offer my readers?”
      • Once they are at the bottom of the page, try recommending other posts to read. They’ve reached the bottom because they like what they are reading.
      • It’s useless not to list all related content after each post.
      • This is an effective way to convince people to stay. If they’ve completed one blog post, they probably be interested in reading another post.
      • Try adding widgets on your web page so your readers can easily look for new articles to read. This will help in lowering your bounce rates, and at the same, it will keep your readers entertained.
      • For WordPress users, you can use a plugin called WordPress Related Posts. This plugin will help choose similar posts, but you can freely choose what to display. There are options to like displaying the posts as a list or adding images. It really depends on your preference.

Trendy Modern Web Design Elements (Part 2)

Previously, I have discussed importance of having a card base design, enormous product photos, and product videos. If you need to catch up, part 1 is here. Now, let’s continue discussing and I will share 5 more tips in achieving a ultramodern and extraordinary web design.

Unique Typography

  • One way to be distinct is to select a remarkable typography. There are now a lot of websites that sell unique typography so try browsing for something that catches your attention.
  • It’s now easier to express your own style and character. Through your preferred typography, your customers can easily pinpoint your brand.
    • It’s helpful when:
      • you want to be strikingly obvious.
      • you want to introduce a different side of you.
    • Whatever you choose to show, whether it’s happy, serious, friendly, make sure the typography is compatible with a wide array of browsers and devices. If not, the font won’t show properly.

Massive Hero Images

  • Hero images are enormous banners that are on the center of a web page. The picture below is an example of a static hero image. When the photos are changing, then, that’s what you call dynamic. You can combine both image and text to create huge hero banners.
    • It’s helpful when:
      • you want to promote in a creative way. Visually appealing images are more convincing than plain text.
      • you want to give emphasis on a new product, or you want to inform everyone about your bestselling product.

Macbook Pro Beside Mug

Background Videos

  • Another effective alternative aside from hero images is putting background videos. It’s intriguing and quite impossible for someone to just ignore a playing video. Plus, human brains are visual, meaning we remember things better when we are watching rather than reading it. When you are explaining through videos, the things are easier to understand, and information flows seamlessly.
    • It’s helpful when:
      • you want to give emphasis on a new product. this way, you can elaborate on its features.
      • you want to save space. A video can does everything; no need think on what image or text to include.

A flat design

  • When a web design element is not 3D is considered a flat design. A concrete example is when a photo has no shadow. Did you know that Apple applied a flat design back in 2013? It’s because pages to load instantly when the elements used are flat.
    • It’s helpful when:
      • you want to prioritize the speed of your website.
      • Because things are faster, your users can better understand what you are trying to point out.

Hamburger Menu

  • When you have a lot of buttons and menus, it tends to complicate things. To simplify things, you can just add one menu button called hamburger menu.
  • Nope, you won’t need an actual hamburger. Take a look at Google Chrome. They have removed the distractions and the only menu is on the right corner. Notice the 3 lines that are lined up and formed a hamburger-like shape.
    • It’s helpful when:
      • you want to make things easy for your users, and improve user experience.
      • you want to remove the clutter and delete options that causes confusion.

Trendy Modern Web Design Elements (Part 1)

The web design elements 5 years ago may not be applicable now. Since it’s already 2019, it’s time to renovate your website. I will share with you 3 web design elements. More tips will be discussed on part 2. If you want to go there right away, click here.

Shall we start revamping your website into something in the mainstream and trendy? Let’s get it on!

Card Based Design

  • The card layout is becoming a stylish addition to websites.
  • Basically, the concept of this design is that the content is presented in a card. A variety of cards are presented on your screen, and it’s up to the users to choose what card (or featured image) they are going to click..
  • Pinterest is a popular example of this. Why is it popular though?
  • The card base design allows users to be a glimpse on the content without opening the link. In other words, it is convenient and saves time.
  • Web visitors won’t have to click on every link just to see if it’s something they like. A snippet is provided for people to read.
  • It’s helpful when:
    • you are displaying products on one page. Users can easily decide what products they like basing on the featured image. Shopping is made easy this way!
    • you are focusing on your mobile users. The card image is almost the size of a phone screen.

Enormous Product Images

  • Let the pictures do the talking. Words, sometimes, do not give justice to the product. To emphasize on your product, you need to highlight the features and show your customers the product images.
  • For example, look at Apple’s iPad. On its product page, there are only a few words, and more pictures. The vivid images speak for itself. Basing on the pictures provided, you can conclude that the device is slim, powerful, and it can do what a huge computer is capable.
  • It’s helpful when:
    • you want to show your customers visual proof that your product is exceptional.
    • you want your customers to have a better understanding about your products.
Two People Watching a Video Online.

Two People Watching a Video Online.

Product Videos

  • This is related to the product images. Videos are a popular alternative. Websites are adding a short clip of their product. With videos, you can combine both text and images. Thus, the product is explained more clearly. Customers can decide right away if the product suits them or not.
  • According to an article by Inc. Magazine, product videos are the best marketing weapon in B2B websites. Why? When B2B customers were asked, they openly shared that they look for product videos when researching online. Most of them mention using platforms like YouTube.
  • So, B2B companies should give thought to this study. There is clamor in creating product videos because 92% of B2B customers look for it.
  • It’s helpful when:
    • you want to demonstrate how to use the product.
    • you want to explain unique features of the product.

So, that ends part 1. If you want more, don’t worry because there will be more web design trends discussed on Trendy Modern Web Design Elements (Part 2)!

Helpful Typography Tips

Close-up of Hand over White Background

Yes, it is important to create a website that appealing and compelling to your target audience, but the main purpose of typography in web design is to communicate effectively to your website visitors. The design you will choose for your website is a one-of-a-kind aspect of your brand.

In this article, you will learn tips to help improve the readability and appearance of your website and to communicate well to your readers. Read on the important tips below:


    While style is an important factor in designing, and while it is very tempting to use as much styles as you can, it to use multiple fonts. Sticking to one or two is enough Two is already a lot! The aim here is to make the website clean and to retain a certain structure. Remember that LESS IS ALWAYS MORE.


    Choosing standard fonts guarantees better readability. Readers used to seeing system fonts such as Arial, Garamond, Calibri, Verdana etc. Not unless if your website requires a specific typeface, it is best to stick with fonts that people will easily identify.


    The key to a perfect website is readability and legibility. Your line length shouldn’t be too narrow, nor too wide, it just has to be the right length. The suggested length by The Baymard Institute is approximately 60 characters each line


    Your website viewers will use different gadgets so there’s isn’t a single uniform resolution or screen sizes. Just make sure that you would apply a typeface that will work well on a tiny screen or a huge desktop.


    To be more specific, the chosen typeface should be distinct. The ‘i’ should not be mistaken for the “l” and vice versa. It happens in a LOT of typefaces so avoid confusing ones. Convenience of your readers should be your priority.


    Capitalizing letters should only be used to emphasize a point! You should NOT capitalize the whole blog post or web page.


    This refers to a typography term called leading. If you increase the lead, you are increasing or widening the white space in between lines of the text. By doing so, you are also increasing the readability of the text. Don’t decrease the leading because that would be very hard to read.


    Colors also play a vital role in typography or in web design. The most important thing is to consider the readability of your text. It is pretty much USELESS to use the same font color and the same background color. The W3C recommends that small text should have a contrast ratio of at least 4.5:1 against its background. Large text should have a contrast ratio of at least 3:1 against its background.


    Color blindness is a common among men (8% of men are color blind!)

    It is recommended to use other color shades and avoid using red or green because these are the common colors that affect those that are color blind.


    Flashing or blinking texts may cause seizures to some people, while others find it annoying and distracting. It is best to avoid anything that blinks!

How To Create that Quintessential Portfolio

Girl reading a newspaper

A portfolio is not only limited to actual copies of your work, but it is also another avenue for you to show the world who you are and what your future web design projects are. By creating your own web portfolio, you will also create your own brand as a web designer. You might ask, how do I create that ideal portfolio?

Follow these tips in making a captivating portfolio:

  • Present a TEASER on the homepage.

    As you go along, you will have a number of web design projects. You won’t have all day to present your designs and a website visitor will only have seconds to check your web profile. So, make sure your best works are ready to welcome any potential customers. Create a great first impression by showcasing your personal favorites.

  • Easy Navigation.

    You are a web designer. You should know that no one likes an unorganized websites. So, keep it simple. Your website must be straightforward and the navigation must be consistent throughout the entire website. There should be a dedicated page for all your web design projects. Most importantly, the contact page must be obvious for everyone to see.

  • Your STORY makes you unique.

    There are a lot of web designers who handled numerous projects. So, what makes you different? To offer stand out from the rest, share your own journey. Create your ABOUT page and cite some personal trivia. Narrate your humble beginnings and career milestones.

  • Present your DETAILED work.

    This is the important part of your portfolio. There should be a page for all your work. Ideally, you need to need first provide a preview of around 45 to 75 characters. Once clicked, there should be ample information about it. You should state the purpose of creating each design and why it’s the appropriate choice.

  • Describe your design process.

    You may have similar works with fellow designers, but your design process is different from the others.  Let people understand how you deal with the given problem. Show how and why you chose a particular design. It should address a certain purpose and it should provide benefits to your client.

  • Organize your work.

    To help your clients choose a design they prefer, classify your work. Don’t let them choose a needle from a haystack. Group similar web designs together. Make a list of your personal favorites, most recently completed, minimalistic style, and more.

  • Don’t complicate things.

    Non-disclosure agreement (NDAs) may cause an obstacle to your promising portfolio. What you show through your website must be readily accessible. To prevent problems concerning NDAs, it’s better to remove specific details. Present the designs but remove names that would like to remain private. Censor information in a tactful manner and assign a generic placeholder.

  • Highlight what the customers say.

    An excellent way to gain trust to provide testimonials from your clients. These testimonies will encourage website visitors to inquire about your web design services. What should you include ask in a testimonial?

    • Ask the client what they like best about your work. How the new web design improved their website
    • Let the client talk about what they love about working with you. Do not let them talk about jargon.
  • Contact page must be concise.

    What is a web portfolio without its contact page? Make sure that your contact form is easy to use and short. If there are specific information you need to ask, please be specific about them.

  • Last, but not the least, do NOT lie!

    Do NOT claim a group project as your own. You can put a note that you are the lead designer and then mention your team members.



6 Web Design Facts That May Surprise You

apple, business, computer

Web design is more than the aesthetic appearance of a website. One must look beyond the surface and consider different factors such as web browsers interpret code differently, images and videos affect a website’s loading time, a certain code may affect the user experience.

Here are some web design facts that you may not know:

  • Different web browsers will render websites differently.

    • Websites are shown differently because of such factors like parsing and rendering. It means that  different web browsers translate codes diversely. A display on this web browser will be different from this other web browser. They will NEVER have the same result as different web browsers are distinctly programmed.
    • Just because one website runs smoothly in Google Chrome, it does not automatically mean that it will run well in Safari, Opera, or others. It is best to do a browser compatibility test to ensure that your website will render well on all major web browsers.
  • Templates are a huge NO.

    • You should say no to templates as much as possible because it limits you from modifying certain elements to your liking. Yes, templates may be the easier option for someone who is not familiar with coding, but depending too much on templates will affect your website’s performance and will make your website seem unreliable.
  • Codes are extremely important.

    • Without specific codes, your website will not be visible in various search engines. Once someone searches using certain keywords that applies to your website, without proper coding, your website will not appear as one of the search results.
    • Hire a team of web designers that would ensure your website will show up once someone types words from your domain name to meta tags, headers, and descriptions.
  • Web design guides visitors where to look.

    • A colorful design may attract web visitors, but a clear design is preferred. If a design is cluttered, visitors will abandon the page and just find another website instead. According to a report, successful websites are websites that are convenient to use. Website visitors can easily find important information quickly.
  • Images and videos are helpful, but…

    • Yes, images and videos add color to websites. When not properly used, they  improperly, they can also undoubtedly affect your website’s performance. Large multimedia files will take time to load. We all know that website visitors don’t like to wait too long. They might grow impatient and move to another website.
    • To ensure that your images and videos will load faster, web designers should web-optimized images and videos. Also, stay away from obselete formats like Flash. Most web browsers nowadays do not support this format.
  • Updates are neccessary.

    • A 2-year-old website may be too old. Web browsers are evolving fast and updates are released frequently. You should do the same for your website. Keep up with technology by developing and designing newer website.
    • An old website may not run properly on an updated web browser because of obselete codes and browser incompatibility. Aside from that, the search engine algorithms are not updated. So, most probably, your website will not be one of the top search engine results.

Content Ideas For Your Website

Most companies and organizations know that content is very important. It is the backbone of great branding. Successful content for your blog and website gives you a clear advantage in your field. An excellent website is not enough. You have to frequently do content updates for branding. It also make yourself trustworthy online.

Here are ideas for your website:

  1. A beginner’s guide.

    Add a blog post regarding a bit about your niche. This will show that you are an authority in your field.

  2. Successful stories and testimonials.

    The best marketing agents are your happy clients or collaborators. Let them share how you have helped them in their path to success.

  3. Poll or survey.

    It shows your market that you care about what they say. Ask them their opinion using a survey or a poll which is related to your field of expertise and start a conversation with them.

  4. The fruits of your hard labor.

    Whether you get a news coverage offline or online, do not hesitate to let people know. Get together those reviews and make one post. It is also a great way to thank the publication and the author. Networking never stops.

  5. Guest blogs.

    This suggests that you can ask professionals in your industry that can write a wonderful text for your online visitors. If the person has his own blog, you can also ask him to feature you there. It can be an exciting collaboration.

  6. Videos.

    Visual content keeps your followers engaged in your work. There are just some things that does not translate well if you only use text. You can do a presentation of your services. Just make it brief though.

  7. Let your online visitors meet the team.

    Make a special post and introduce yourself and your team. You can use this content in your About Us page. This will promote familiarity.

  8. Keep yourself abreast in the trending topics.

    This will produce contents that can be easily shared on social media and reach new audiences.

  9. Sources of inspiration is one content that is interesting.

    It tells your followers the people that has given you such an artistic sensibility. Share the lessons you learned to inspire others to start their own business. These details will remind people that motivations are everywhere.

  10. There will always be a problem at work.

    Being a problem solver helps you overcome these challenges. Share them to your audience and showcase your innovation, creativity, and resourcefulness. And if you and your team can address these challenges, it follows that you can solve their problems too.

  11. Myth busting is a sure way to catch the attention of your audience.

    Since you know your field well, you can share some educational myth busters to your visitors. You can explain the usage of white space in web design. Perhaps, you can talk about the importance of colors in a website.

  12. Make a summaries and predictions.

    As the calendar year approaches, share your company’s highlights, accomplishments, or review the well-known trends that influenced your field. You can add your growth, plans and the important developments in web designing.

10 Web Design Tips to Boost Sales

Black Samsung Tablet Computer

When your website is not bringing in any money, there are many factors the problem.  One thing is you might want to change is website design. The truth is that a great web design can make a statement. It will encourage visitors to try your products. This process is called conversion.  A website can have a lot of traffic but only a few conversions.

You have to understand that 94% of website visitors base their first impression to the website’s design. Additionally, 75% of them will decide on the brand’s credibility just by examining the website. This is why you need to assess your website’s design and make necessary changes to draw more sales.

Below are a list of things to consider when upgrading your website:



    • Promise your customers that your brand can deliver. Give them a concrete reason why they should buy from you and not from another website. Make it very clear and obvious that your products are a cut above the rest.

    • Embrace the white space. Keep your homepage clutter-free. Too much web elements can scare people away. Do not bombard your customers with too man options. Help them decide by keeping the design simple.

    • Website design is not game of hide and seek. You should throw important information for the world to see. Products details should include the size, the color, the weight, the height, and so on. Remember to put contact numbers also. In case buyers have a problem with the product, they can easily get help.

    • If you want to spice things up, adding a short video might help. Instead of showing a picture of the product, why not attach a video? Set aside a space for videos. Some companies indicated a 144% increase in sales by adding instructional videos.

    • When a site looks dull, maybe it’s time to paint the town red. You have to carefully choose your color palette though. Take note that color blind people struggle with the colors red ang green. Consider your target market and choose a color scheme that will attract them. A change in color might lead to an expanded conversion rate.

    • Aside from giving out contact numbers and email addresses, make it personal and chat with your customers. It will definitely increase the trust and confidence. Future buyers will opt to choose your website over other competing brands.

    • Customers does not want to give too much information just to be able to buy one small item. Make their shopping experience easier. Go for an email, password, and a name first. Then, they can provide the other details later. See if the conversion rate is higher when you shorten the forms.

    • The headlines should lessen the potential customers’ doubts. Your statement should address their concern. It is should bold and clear. It should increase their confidence on your products.

    • Constantly add small changes to your website. These little changes might bring out better improvements. Change web elements one at a time and observe their outcome. You might want change the BUY NOW button color, you might want to make some text bigger or smaller, or you might consider adding a new feature. Adding a SHOP AS GUEST feature may draw more web visitors to buy your products because they can check out without needing to go through long forms.

    • Give away free items to your loyal customers. Offer a 10% discount on their next purchase. Everyone loves the word “free” and “sale.” Encourage them to buy more and in return, they will get a free item. Make sure your FREE banner is visible for everyone to see.

Website Mistakes That Entrepreneurs Should Avoid

adult, agreement, beard

Several businesses just create their websites without thinking thoroughly. Numerous information are just dump into the website. So, if you are business owner, allocate a budget in building a website for your business. Yes, there are free and ease to use website builders today. But if you are not knowledgeable about the concepts of web design, you will surely make serious mistakes. Instead of helping your business, the website will not attract any potential clients.

You should avoid these website mistakes:

    Having a website will not magically conjure customers. You have to plan carefully and you have to know the goal. Are you making a site to expand your physical store? Are you creating one to gain online exposure? Build a website according to your desired purpose.
    Nope. As stated above, you need to know the website’s purpose. Do you want to sell your products online? If not, then, focus on having an active online presence first. Do not waste money on something you will not utilize. Set up a simple and neat website that has the essential business information like store address, email address, links to different social media accounts, phone numbers, and more.
    All great websites have a common ground. They all have a straightforward navigation. Clicking the Contact Us will redirect you to contact numbers and email addresses. The About page will indicate the company information. Do not try to deviate from this standard structure because most people will choose comfort than style. Adding your own flair won’t do any harm, but make sure you do not compromise the quality of your content.
    Use Yahoo! as an example. Their website only uses the color violet. The most visited websites are not too flashy and they just maintain a neat and simple homepage. Striking colors are compulsory. A neat and professional looking website is enough. Besides, clients will not dwell on the design. They care about the information on your website more.
    When you make a website,  navigation should be number one on the list. Make sure visitors can navigate with ease. When potential clients browse your website, they won’t have time to figure out everything out. If they can’t find what they need, they will leave and find another website.
    If you plan to include brochures on your website, please do not include .PDF or any other file that requires an independent file viewer. Use a file that is universal. Perhaps, you can attach a document or an image. Surely, every device can view image files. Not everyone has the patience to download a specific file viewer.
    Yes, you earn through ads, but, limit them to a few. It is very distracting when visitors try to read and an ad shows up in the middle of the screen. Furthermore, banner ads on the sides cover some of the text. Make sure ads do not compromise your content.
    Your website is not a place for you to indicate everything from A to Z. Do not place a gigantic block of text on your website. Surely, your clients will hurriedly leave your site.
    Mobile users are growing at an exceptional rate. Not considering the huge number of people using their mobile everyday is a fatal mistake. Consider all users, whether they using a desktop, tablet, or a mobile. Make sure all devices can connect to your website with ease.


How To Be A Successful Web Designer

business, coffee, computer

Web designing can be an exciting career. You start out with a blank slate and turn texts and images into an awesome website. The project starts small and slowly, it will grow into this enormous web of connected information glued together. Though it is more on designing and creating art, there are other things to consider in web designing. Success doesn’t come overnight. The list below will help you get closer to becoming an accomplished web designer.

Follow these 10 helpful tips to reach your goal in becoming a web designer:

  1. Communication skills are crucial.

    You need to get your points crossed to your client and your art director. You should be able to justify your design choices. If problems occur along the way,  good communication can surely fix that.

  2. Learn to effectively sell your skills.

    You need to learn how to survive in the competitive world of web design.  Yes, things may get tough, but you should know your value. Stick on promoting your strengths and pointing out your unique skill sets. Use social media to your advantage and show the world your talent.

  3. Plan first, design later.

    When you plan, you get ideas and it can spark new concepts. Plan how to go about a particular project. Research about your client’s company and know what is desired from you as the designer. In order to come up with a good design, look into the company’s competitors to know more about the latest industry trends.

  4. Ask for feedback.

    Evaluate your work first and then, ask help from trusted and respected people. Accept and implement their criticism to improve your work. They may be able to spot your mistakes easily and this will help you save time. You can dedicate more time on other aspects of the project.

  5. You are a Web Designer, and not a Graphic Designer.

    Graphic designers are NOT web designers and vice versa. The two are completely different and each has its own field of expertise. For you to be successful in web design, you should dedicate your time to it and hire a part-time graphics artist for a specific task.

  6. Stay informed.

    Technology evolves fast. What may be trendy today might become obsolete tomorrow. Like fashion, the web design changes over time. Find time to learn new things and follow the latest news.

  7. Be organized.

    Like in any other field of profession, being organized is important to effectively get the job done. Begin with organizing your computer by properly labeling files and folders.

  8. Update your portfolio.

    Always keep your portfolio current. It should show potential clients that you have more recent, active, and relevant projects. Web design projects years ago may not be what is trendy now. This will justify project costs if you charge a relatively hefty web design fee.

  9. Learn to be a team player.

    Two heads are better than one. Know how to work with others and see how your teamwork will greatly improve the end product.

  10. Be business minded.

    Apart from being a web designer, you must also know learn to balance costs, and make significant assessments. Then, you can earn more and lessen expenses.

Once you have grasped the basics of web design, do not stop there. Learn new tricks and slowly apply it your design process. Aside from web design skills, you may want to dig deeper into HTML/CSS, Java, SQL, and other coding techniques to acquire more skill sets to add to your growing portfolio.