Top 5

Online display ads have become the normal in anyone’s internet experience, which is why you should know what size you should have to best represent your business. These ads can be very difficult when trying to show what your business is about. However, when done successfully those ads can be very successful for your campaign and increase revenue.

With many different web banner ads there are many great performing ones, whether they’re positioned the right way they can increase your revenue. Also when they are wider they’re more of a friendly to the viewer at a glance they can read more without interruption.

Make sure that your ads do not exceed 150 KB in file size. Anything bigger than that will be disproved by google due to the bigger file size will take more time to load and be slow compared to other ads. After designing the graphics for the ad your product should be in JPEG, SWF, PNG, or GIF formats. To learn more about appropriate web ad sizes depending on what the content is click here.

Banner (460 x 60)

A smaller type of web advertising which can still have a impact on the website depending on content. This ad resides along edges and does well with words.

Leader board (728 x 90)

This web ad tends to have more ad inventory available from advertisers, which can increase earnings when both text and images ads are enabled. It performs its best when its placed above the main content and forum sites. There always be more content on the leader board when its animated and items such as inventory are fading in and out which also increases revenue.

Inline Rectangle (300 x 250)

Also known as a medium rectangle, It works best when its on the right or left side of content which where it can be eye popping to the viewer.  This ad can be animated to show more inventory.

Large Rectangle (336 x 280)

Also known as a large rectangle, it performs best when its embedded within text content or at the end or articles to catch the viewers attention when done reading. Since there is more space available there can be more content for a specific audience,

Half Page(120 x 600)

A visually impacting virtual ad which are proffered by brand advertisers, due to their massive size it will most likely catch the readers attention.

There are more than just these ad sizes that are usable, to learn more about other ad sizes click here.


UI and UX wait who?

UX is user experience design for short, while UI is user interface design. Both of there elements are crucial to the website itself, they work closely together with each other. However, their relations with each other does not mean they’re the same, the roles that are played by both differ by a margin. User experience design being the more complex of the two due to its responsibility to have the optimizations and measurements to support the site. User interface are the cosmetics of the site such as the colors.

User Experience Design

The process of the satisfaction by improving usability, ease of use, and interaction between customer and product using the design. It doesn’t necessarily need to be a digital product or anything related to tech, its the connection of user availability and how the product can be interacted with. The user experience is any and all interactions between potential, or active customers. However, of the term it has been used almost entirely in the digital fields. Its referred as a substitute word to “market research.” The term started to be recognized when the industry of anything digital came about, which was also around the terms invention. User experience design is the process of development with improvement of the quality interaction between the user and the company. Its responsible for being hands on with the research, testing, development, content, and prototyping to test for resulting interactions. Whether its okay or good to have the product the way that it is. For examples of user experience click here.

User Interface Design

The process of focusing on the optimization of the product and cosmetics of a product based on effectiveness and entertainment to user. User interface is based on the look and the feel of the product, the inter activeness and the way its presented. User interface is challenged with the attractiveness of the product and responsiveness for the user. Which can sometimes be confused with user experience however it is somewhat different. User interface is visually strong to best enhanced for the users benefit. Being visually guiding with interactive elements is key for a strong interpretation of user interface. The skin of a product can also be a term to describe user interface. The products reactivity and interactivity in response to the users input is different from user experience. Due to it being a different form of structuring the product, for more examples of user interface click here.

Web Test?

Companies still use user testing, although not as much as before. However some companies still invest into user testing, for example: a new feature is implemented and corporate does not know how the user would interact with the new feature. User research can provide valuable insight.

Track Improvements

The best outcome of user testing is that you will be able to validate your assumptions. You can track those assumptions over time, continuously giving you measurable data back for your evaluation. You can categorize your tracking of improvements however you may like or categorize what would need work and what may seem confusing.

Reduce Your Costs

User testing will give you feedback from your users and will help you make a research-backed user center decisions. Help you avoid expensive development errors which would cost you terribly. Fixing an error after development would be more expensive than it would have been before. It could have been avoided by user testing rather then spending the time re working the website. There are multiple factors when it comes to this: wrong assumptions about users, features no one uses, or confusing navigation. Developers time is expensive, you can save hundreds of engineering hours and thousands of hours which would have not been wasted with user testing. Its the best way to go and to read more about it click here.

Find Where Your Customers Get Stuck

Probably the most beneficial features when using user testing is to see where your visitors do not understand what to do and or get stuck on. Some examples of this would be: misleading navigation, problems with creating accounts or signing in, buttons not properly functioning, or inaccurate search results. Sometimes your visitors might be multitasking and may not pay their full attention to your website and may not understand what your website may be wanting to do. So you have to take the extra step to make your website the most simplest it can possibly be.

Getting a Unbiased Perspective

You become pretty attached to your work, where your bias will always be there no matter what. On the users end opinions may differ due to complications where you the designer may understand but may seem unclear to others. User testing gives you the ability to the experience of using your website through other eyes with their opinion on it. View it their way and understand why the feature or layout isn’t appealing to them, learn more here.

Optimizations of the Page of Web

Faster site speed leads to happier users, increased productivity, and more time users spend browsing when it comes to user experience. Moreover, many people when face a slow website loading page, they often leave it within a couple seconds not giving it a chance to load completely. Since we are in a state where websites should load to expectancy such as two seconds or less, much less. The sites speed of loading does impact the satisfaction, no matter how the site looks, if it does not load relatively fast the user will click away and never see the website. When it comes to SEO googles page ranking, how high your page appears in search. Page speed is a contributing factor when google pulls up results, so does bing. When you have a lower loading speed you may suffer being put on later pages which can lead to less people on your website.

How to check your websites speed this reviews site performance, grades it, and tracks performance history so you can view how faster or slower your website as gotten. analyzes how well your site loads, investigates both YSlow scores and page speed, and how to alter load timings for your convenience. YSlow grades webpages on how they meet high performance guidelines, and how to improve your website, YSlow also offers a Chrome extension to test the speed of the website. Googles page speed insights is easy to use and the results are instant, it offers things to improve on such as: “should fix”, “consider fixing”, and “passed rules”. This is the most popular since it corresponds with the SEO and can help you have your website on the top of the google search. Which also offers the rights tools and qualifications to help with your website, websites such as Pingdom can vary with measuring tools, google page speed insights is the way to go.

Ways to improve website load speed

Often new comers go the cheap route using shared hosting, which is alright because it isn’t necessary to have very fast speed because not to many people will be using your website at the start. However, when you get bigger ad site usage grows, your site speed will slow overtime. Resulting in upgrading your hosting plan or moving to a VPS/ dedicated option. When upgrading from a basic shared plan, users and yourself notice the difference immediately due to the dedicated resources.

Why Bootstrap CSS?

“Over the last few years, Bootstrap has become an increasingly popular front-end development framework. More and more developers and designers continue to get on board.” Bootstrap framework is feature rich css and offers various beneficial extensions.

Speed of Development 

If your looking to push out websites or applications quickly the best way to do so is using bootstrap. Due to, instead of coding from scratch, it helps since its basically premade. Bootstrap lets you utilize already made blocks of code to help get you started. Combine that with cross-browser compatibility and CSS-Less functionality, many hours of coding can be saved. There are multiple already made bootstrap themes that are ready to purchase that can be found here.


With bootstrap due to the fluid grid layout and proper screen resolution, creating mobile ready websites are easy and most efficient. There is basically no extra work to put in for responsiveness. Using Bootstrap’s ready made classes, you can specify how many spots in the grid system you want each column to occupy. There are multiple ways for you to re-code how the layout is for example having information in a different location.


Bootstrap css was built using one core concept, pairing designers with web developers. The ones to create bootstrap originally planned it for twitter. Due to the success of bootstrap its continued to be used on the web. Results are uniform because bootstrap ensures consistency. In the end no matter the platform it is consistent whether it be on chrome, fire fox, or internet explorer.


Developers have the opportunity to pick and choose features they think is necessary to their website using bootstrap. It can be tailored to your specifications with the bootstrap customization page by simply ticking off all the features that you don’t need.


If there are any issues that you view with bootstrap css, there is a huge community with many forums that can help you if you encounter any problems. The developers have been very consistent with putting out new updates. Currently being maintained on Github with over 500 contributors.


Using bootstrap css is a very beneficial, especially because of the framework for rapid responsiveness that is also consistent. As well ass being supported by the designing and programming community. As the framework continues to develop there will be more reasons to keep using using and for new designers to use the system.



How to prep for audiences

Everyday comes new content and information on what people are interested in. Use the information found online to your advantage. Start to google what your target audience is intrigued by and what is appealing to them. There are various ways to approach the information you want, whether you search up all of it on google, leaching off this powerful search tool is very helpful. You can also survey the target audience you are trying to reach. All of this rich important information, like online reports, research papers, and reference material. There are even organizations who’s specialty is researching audiences and what they’d like for websites or other advertisements.

What works

First of all you have to see who your target audience is and how to approach them in special ways. For older more corporate individuals a more academic language that contains complex words, sentence structure, and ideas will catch the attention of these individuals. They will feel comfort with the structure of the website and will see that your website means serious business and they want to do business with you. For a more loose individual target audience meaning  kids or adults who aren’t caring as the corporate individuals, they wouldn’t care about the sentence structure or grammar as much as long as it looks plausible. Again with making websites for more corporate individuals making a more traditional website with traditional features, like black and white colors is key for their attention. For kids it would be more appealing to them if the website were to be more fun and interesting like different colors and different features not usually included in traditional websites. Which could be fun activities and what not’. Taking time to study your target audience is a key element in order for succession, google can be used to help you with your studies.

What doesn’t work

There are many ways that you can loose your target audience and there are various ways to mess up so make sure you don’t. Not doing research of what the audience wants is a no go, because you cannot possibly know based on personal knowledge everything you need on your website. Not doing your research and targeting your audience wrong with colors and structure not appealing to them is what will be the death of you and your website. There can be many contributing factors with confusion on how the website works that can also be contributing factors that can ruin your website, read more here to prevent such catastrophes.


How do the Pro’s target their audience?

When writing anything, whether it be an article or paper, you have to take into consideration what type of audience your trying to get to. Whether your target audience is a specific person or a group of people, you are trying to get their attention and their interest. This same strategy should be used by designers who are creating websites and taking into consideration who their target audience is. By keeping the target audience in mind the designer can make better decisions about the look or feel of the website.


Always do research on who your target audience is, what they do, and how they want to be approached.What kind of services do these people offer, how they pick and choose products, what they want, what they aren’t interested in, how to better their life. More factors that can be taken into consideration would be their age, job title, education, and how the person will interact with the website. If you don’t have data to research, start assuming with educated guesses. You may want to survey your customers to learn why and how they buy, just take into consideration some people may feed false information.

Content Layout

Represent your company well, this impression will impress your target audience on how either professional your website is or how creative you are with it. How to display your information on your website is key, where everything goes is crucial. Whether it be a more spread out approach or a more traditional tight website it differs for who the target audience is. For kids, you may want to take a more spread out approach because it will appeal to them more. To adults take a more standard approach like many websites having links on top and other factors that mock traditional websites.

Color Choice

Today there are many different fonts and colors available for use from Google’s web safe font collection. But the selection of fonts and colors are crucial for websites. For kids take a more loose approach and more creativity to it. For a corporate website its recommended to use more conservative fonts and black and white colors, not to say you cant use any other color than black and white.


For the target audience, the information presented will affect their thoughts on the website. A more formal approach is key for adults and a more loose would suit children.

For more pro tips and information click here.