Written by: Blair Kelly
You hear “buzzwords” or keywords
in every industry, and when it comes to website redesign, there are many different terms that you hear often! When you are going to be starting to build a website or redesigning the one that you already have, it’s important to know what designers mean when they say these words. Check out the top 16
words that we thought you should know when working to make your website awesome
When you are trying to drive traffic to your website and increase your numbers, you need to be checking in to see how your site is performing. When it’s time to do this, you need to turn to help from Google Analytics
. This refers to the numerical tracking of visitors to your website. Up to 10,000 different metrics can be tracked, which can be overwhelming, so to simplify, some of the ones that we like to use are: 1. DEMOGRAPHICS
You want to see who
is actually visiting your site. This information is pertinent to ensure that you are continually updating and creating a site that will continue to grow your business. 2. ACQUISITION
Acquisition is all about driving traffic to your site
and attracting visitors, and this helps to find out how they got there! With analytics, it can show you how visitors found your site, whether through organic search, social media
, email campaigns, direct, and referral traffic. 3. LANDING PAGE PERFORMANCE
What landing pages
are performing the best on your site? These are designed for the purpose to convert website visitors into leads. It’s where your prospects “land” after clicking other marketing links from an email campaign or another call to action
. 4. TIME SPENT
How long are your visitors spending on your site? Keeping an eye on this particular metric within your Google Analytics
is important because it will help you to better understand if your visitors are reading, learning, and enjoying the content that is there. Typically, we tell advisors that anything above a two-minute session duration is very good for a niche
. 5. UNIQUE PAGE VIEWS
This is the number of individual people who have viewed a specific page at least once during a visit. So, if a visitor checks out a page during the visit more than once, only the first time they visit actually counts.
A website “backend” is a way to refer to a website’s content management system or server. This is the part that your visitors don’t see, as it is where you log-in and make changes to your website. The code that designers work with on the backend handle technical things, such as, redirects or templates.
3. Content Management System (CMS)
A content management system, or CMS
, is a program that lives on a web server. It is a platform that allows you to create and manage your website’s digital content. Additionally, the content is stored in a database and combines it with web template files to create web pages that make up your website. Investing in a strong CMS can help to really bolster your firm’s online presence. We obviously think that every website needs one, and here are some reasons why! 1. THERE IS NO CODING EXPERIENCE NECESSARY
This part is so awesome, as many people don’t have coding experience, and that is totally okay! In order to make website updates, you don’t have to do anything technical.
Within a CMS, your web content, such as, images and text, can very easily be inserted and uploaded onto specific pages and styled in a content editor that is similar to Microsoft Word. 2. THEY ARE SEARCH ENGINE FRIENDLY
CMS’ usually offer many great tools
that can help your website to rank higher in search engines, which is obviously great for when it comes to drives traffic to your website. 3. SECURE
Security is extremely important for any website, but especially in the financial industry. The last thing that you want is for your website to be hacked, especially when it may contain valuable client information. If you use a Twenty Over Ten CMS, then all of our websites are SSL secure
so you won’t need to worry! 4. COST EFFICIENT
If you have a static website, then maintenance really starts to add up. Every time you need a fix, you will have to call a designer or developer, and those expenses can really start to add up. 5. EASILY ACCESSIBLE
Multiple people have access to your website, as well as, the ability to collaborate. Using individual accounts, multiple people can add, edit, or update content on the site right from their own computer or other devices. 6. QUICK MAINTENANCE
Without a CMS, making changes to your site can be both time-consuming and expensive. If you do have one, however, the platform is continuously updated to fix any glitches in the system, and it saves you a lot of time!
4. Call to Action (CTA)
A call to action, or CTA
, is a button, graphics or text link that encourages your visitor to take an action. Some of these might include: subscribing to your blog, signing up for monthly email updates, or requesting a product demo. If you aren’t seeing the results that you expected when it comes to driving traffic to your website, you might be missing a CTA!When executed correctly, these can give visitors that extra push that they need to take action. Hopefully, they will go from visitors to clients!
In the above image, Twenty Over Ten client, WealthKeel, LLC
, uses strong words in their CTA. “Start Delegating Your Financial To-Do List.” It also uses an orange color so that it stands out on the page, further encouraging action.
5. Domain Name Domain name
is your website address, most commonly ending in .com, .net or .org. You can buy these through a domain registrar, and these names point to web servers that contain your website.Your domain name can have a huge impact in terms of your website’s click-through rate, from rankings in search engines, and many other factors. The name that you choose can have a huge impact on your firm’s online presence, which is why it’s so when it comes to picking one!In the image below, for Twenty Over Ten’s client, Divorce Financial Solutions
, it is obvious what type of finances they handle based on the company name and domain alone.
Hosting, or “web hosting,” is the method of making your website available to the public on a web server, a computer that’s always hooked up to the Internet. You need this in order to make your website available to the public, additionally, you’ll have the choice between “shared hosting,” “managed hosting,” or “dedicated hosting.” 1. SHARED HOSTING
Shared Hosting is the least costly option, however, it requires you to share a server. 2. MANAGED HOSTING
This type of hosting means that a hosting company has server engineers available to manage your server for you. 3. DEDICATED HOSTING
Dedicated hosting means that your website or websites are on their own server, which is more secure.
7. HTML (HyperText Markup Language)
You have probably seen “HTML” many times, but did you know that it stands for HyperText Markup Language
? Simply put, it is a web programming language that tells web browsers, such as, Google Chrome
, how to render words, pictures, audio and video
on your web pages.
8. Landing Pages
What exactly is a landing page
? Well, it’s the section of a website accessed by clicking a hyperlink on another web page, and this typically the website’s home page, even though it doesn’t have to always be that page!Landing pages are an awesome tool to increase lead generation, mainly because they allow you to create individualized messages for different, targeted niches. When you use one, you can tailor your message to be ultra-specific, as there is one headline, one unique selling proposition
, and one call to action. When you target one specific niche, then that really increases your chances of driving traffic and therefore gaining new clients.
Twenty Over Ten client, Labrum Wealth Management
, uses this as a landing page with a tailored message, giving visitors the chance to sign up for their “8 Steps to Financial Detox.”
9. Lead Form
These are forms that can be placed on any
page of your website. They can be filled out in order to download something on your page, such as a whitepaper or e-book or to get some information.
For the above image, Brian Plain, CFP
, has a form to fill out with your information so that you can receive a free e-book. By doing this, he now has your information in order to contact you in the future, as well as, now has the opportunity to provide you with something of value that is also FREE
.Related: How to Integrate a Robo-Advisor Offering on Your Website
Related: 5 Ways to Generate Website Traffic to Your Advisor Website Fast
10. Mock Up/Staging Site
This is simply a picture of how your website will look on a screen once it is completed. It’s not “working” yet, so nobody can click on it or access it yet. You just want to be able to provide the client with an example of what the site will look like to ensure that everything is headed in the right direction! There are two types, and they are high fidelity mockups
and low fidelity mockups
. HIGH FIDELITY MOCKUP
High fidelity mockups will have the exact wording, photographs and literally, will be a picture of how your website will look when it’s finished. LOW FIDELITY MOCKUP
A low fidelity mockup may have words or photographs for placement purposes only to show where certain elements will be placed on the screen.
11. Parallax Scrolling
Twenty Oven Ten offers many different frameworks when building a website, and one of the options that you can choose is parallax scrolling
. This is where a background image moves slower than the foreground image or text, which in turn, will create an illusion of depth and adds a sense of immersion.Our Iris
framework offers this type of option on your website. It’s a single page scrolling site making for simple navigation with a feeling of interaction. As visitors scroll, page banners fade away as the header space shrinks featuring an easily accessible navigation bar. Content is separated by vertically stacked divider images, and there is parallax scrolling.
Twenty Over Ten client, IRC Wealth
, uses parallax scrolling on the website in the image above. As you continue the scroll, it appears as if the girl hiking is moving, when actually the image is staying the same while the foreground text moves. It gives the page a sense of depth and makes it more 3-Dimensional.
12. Responsive Design
This is a design and coding technique that ensure that your website is mobile-friendly
. It enables your website to “respond,” or reformat itself, to the screen size it is being viewed on. These types of design are SO IMPORTANT
for modern day websites, as so many people are viewing your website on their mobile devices or tablets.Mobile phones are on the way to becoming the main way that businesses and clients interact with each other! According to the Pew Research Center
of affluent Americans own a smartphone. Out of that number, 89%
use it for internet access, which means your website better be up to par!Without responsive design, your website will appear much smaller and be compressed, and if somebody can’t view your website “on the go,” then they will more than likely find another advisor site, and this often times will mean a competitor!
In the above image, you can see that C.L. Sheldon & Company’s
website is displayed on every size screen and looks great in all of them!
13. Search Engine Optimization (SEO)
The term SEO
is short for Search Engine Optimization, and it is the practice of optimizing your website and overall web presence so that your business can easily be found on search engines, such as Google or Safari. When it comes to SEO (search engine optimization)
, financial planning firms need to excel at it so that more traffic can be driven to their site, thus converting into clients!
A sitemap is an outline of how your website content will be organized. This can take the form of a Microsoft Word outline or an Excel document. It shows the high-level naming structure and hierarchy for your website and where each page will live under that structure.
15. Tiff/JPEG/PNG 1. TIFF
A Tiff File, which stands for “ Tagged Image File Format
,” is the best image to use if you intend to edit
them. Additionally, they don’t compress to make for smaller files, because they are meant to preserve quality. They offer options to use tags, layers, and transparency and are compatible with programs like Photoshop
. If you plan to edit digital images in a working storage format, then this is the way to go! 2. JPEG
Even someone who is not a seasoned veteran in the world of design has probably heard of a JPEG file. It stands for “ Joint Photographic Experts Group
” and is the “go-to” choice for online photos. It supports a full spectrum of colors, and almost all programs can open and save this file, making it the most widely used one. When being edited and saved though, the quality can start to decline. So, if you are planning on doing a lot of editing, then this format may not the best choice. If you merely want to show photos online, then this is ideal! 3. PNG
PNG file stands for “ Portable Graphics Format
.” If you want a logo with a transparent background, then you need this type of file. Also, if you want a small file that maintains its original quality, then this will also be your best bet! PNG files support millions of colors, plus varying degrees of transparency — so they’re perfect for things like logos, charts, and infographics. Even when compressed, they keep their original quality, so even when you make it smaller, it looks just as clear as the original size!
A WYSIWYG is actually an acronym that stands for “ What You See Is What You Get
.” It is a program that allows a developer to see what the end result will look like while it is still being created.