Webprem Website Redesign

Webprem Website Redesign

Webprem Website Redesign

Webprem is excited to announce the implementation of our redesigned website.

The previous version of our website was implemented back in 2011. Technology has changed by leaps and bounds since then.  Website design trends and concepts have also radically changed.  Both the previous version and current website were designed using WordPress.   

Responsive and Mobile Friendly

Resposive, mobile friendly web design makes your web page look good on a variety of devices (desktops, tablets, and phones). Responsive Web Design is about using a combination of HTML and CSS to resize, and move the content around on a web page to make it look good on any screen. The width and height, called viewport, of the device you are using to view the website plays a major factor. A website that is responsive, mobile friendly looks quite different on a mobile device (phone) then it looks like on a desktop and/or laptop.

Viewport size

Viewport size of a laptop

To find out what your viewport width and height are go to http://whatismyviewport.com/.
In 2011 Webprem found too many issues with responsive design so the previous version of Webprem was not responsive.

Responsive Webprem Web Design

Full Width Design

Webprem’s redesigned website contains multiple web pages that take advantage of the full width of the web page.

On our home page the area underneath the main menu displays a full width video.

The blue area underneath the video with the title of “View Our Portfolio” is also full width.

The portfolio items also take advantage of the full width of the web page.  This allows more portfolio items to be showcased and quickly viewed with larger porfolio images than in the previous version of our website.

Webprem Redesign



The previous version of our website used what is commonly called a boxed design. Our website did not have hard borders on the left and right side of the website, but the content of the website was limited to 960px wide.

Back in 2011 960px wide was a standard size used by web designers based on the most common screen size width.

Webprem previous version of website

Utilizing Various Different Types of Headers Under Menu

For years we at Webprem thought a website should have a common look and feel. That made sense years ago but times they are a changing.

We decided that our website should offer different types of header designs (the area under the main menu) so that we could use our own website when asking future clients what they wanted the top section of their website to look like.

Here are some of the header designs we have used in this website.

Webprem Header Home Page

Video with color overlay and a call to action button

Webprem Header About Us Page

Background image with color overlay and part of the page content peeking into the header


Webprem Header Services Page

Background image with color overlay and down arrow to move to web page content

Webprem Header Testimonials Page

Background image with color overlay and down arrow to move to web page content


Webprem Header Portfolio Page

Portfolio header flips into view

Webprem Header Blog Page

Background image with color overlay (same image is used with different color overlays on all of the blog listings pages)


Webprem Header Client Resources Blog Page

Background image with color overlay (same image is used with different color overlays on all of the blog listings pages)

Webprem Header Seo Blog Page

Background image with color overlay (same image is used with different color overlays on all of the blog listings pages)


Webprem Header Social Media Blog Page

Background image with color overlay (same image is used with different color overlays on all of the blog listings pages)

Webprem Header Tech Tips Blog Page

Background image with color overlay (same image is used with different color overlays on all of the blog listings pages)


Webprem Header SEO Ranking Blog

Background is solid color with blog title and meta information about the blog under the Blog Title. Each individual blog post has a different header color.

Webprem Header Auto Buy Sell Directory

Background image with color overlay. Each individual portfolio item has a different color overlay that ties to the colors in the web site design.


Webprem Header Contact Us

Background image with color overlay

Webprem Header Website Redesign Blog

Background image with color overlay and down arrow to move to web page content.The same background image was used on the services page, but with a different color overlay.

Eliminated Sidebars

For years Webprem felt that a sidebar located on the right side of a web page for all web pages other than a home page was almost a mandatory web design consideration.

Over the last 6-9 months Webprem had started to notice the elimination of sidebars from web sites Webprem admired. Webprem first thought “yuck”, and felt some of the intuitiveness of those website design considerations were being lost. Once we got over that shock we quickly realized we needed to have an open mind and look further. We also realized that sidebars are not such a good web design concept when taking into account how sidebars would not look so good on full width web design.

Here are 2 blog articles that Webprem found that helped us embrace the concept of getting rid of sidebars on our website. They are:

Replaced Slideshow with Video on Home Page

This change was a big one for Webprem. Webprem has advised clients for years on the benefits of have a slideshow on their home page. There are some clients where a slideshow on the home page is still a good design concept, but to slideshow or not to slideshow should be thoroughly thought out. We can discuss if a slideshow makes sense or not depending on your type of business.

Webprem ran into this funny but seemly true blog article that made us want to try something other than a slideshow on our home page. That blog is “Sliders suck and should be banned from your website” by Yoast who is a well respected SEO company.

In the redesign of our website Webprem really wanted to try using a video on the home page to draw people into the movement. Webprem will watch to see if this was a good design decision based on feedback from current and future clients.

Webprem has tried out many different types of slideshow images over the years but during the last couple of years Webprem was trying slideshow images that were a combination of yellow and light grey over a black background. Below are the 5 slideshow images that were on the previous version of Webprem prior to our website redesign.

best-web-design-designer

Slideshow image 1 from previous Webprem home page design

best-web-design-designer1

Slideshow image 2 from previous Webprem home page design



custom-web-design

Slideshow image 3 from previous Webprem home page design

connect-with-your-customers

Slideshow image 4 from previous Webprem home page design



contact-us

Slideshow image 5 from previous Webprem home page design

 

Blog Design Layout Overhaul

In the section above titled “Eliminated Sidebars” Webprem discussed our decision to eliminate sidebars from our website. We now decided to overhaul how our blog listings pages (where more than one blog post is shown) and our individual blog posts themselves should look.

We decided to use a masonry blog layout because we found it a pleasing web design. To see what we mean by “masonry blog layout” please take a look at Blog Listings Page. This design concept allows us considerable flexibility in the type of featured images we use and display on our blog listings page.

Our previous blog listings design layout used a standard stacked blog design and always required a wide but not very tall featured image for each blog. We feel it will be easier now to write new blog posts since our image restrictions have mostly gone away.

We also plan to create some none standard blog post designs. We will come back and update this section at a later date.

SEO Basics

SEO Basics

SEO Basics

seo-basics-blog-topicPost updated: October 15, 2014 — Since this post was written, in 2012, many things have changed concerning the algorithms Google uses for deciding page ranking within the Google Search Results (SERPs). But the basics are still the basics, and this blog post still contains important things to consider regarding your Search Engine Optimization (SEO) and Search Engine Maintenance (SEM).

What is SEO (Search Engine Optimization)

SEO is the process of tuning a website to ensure that keywords and key phrases, important to your business, are placed throughout your website. The goal is that when your website is crawled by search engine spiders that your website appear high within search engine results. Tuning your website for SEO is extremely important.

Think of SEO as an art, not a science. Google and other search engines don’t give us the exact rules, but they share enough, that with experience, we are able to figure out some fairly straightforward organic (meaning free) ways to tune your website for SEO.

First and Foremost — Figure Out Your Keywords

Picture your ideal client in your mind. What would you expect that client to type into Google in order to find your website? Keywords like your business name, what you sell (or offer) and where you are located are important places to start.

Sprinkle Your Keywords Throughout Your Website

Now you need to ensure your specific keywords are sprinkled throughout your web site. Make sure your keywords are found within the content you write that your web site visitors view. You will also want to ensure that these keywords are tuned within “meta” fields within the code within your website.

Title (Meta) Field

  1. One of the most important factors in SEO (search engine optimization) is the title of the web page.
  2. Having a great title for your web page is one of the best SEO methods, and will attract web visitors to your web pages.
  3. The title of the web page is the first SEO element examined by the search engine crawler as it visits your website. Take extra care in deciding the web page title.
  4. The title should include your best keyword or key phrase that is related to the content of the page.

Headings (H1, H2, H3, H4, H5, and H6 html tags)

  1. Headings are important for SEO.
  2. Google expects that if something is a heading that more weight should be given to the words found in headings.

Description (Meta) Field

  1. While not important to search engine rankings, the meta description field is extremely important in gaining user click-through from search engine result pages (SERPs).
  2. These short paragraphs are your opportunity to advertise content to searchers and let them know exactly what the given page has with regard to what they’re looking for.
  3. The description should employ your key words and phrases intelligently, but also create a compelling description that a searcher will want to click.
  4. Direct relevance to the page and uniqueness between each page’s meta description is key.
  5. The description should optimally be between 150-160 characters.

Keywords (Meta) Field

  1. Keyword stuffing was the old school way to rank your website.
  2. It used to be that by simply stuffing high traffic keywords in the meta description and meta keywords fields you could potentially rank highly.
  3. Google has come out and said that meta keywords carry no weight.
  4. However, my opinion is that I think it couldn’t hurt to put a few keywords into this field. After all Google may be the top place to search for information but there are other spiders that will crawl your site for other search engines.

SEO WordPress Plugin

If your site is written in WordPress I would heavily suggest that you install the WordPress seo-all-in-one-seo-pack. Some key features of this plugin are:

  • Generates META tags automatically (Meta tags are found within the code of the website)
  • Avoids the typical duplicate content found on WordPress blogs
  • For beginners, you don’t even have to look at the options, it works out-of-the-box. Just install.
  • For advanced users, you can fine-tune everything

Other SEO Advice to Keep In Mind

Make make sure your company name is listed in multiple places in your website.

Have a blog as part of your website and write blog entries (posts) as much as possible. These blog entries can generate website traffic of their own. Google also favors websites where content is continually being updated.

Create a facebook business page. You can see an example at: https://www.facebook.com/webprem.

Now figure out a way to get other websites to link to yours. Partner with other companies. Link to their web site (if it makes sense) and ask them to link to your website.

Even if your website contains a blog, create free blogs in other places that point to your website url address.

Create and upload videos to Youtube and reference your website url address within the Youtube video description.

Upload images to Flicker that link to your website url address.

SEO Ranking – How to Get

SEO Ranking – How to Get

SEO Ranking – How to Get

How to raise google ranking

Last Updated October 24, 2017, and before that updated on October 16, 2014.

Multiple (some very easy) ways to get your SEO website ranking improved

First off do what you can to make sure your “Organic FREE SEO” is in place. Most of our clients like their ranking placement within Google search results after we work with them to ensure their Organic SEO is maximized. Organic SEO (in simple terms) is ensuring keywords and key phrases, important to your business, are placed throughout your website. Some of these keywords need to show up in the content that is displayed on your webpage, and some of these keywords need to be placed (behind the scenes) in areas such as in meta title and alt tags. Another good idea is to include keywords (that make sense) in the naming of your images for your website. (A good rule of thumb for naming images is to use lowercase names with dashes (-) not spaces in the image name.)

First make sure you have a good grasp of the “Basics of SEO. It is important to read our blog about the basics of SEO to ensure you have already addressed the basics before proceeding.

Once a business has a website they are often contacted by SEO companies promising to make sure their website shows up on the first page of Google. They often promise to make you the top #1 position. Many of these companies want to charge you $200 to $1200 a month for that service. I believe that 85% of these companies are basically trying to blow smoke up your rear end. Plus many of our clients are already found on the first page of Google when their keywords are entered into a search engine without spending the additional dollars a month.

If you are thinking of hiring an SEO company, and before parting with any of your hard earned money, make sure you have created defined tangible SEO website traffic goals.

This posting originally created May 9, 2012. This post will contain a “last updated by date” as this post is updated with additional and potentially valuable information.

Ask yourself the following questions:

1What type of “networking” steps have been done by your company in order to connect with potential customers?

2Have you ensured that you have given your website address to any companies that might refer customers to your business?

3Do you have a business Facebook page?

4Is your business registered in “Google My Business”? “Google My Business” used to be “Google Places” and at one point “Google Plus” was used instead, but then Google got rid of a bunch of “Google Plus” features. If it sounds confusing it is. It seems like Google keeps reinventing where information is stored.

5Do you have a Twitter account?

6Do you have a LinkedIn account?

7Do you have a business Pinterest account?

8Do you have some place where you can write blog posts? Writing blog posts within your website generates its own set of website traffic and that importance should not be overlooked. However you can also write blog posts external to your website in places such as Blogger, Tumblr, and WordPress.com to name a few.

9Do you have any YouTube videos that reference your website?

10Do you have any type of “Analytics” in your website to track information such as how many people are finding your website, and what the source of your website traffic is, and which of your website pages generate the most website traffic.

11Do you have a “Google” Webmaster account?

12Do you send out newsletters and/or emails to your customers concerning “special tips” or “coupons”? Along with this, do you have a place on your website to collect potential customers email addresses?

13How many external websites link to yours? When an external website links to your website it needs to be for a relevant reason. Make sure external websites that link to yours are NOT link farms or you will quickly lost SEO / Page Ranking.

14Do you include a signature in your emails that have a link to your website?

15Has a specialized XML site map been generated at the root of your website that helps how search engine spiders view and index your website?

16Are you listed in any relevant “listing” services. Some are free and some cost, but it is best to know where you are listed so you can keep that information up-to-date.

Social Media ROI & Revolution

Social Media ROI & Revolution

Social Media ROI & Revolution

Can your business afford to not engage in social media? Social Media is helping businesses succeed.

Erik Qualman is a #1 best selling author and keynote speaker on digital leadership. Below are a number of videos created and uploaded by Erick. Source data for the statistics in the video is available in the book Socialnomics (sold on Amazon) socialnomics.com | @equalman.

Blog Post originally written April 3, 2011. Updated October 26, 2014. Updated again October 23, 2017.

Youtube video published November 14, 2016. (This is at least the sixth version by Erik Qualman.)

Youtube video published April 16, 2014. (This is the fifth version of the most watched video series on Social Media)

Youtube (longer version of video above – also published on April 16th 2014).

Youtube video “Social Media Keynote Speaker | NRF 27,600 Attendees”. (Published Jul 29, 2013.)

Youtube video “Socialnomics 3 Video”. (Uploaded on Jun 29, 2011.)

What Do You Need to Build A Website?

What Do You Need to Build A Website?

What Do You Need to Build A Website?

What do you need to build a website?

Last Updated October 19, 2014.

Website Hosting

  1. Websites are stored on web servers
  2. Storing your website on web servers requires monthly or yearly rental (hosting) fees
  3. Webprem’s preference is to host our clients websites within our web server(s)
    • This allows Webprem to ensure web hosting follows latest current technical standards, especially those requiring databases.
    • Hosting with Webprem comes with value added services including one free hour of website maintenance a month. (The other services we don’t list here because we do not want to advertise them to our competitors.) Otherwise those value added services are billed at hourly rates.

Domain Name

  1. A domain name is the address (url) of your website
  2. The domain name is displayed in the address field of your web browser
  3. Domain registration is a yearly recurring cost
  4. It is usually best to pick a domain name that people will be able to spell
  5. Webprem has a way of helping their clients obtain their domain(s) with the help of a money saving coupon, and who doesn’t like to save money

Web Design Company

  1. We hope you pick Webprem to design and/or redesign your website
  2. Besides creating and hosting websites, we help our clients with other website related tasks
  3. We specialize in creating WordPress websites for our clients. This allows clients to update their website content themselves.
  4. You (the client) supply the raw materials and Webprem assembles them into a graphically pleasing, easy to read, and easy to navigate set of web pages

Top 10 Reasons To Hire Webprem

Top 10 Reasons To Hire Webprem

Top 10 Reasons To Hire Webprem

1Experience.   Linda Mattson, of Webprem, has been doing web development since 2001.   More than that Linda has been a programmer / developer for 20+ years.  An important part of that experience is the ability to ask the right questions to ensure each client’s website meets their particular goals and requirements.

2Coding / Graphics.  It is said that most web designers are either coders or graphic artists.  Webprem is experienced in both. In marrying these skills Webpprem can execute your design and build the necessary technical specifications on the back end.

3Versatility.  Every web site Webprem designs is created specifically for that specific client based on their goals, style, and color preferences.

4Organic SEO = Free SEO. Webprem works with each client and asks them to picture their ideal client. What would that ideal client type into Google to find their business website? Keywords like business name, what they sell (or offer) and where they are located are important places to start. Then Webprem works to ensure those keywords are placed within the website in the best strategic places.  View SEO Basics for valuable SEO tips.

5CMS. CMS stands for “Content Managed Systems” which in plain English means a website where the client can manage their own content without having to depend on their web designer. The majority of clients appreciate the ability to update their own website content.

6Training.  Webprem believes time spent training clients how to best manage their websites is an important component.

7Hosting.  The majority of Webprem’s clients choose to host their website with Webprem.  This better facilitates there are no third party roadblocks or performance issues.

8Analytics. Google Analytics is set up for each client.  Google Analytics allows the client to understand how many people are finding their website.

9Shopping Carts / Ecommerence. Want to sell products online? Webprem can make that goal a reality. They are many things to consider and factor in when selling products online and Webprem can assist you to make it easier to manage.

10Social Networking. One way to help grow your business is to connect with your potential customers. Webprem advises their clients on the many ways to make those connections happen. The more your company connects with others, the more likely your company is to grow.

Page 1 of 212