Every effort has been made to ensure AODA compliance.

If there is an element that doesn’t meet the requirements, please let me know.

MKTG 2041
Influencer Marketing

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

keithjconnell.com
Due Dates
Due Date Project Mark
Apr 8, 2023 @ 11:59 pm Video Assignment (Group) ** Note the due date is Saturday ** 10
Apr 18, 2023 @ 11:59 pm Major Assignment Phase Two (Group) 20
Apr. 18, 2023 @ 10:50 am Agency Website – Completed in WordPress 5
Apr. 18, 2023 @ 8:00 am Major Assignments – Presentations 10

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

What does URL stand for?
• But what does it mean
though?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

What is a website host?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

What would be some examples of well-known
domain names?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

What is a website host?
• A website host is a service provider that allows website owners to
make their website accessible on the internet by providing a server
to store and manage their website files.
• Website hosts offer different types of hosting services such as
shared hosting, dedicated hosting, and cloud hosting, each with
their own advantages and limitations.
• The quality and reliability of a website host can significantly
impact the performance, speed, and security of a website, making it
crucial to choose a reputable and trustworthy host for your website.

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

What’s the difference?
• Shared hosting involves multiple websites sharing the same server and resources, which can lead
to slower performance and limited flexibility compared to dedicated and cloud hosting.
• Dedicated hosting provides a dedicated server for a single website, offering better performance,
security, and control but also requiring higher costs and technical expertise.
• Cloud hosting uses a network of virtual servers to provide scalable and flexible hosting solutions,
allowing website owners to adjust their resources based on their needs and only pay for what they
use. It offers high reliability, security, and redundancy, but may require advanced technical
knowledge to set up and manage.

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Let’s check some hosts out
• There are hundreds of hosts available
• Godaddy.com
• Hostgator.com
• Bluehost.com
• Wordpress.com (let’s check this out)

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Let’s check some hosts out

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Let’s check some hosts out

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Let’s check some hosts out

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Why am I so against WordPress.com as a host?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Why am I so against WordPress.com as a host?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

What is the difference between

.org

.com

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

So what does Wordpress.org do
• Let’s check it out!

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Open-source vs proprietary
• There are many open-source, pre-built CMS options available, some of which are
free.
• Open-source means that anyone can see the code that the CMS is built with and
can manipulate or improve it.
• An open-source CMS can be more rudimentary than paid options, but is also easy
to tailor to your needs.
• Some widely used open-source CMS solutions include:
•WordPress (www.wordpress.com)
•Drupal (www.drupal.com)
•Blogger (www.blogger.com)
•Joomla (www.joomla.org

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Open-source vs proprietary
• CMS should be selected with the goals and functions of the
website in mind.
• A CMS needs to be able to scale along with the website and
business that it supports, and not the other way around.
• Examples include:
• WordPress for personal blogs or brochure-type sites
• Drupal for more complex community and publishing sites
• Magento for eCommerce
sites.

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Let’s play a game – rank the circles in order of
importance

Follow Keith
FollowonKeith
LinkedIn,
on LinkedIn,
Twitter - Twitter
@keithjconnell
- @keithjconnell keithjconnell.com
Keithjconnell.com
Visual Hierarchy
If your
websi
items,
• Without knowing anything about te mecircles,
these nu hasyou could
are al
impaovisual
rank them easily. That’s l of the
hierarchy 10
rtant? m equ
w a n t W h e r a lly others
• Certain parts of your website
the uare more
ser to e
important
do you than
click?
importproposition, etc.),
(forms, calls to action, value ant lin Makand
e
you want
those to get more attention p than k s
lessmimportant
romthe
inent.
ore parts.

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Visual Hierarchy

• Hierarchy is not just about size,

which of these buttons catch
your eye?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Visual Hierarchy
• Always start with your objective
• Rank the
elements in
order of
importance

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Divine Proportions
• The golden ratio is 1.618
• Designs adopting this proportion

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Divine Proportions
• Website design

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Divine Proportions
• Let’s start with a viewport of 1920 and apply the divine
proportions
• 1920/1.618=
1189
(content area)
• Column layout
1189/1.618 =
734

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Hick’s Law

• As more options are introduced, the time for decision

increases and lessens conversion
• Think about going to dinner – restaurants with huge
menus take a lot longer to decide than two items
• Eliminate options

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Hick’s Law

• As more options are introduced,

This the time aforfaceted
is called decision
increases and lessens conversion search.
• Think about going to dinner – restaurants with huge
menus take a lot longer to decide than two items
• Eliminate options

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Fitt’s Law
Check out these
buttons
• The time required to move to (size)
a target area is a function of
the distance to the target
Noticeand
the most
the size of the target
important button
• Bigger is notgets
always
thebetter
largest and
• Fitt’s law dictates thatdominant
most a tiny
button increased 20% will create
location?
more clicks than a large button
increased 20%
Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com
Gestalt Design Laws and Principles

• The principle states that the human eye sees objects in their
entirety before perceiving the individual parts
• Do you see the dog?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Gestalt Design Laws and Principles

• The principle states that the human eye sees objects in their
entirety before perceiving the individual parts
• Do you see the dog?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Gestalt Design Laws and Principles

• The principle states that the human eye sees objects in their
entirety before perceiving the individual parts
• Do you see the dog?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Gestalt Design Laws and Principles

• The principle states that the human eye sees objects in their
entirety before perceiving the individual parts
• Do you see the dog?
• As it relates to web design,
people see the whole of
your website first—before
they distinguish the header,
menu, footer, and so on.

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Gestalt Law of Proximity

• People group things together that are close together in space.

They become a single perceived object.
• For effective web design, make sure that things that do not go
together are not perceived as one.
See how you group
the elements
together?

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Gestalt Law of Similarity

• We group similar things together.

• This similarity can occur in the form of shape, colour,
shading, or other qualities.
• Here we group black dots into one group and whites into
another one, because,
well, dots of the same colour look
similar to one another.

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Gestalt Law of Similarity

• We group similar things together.

• This similarity can occur in the form of shape, colour,
shading, or other qualities.
• Here we group black dots into one group and whites into
another one, because,
well, dots of the same colour look
similar to one another.

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Gestalt Law of Similarity

• We group similar things together.

• This similarity can occur in the form of shape, colour,
shading, or other qualities.
• Here we group black dots into one group and whites into
another one, because,
well, dots of the same colour look
similar to one another.

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Occam’s Razor

• When given several competing hypothesis, Occam’s razor

urges you to choose the one that makes the fewest
assumptions and, thereby, offers the simplest explanation.
• To put it in the context of web design, Occam’s Razor argues
that the simplest solution is usually best.
This is about functionality as
much as visual appeal.

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com

Due Dates
Due Date Project Mark
Apr 8, 2023 @ 11:59 pm Video Assignment (Group) ** Note the due date is Saturday ** 10
Apr 18, 2023 @ 11:59 pm Major Assignment Phase Two (Group) 20
Apr. 18, 2023 @ 10:50 am Agency Website – Completed in WordPress 5
Apr. 18, 2023 @ 8:00 am Major Assignments – Presentations 10

Follow Keith on LinkedIn, Twitter - @keithjconnell keithjconnell.com