Web Page 4 Less
Web Design Blog, Tips, Articles & Advice

Handling customer requests

Posted in social media marketing  by admin

Whether you manage a website, app, service, there are always customer requests. Even with the differences in all of the business categories, the requests from customers can fall into one of two categories: deep or wide. Let us look at the two types, what they are, along with examples:


“Deep” customer requests refer to increasing the functionality or utility of a product feature. We can also look at it as “improve A also to do B and C.” There are a few a benefits to fulfilling these customer requests. The first is retention. The more customers that use feature A, the higher the retention will be when they see the improvements. It also promotes vendor lock-in. The only downside is a loss of focus. Successful companies have a laser focus on the main features of their products and losing that focus can have consequences.


“Wide” changes can be seen as platform level changes, as opposed to feature level changes. An example would be integrating a product with another. The primary benefit here is that of customer acquisition. Increasing the reach of your product by integrating to another product platform opens co-marketing opportunities. You could also see an increase in revenue, as potential customers might want compatibility with other platforms before they commit.

Newer companies, especially those that are first to market should look to go wide first and then deep. Going wide early helps with early growth, while going deep later will increase customer retention.


How to create a good round-up post

Posted in social media marketing  by admin

Roundups are long form articles that aim to cover all or as many aspects of the subject as possible. These are similar to tech review roundups in that they reference other reviews of the same product. These are now extremely popular; in part due to how well they spread on social media, but mostly due to how well they rank on Google. Here is a step-by-step guide to creating a roundup post:

Step one – Identify every aspect of the subject

This is probably the most time consuming and the longest step of the process. Every possible angle on the subject needs to be addressed. For example, HR managers and potential employees could both be interested in reading an article on interviewing skills.

Step two – Images

Every single significant component of the article should be illustrated with a suitable image. Google considers relevant images an important part of what it considers good content.

In addition, take this one step further by creating an infographic. The right infographic can generate thousands of shares. Several services online provide free templates to use as a starting point.

Step three – Downloads

Successful roundups provide some form of downloadable content at the end. Visitors love downloadable content and this is the best method of getting a signup to a mailing list. The downloadable file should be an extension of the content on the page. Taking the above example of interviewing skills, the download could be a PDF of the most common interview questions along with good answers.


Microsoft Azure Components

Posted in Web Design & Hosting  by admin

webpage4less-novMicrosoft Azure, the cloud computing platform consists of a series of different components that can be used alone but are often used together. Using each of these components as building blocks, any organization can replicate or recreate IT infrastructure online. In this article, we will look at the most used components of Azure.


This is the bread and butter of Azure. It consists of virtual machines, websites and cloud services. Virtual machines are virtual instances of a server running an operating system. Web sites are code based websites that run from the cloud and have no actual server back-end. Cloud services are similar to websites but are low-admin applications that are maintained by Azure and are ideal for large adoption services.

Data management

This is where the data is stored. Individual SQL servers can be created or they can be done one database at a time. This is also where data can be imported and exported. It is highly unlikely these will be created without front-end websites and VM’s. The limits of the databases will be set at the point of creation and some will not allow any future changes.


The final of the basic components. This is where the internal and external networking options are selected and set. Virtual networks can be created and resources such as virtual machines and databases can be assigned. This is also where VPN’s (virtual private networks) can be created and set up to connect to on-premise networks.


The four steps of inbound marketing

Posted in Web Design & Hosting  by admin

webpage4lessInbound marketing is the other name for online marketing. It is the only effective way to market a product online and go through the entire process of attracting visitors and converting them into customers. There is a four step process to this cycle which we will look at below:


When it comes to attracting visitors, the numbers are not important. What you want is the right kind of visitors. Attracting those visitors will require high quality content distributed via tools like blogging and content marketing. SEO will make your articles and other online properties more visible. Social media will help spread that content to hopefully the right people.


Now that there is quality content that attracts visitors, those visitors need to be converted into sales leads and then into customers. The first step is to get their email address and contact details. For this proper calls to action, landing pages, forms can be used. The process should be as quick and painless as possible.


This part is probably the hardest. It involves converting those leads into customers. The toolbox here is to use CRM software, email content, and marketing automation to convert them. Different tools at different stages of the cycle is also an option.


The reason inbound marketing is successful is because it also focuses on the stage after the lead has become a customer. The goal here is by promoting and encouraging customer delight and then making them your fans.


Small business social media strategy

Posted in social media marketing  by admin

webpage4lessMost small business owners are too busy to run their own social media campaigns. Instead they hand it out to an intern or outsource it. For smaller businesses this can be a mistake. There is no other media that gives a business owner access to its customers like social media.

Know your customer

Social media is all about the customers. Marketing basics dictate that you should think like your customer. This is especially true for social media. Not sure where your customers are? Ask them. Then setup your presence and focus on those specific social media networks. For example, some groups are only active on LinkedIn and so that should be where all your social media attention should be focused.


Social media is easy for a lot of businesses to get into due to the fact that it’s free. You can create facebook pages, accounts, twitter accounts etc all for no cost. However an effective social media campaign does have a cost: time. A proper campaign should be targeted to where your customers are. Remove any profiles on any platform that has no value to you or your customers.


For a lot of people, the total number of followers indicates success. That is not a good metric to go by. Popular brands can have follower figures in the millions while a few hundred for a small business can be considered a success. Look at the quality and engagement with your followers. Their devotion and enthusiasm for the business and its product is the target.


3 Ways to Make Web Design Intuitive

Posted in Web Design & Hosting  by admin

As designers and creative of digital communications, a number of our choices are based on how we understand our target audience.

Almost every element in web design be it text, colors, interactive interface and images is picked based on how we perceive culture too. Yet there is also another aspect: the human eye and how the brain registers what the eyes are catching.

In other words, if you understand visual design principles, this can lead to the creation of effective websites.

Here are 3 ways to make web design intuitive:

1: Design for the brain first

In order to learn proper design, it is important to learn design history first. As you will discover, all the great designers followed (or broke) the simple rules. No matter what, it was these basics that helped them to achieve fame in their lives.

It must be said that bold colors and type, placement and contrasts are what catch the eye. Also, very rarely will your target audience read all the text on the site and which is why the first two paragraphs should contain the most important information.


Of course, there are a number of these simple rules that one must take into consideration when designing a website for maximum effect.

2: The Golden Rectangle

Also called the Golden Ratio, it is a seashell-shaped figure that helps you to find the spot where a person’s eyes is most likely to pay attention to. When you understand this principle, then you can use it in website design where you place any important element (UI, call to action, text) right in that area. One excellent example is the New York Times that uses this principle on their website.

3: Master the grid

By definition, the grid is a structure that is made up of a number of intersecting straight or curved guidelines that helps one to structure content. This grid can help the designer organize graphic elements so that the eye and brain can absorb content easily. Using a tool like UXPin, one can organize graphic elements accordingly both in relation to a page as well as other graphic elements on the page. The only issue is that since this isn’t taught properly by graphic design teachers, it can be difficult to grasp.


3 Fonts in 2015 That Web Designers Can Use

Posted in Web Design & Hosting  by admin

Typography continues to dominate web design trends even if we are in 2015. In particular, designers are using typography to create big and eye-catching headers or landing pages. This is for the simple reason that these are the first things that people look at on a webpage.

Here are 3 fonts that can help you do just that as a webdesigner:

1: Mute

Clearly a san serif typeface, this font was made by Manushi Parikh. The use of this font can be both for mobile applications and user interfaces. It can also be used on homepages given that it looks precise and linear and comes across in a friendly manner too. As for the letter, they have a low-stroke contrast while the terminals end on the vertical or horizontal. This font costs about $130.

webpage4less2: Galano Classic

Created by Rene Bieder, this font is inspired by the classic grotesque style of the early 20th century. Classic geometric faces are combined with more modern proportions. The letters themselves have a few interesting details: the uppercase ‘R’ has a long stretched leg while ‘Q’ can be likened to a stylized magnifying glass. This font can be used for big headers but is just as effective with small sizes as well as long text too. The entire family is worth $200.

3: Cereal

Designed by Carlos Fabian Camargo, this family of fonts has been released by Andinistas. In all, this entire pack consists of eight families of fonts that either work in groups or independently. It’s clear that it can be used to create words that depict a warm climate. You can use this font in book covers, logos, posters, home pages or even wedding invitations. It costs about $64 upwards depending on the version you download.


4 Website Performance Tools That Can Help Speed Up Your Site

Posted in Web Design & Hosting  by admin

 photo Screenshot-3-e1407215962448_zps8x9wm7jw.png

Article write by seoscape.org.

It’s vital that your website performs at its best at all times.

Doing this involves measuring several factors. That said, here are 4 tools that can speed up your site:

1: WebPageTest

Being free, it tests the speed of your website. Browsers from locations from around the world test the website. The results throw up plenty of performance diagnosis information that proves to be useful. Apart from this, the tool also makes suggestions for improvement. Remember, the lower the SpeedIndex score, the better your site performs.

2: Google PageSpeed

This tool analyzes your website and gives it a rating on 100 for both mobile and desktop. If there are areas that it considers to be below par, it offers suggestions. Keep in mind where you use this tool in your workflow. It affects build completion time.

3: Chrome Developer Tools Audits

Chrome Developer Tools can assess web performance, thanks to its built-in auditing system. It also has improvements to offer such as unused CSS. The line numbers where you can find offending items are also provided.

Click the ‘Audit’ tab in Chrome Developer Tools. Ensure you check both ‘Network Utilization’ and ‘Web Page Performance’. Now hit ‘Run’ to get a report. Click each item to reveal files and the line numbers too.

4: Google Analytics Performance Anomaly Detection

Once your website is live, you still need to track its performance. Issues can always occur and vary in nature but will affect the speed of the site. For this, the Google Analytics’ Intelligence Events feature comes in handy. It will help you to detect poor performance and generate alerts when problems begin.



2 Ways to Optimize Your Site For Mobiles

Posted in E-commerce  by admin

 photo articleillustration-01_zpsw718funh.png

No matter what you think, having a mobile-friendly site is hardly a luxury but actually a necessity. This has been made evident by a study conducted by comScore that reveals that mobile usage has exceeded that of desktop usage for the very first time.

If that’s not enough, most mobile users say that they will not return to a particular site if it does not load on their smartphone. And recently, Google said that it would include being mobile-friendly as a factor for search engine ranking.

That said, if you aren’t sure, it’s time to test the site and if it fails, here are two ways to both optimize a website for mobiles:

#1: Creating a Mobile Friendly Version of Your Site

Probably the fastest way to build a mobile-friendly site is to create a mobile version of your desktop site by using a conversion platform such as Duda Mobile and bMobilized. The only problem is that it creates two sites and that means it will be difficult to update both sites at a time. This will frustrate users if they find differences between the desktop and mobile versions.

#2: Utilize Mobile Plugins on CMS Platforms

It goes without saying that Drupal, WordPress and Joomla are the most popular CMS platforms over the internet. What is also true is that they have solutions to ensure that your site is mobile-friendly too. Apart from writing content that is mobile-friendly, it is also a good idea to add features that are used on mobile devices.

In other words, to use mobile plugins such as WPTouch and JetPack for WordPress. As for Joomla, Responsivizer and JoomlaShine while Drupal offers 2 modules such as MobileTheme and ThemeKey.


Elements of Responsive Web Designs

Posted in Web Design & Hosting  by admin

 photo responsive-web-design-a-quick-guide_zps2d0oledv.gif

The Internet took off quickly engaging into a crazy growth. Now for the last years, mobile use has experienced the same massive user explosion. Mobile internet usage is soon set to surpass general internet usage and as such companies are preparing for this boom. The growth of mobile usage poses the issue of having responsive websites that would be viewable by all users.


The basis of the responsive web design or RWD is that page should be viewable on every screen size and device whether mobile or desktop. The website should not only be viewable, it should also be intuitive and offering the same sort of experience on all supports. The RWD is often broken down in three major components, namely the flexible layouts, media queries and flexible media.

Flexible Layouts

In order to build a flexible layout, one needs to start with a flexible grid which would enable the dynamic resizing to any width, depending on the resolution of the screen. These flexible grids use relative lengths units in terms of percentages or em units. Common grid values such as the padding, margin and width would need to be declared using the relative lengths.

Media Queries

Media queries allow developers to specify various style depending on the browser or device. This enables unique styles to be applied for different user experiences. Common media types include the screen, print, tv, all or braille.

Flexible Media

Flexible media is an important aspect of RWD as it allows media to be resized and scaled as per the device and screen view from. An effective way to make media scalable is through the maxwidth property by setting a value of 100%.