Web Design Archives - YasTech Developments
Web Design

Does Your Website Have a Secure Header?

[For non-developers]

What are they?

HTTP Security headers, at their simplest, increase your website or application’s security by:

  • Restricting code coming from outside or even within your website that it doesn’t recognize
  • Forcing your web browser to communicate only through a secure connection that can’t be bypassed or overridden
  • Preventing certain unsecure elements from being loaded on the website
  • Preventing attackers from being able to inject dangerous code into your website through your URL

With an HTTP Security Header, the Content Security Policy (CSP) will create a notification any time it picks up anything suspicious, and it won’t load that element.

How are they implemented?

Security headers can be implemented in any platform or content management system (CMS) your website is on. You can actually find tutorials on the internet for any of these, or ask your web service provider to implement this for you.

These headers are only a few lines of code, but they make a big difference!

Is this important?

Wherever there are security flaws, developers adapt to fight them. If your website’s security is on your mind, then a security header is definitely important.

Ecommerce websites that gather personal information and collect payment are some of the most important cases that benefit from this added security.

—————————————————————

Security Header

[For developers]

What are they?

According to the Open Web Application Security Project (OWASP),  HTTP Security Headers are HTTP response headers that your web application can use to increase the security of your application. They are able to:

  • Restrict the resource and scripts that a website uses, whether it be internal or external to the website. Basically whitelisting your scripts, stylings, and any other resources your website uses.
  • Force browsers to only communicate over a secure connection (HTTPS), and prevents the client from overriding an SSL certificate warnings (caused by an invalid or fake certificates).
  • Prevent iframe elements from being loaded on to the website.
  • Help prevent against reflected cross-site scripting attacks, which is when an attacker injects HTML and/or JavaScript elements via the website URL.

The Content Security Policy (CSP) can be the longest and most complex of the HTTP security headers available to implement. This is the policy in which you specify the trusted sources of resources and scripts. Any time a requested resource or script violates part of the CSP, the web browser will fire a POST request specifying the resource and the associated violation, while not loading the resource itself. Typically this appears in the web browser’s console.

How are they implemented?

Most security vulnerabilities can be mitigated or fixed by implementing the necessary security header. These headers can be implemented through Apache configuration files, Nginx configuration files, Microsoft IIS or whatever platform or Content Management System (CMS) you are using. There are tutorials on almost any web solution you may be using.

These security headers are typically only a few lines of code. Here’s an example for implementing a security header in WordPress (although it’s recommended to implement through your web server software). This security header is added to the wp-config.php file and doesn’t allow iframe elements:

header(‘X-Frame-Options: DENY);

Is this important?

If security is a concern on your website, security headers are absolutely important. All modern web browsers support security headers, but can vary in levels of support of headers such as CSP. Security headers are especially important on any website that deal with ecommerce, sensitive user information, private company information, etc. If you have any data to protect you should be using security headers. Vulnerabilities in security headers have been found and published in the past, but they are continually improving and more widely supported, it’s better to think of them as another layer of security then an absolute solution.

 

Further Reading:

https://geekflare.com/http-header-implementation/#WordPress

https://geekflare.com/http-header-implementation/

https://www.dionach.com/blog/an-overview-of-http-security-headers

https://www.owasp.org/index.php/OWASP_Secure_Headers_Project

https://www.keycdn.com/blog/http-security-headers

Web DesignWordPress

Can You Manage Your Own Website?

It’s the question you’re all here for. As we help you understand what it takes to properly manage a website in-house, please keep these kinds of tasks in mind:

  • Updating blog posts
  • Changing images
  • Adding new pages
  • Adding new projects
  • Adding new features
  • Lead generating
  • Conversion Tracking
  • Updating themes / plugins
  • Etc.

So, can you manage your own website? The short answer is “yes, of course!” However, the long answer is “yes, but…”

The but here is a big one, and it depends on these questions:


1. Is managing your website an effective use of your time?

Does this scene sound familiar:

You add “Create Blog Post” to your mile-long to-do list. Months go by, and there it is: still at the bottom of your list—staring at you. You’re too busy worrying about your bottom line, so it sits yet another month.

I see this all too often. If this doesn’t sound like you, though, great! Just read on to the next question.

 

2. Do you have the knowledge?

Managing a website is not something that can be fully learned in a one-hour training session. I’ll give you an idea of the types of knowledge you’ll need to have with the following questions:

  1. Do you know the ins and outs of the content management system your website is built on?
  2. Are terms like pages, posts, links, navigation, jpeg, png, sections, themes, and plugins foreign to you?
  3. Do you have to keep emailing your web design company and asking, “How do I do ________?”
  4. If something on your website breaks, can you fix it in a matter of minutes?
  5. Is this what you want to do to your computer after trying to update your website?

via GIPHY

3. Are you equipped with the tools for hosting?

Hosting a website involves a dedicated server that doesn’t turn off. Do you have a computer in your office that can be on 24/7? What happens in a power outage? What happens if it floods?

We use cloud hosting, which makes use of different servers in different places to ensure as little downtime as possible. You can make use of these same services, but it can be tricky for a non-developer to investigate and fix issues that may arise.

If you answered no to any of these questions, you may not be equipped to fully manage your own website—and that’s okay.   

Hiring a professional web design team like Yas can take your website from being outdated to a revenue generating machine. Get in touch with us for more information by giving us a call at 306-249-9609, or emailing us at info@yastech.ca.

 

SEOWeb Design

PHP 5’s End of Life and Your Website’s Security

On December 31, 2018, PHP is dropping support for the popular version 5.6. This means they will no longer be releasing security patches to fix new problems and exploits that emerge. This will affect an estimated 60-75% of all websites on the internet, according to reports by zdnet and w3techs.

Support for 7.0 also ends in December, but this will have much less of an impact, as updating 7.0 to 7.2 is very simple and shouldn’t require a rebuild.

What is PHP 5?

PHP 5 is a programming language like Javascript, C++, Python, and more (with some differences for those of you readers who are coding-literate).

It was released nearly 15 years ago, and in that time it has grown to become incredibly popular online. Many of the most popular web platforms use PHP, and a lot of them were either created or matured during that period. WordPress, Joomla, and Magento are just a few of the major systems online dependent on PHP.

With the introduction of PHP 7, previous versions will be considered obsolete. This programming language exists in the back-back-end, and communicates with your website’s database directly.

PHP End of Life

Why is PHP 5 Ending Support?

Consider this image. In 2004, when PHP 5 was created, this is what your computer likely looked like, this was your MP3 player, and YouTube wasn’t even invented yet.

How many of these things do you still have? When was the last time you upgraded your phone? Technology has changed drastically since 2004, and PHP’s newest versions have introduced innovations not supported by its older versions.

This end-of-life was just a matter of time, but it won’t be without its consequences.

What Does This Mean to Me?

If you’re a regular consumer of web content, it probably won’t affect you too much—the websites using PHP 5.6 aren’t going to suddenly stop working. However, it may change the way you think about shopping online or entering personal information into a website.

Hugely popular software platforms that end support are prime targets for attack. There are likely many exploits that will be, or have already been identified by hackers. After all, an open bank vault is easier to rob than a locked one, right?

Website: If you’re a website owner, reach out to your provider. If you’ve been considering an upgrade, now is the optimal time to do it, especially if your website handles the personal information of users.

Search Engine Optimization: At the end of the day, Google wants to show their visitors only the most trustworthy websites. If they see that your website has been infected, or even that it’s vulnerable, their algorithms are more likely to bury your listing deep in their search.

Though there aren’t many action items a non-developer can take from this, you can feel free to reach out to us here at Yas. Whether or not we host your website, we can let you know if your website is using PHP 5 and provide you with some options for protecting your assets. Give us a call at 306-249-9609, email us at info@yastech.ca, or go to our contact page.

 

Extra Sources:

https://www.searchenginejournal.com/wordpress-php/277067/

http://php.net/supported-versions.php

https://www.zdnet.com/article/around-62-of-all-internet-sites-will-run-an-unsupported-php-version-in-10-weeks/

https://w3techs.com/technologies/details/pl-php/all/all

 

Social MediaWeb Design

Doing More with Less | Why Instagram Works and Your Website Doesn’t

Identify The Problem

Websites are complicated, but your customer’s experience shouldn’t be. Confusing navigation bars, overwhelming blocks of endless text, and poorly optimized websites are what separates a good site from a bad one: the balance between content and user experience.

We often see our own websites as an extension of ourselves, which leads many of us to include too much information about ourselves and our business. While you do want to show your passion, you don’t want to overwhelm your readers to the point of disinterest.

Understand Beauty and Function

Beautiful like art—functional like design

Perfect balance between these two can create a website you’ll be proud of, and your customers will love.

One design principle has stood the test of time with this balance: Simplicity. Think of your favorite websites or social media apps. What makes them so easy to use day after day? What makes their content so easy to digest? What draws you and and causes addiction in some cases?

Study Instagram’s Psychology

There are many theories at play behind the scenes at Instagram. Searching “Why is Instagram addicting” will return results such as FOMO (fear of missing out), instant gratification and validation, and the appeal of filters.

I won’t be exploring these phenomena today, but rather how Instagram’s design releases dopamine in your brain through a Reward System.

At any given time, browsing instagram stimulates your brain very strategically. You see only two icons on the top, one large image from friends or family in the middle, and five navigation icons at the bottom.

Here’s the strategy:

  • Show the viewer bite-sized piece of information through a stimulating photo
  • Have the viewer perform an action in response to that stimuli by swiping to the next photo
  • The viewer forms a habit based on the reward of seeing the next stimulating photo by swiping
  • Repeat

Why Does This Work?

Leaving your user wanting more means more frequent and often longer visits. The method used by Instagram can be used on almost any website: give the viewer just enough to look at and reward them for looking at more.

Imagine a social app that does the opposite—ten icons instead of three, clunky interface, having to click back to see a new stimulus instead of swiping. Suddenly, what should be easy and enjoyable has become overwhelming, confusing, and a chore.

When thinking of content and design, consider the purpose and value of what you’re creating. Does your customer need to know every owner your business has ever had? Do they need a link to every given page at every given moment?

No. No they don’t.

Try This at Home

You don’t need to reinvent the wheel, and you don’t need to be an experienced designer to get this concept. Try out this activity and you’ll see exactly what I mean:

  • Go to your favorite websites and write down why you use them, how you use them, and what they’re doing right.
    • Look at how many paragraphs they use.
    • Look at how many sentences are in each paragraph.
    • Look at how they’re using the white-space around their content.

Now, go look at your competitors’ website. Chances are, you’ll find so many of these rules and standards thrown right out the window. I just hope you didn’t have to read… COMIC SANS.

BrandingMarketingWeb Design

Yas’ Ultimate Branding Library

       

Finding all the information you need about your business’ brand isn’t easy, which is why we’ve done the legwork and compiled all the resources you need right here!

Sure, some of these industry leaders are our competitors, but we believe in providing you with everything you need to make an informed decision about your brand.

We’ll take you through five very important steps in deciding developing your brand, which are:    

  1. Creating Your Company Values

  2. Deciding on a Mission Statement

  3. Picking Your Colors

  4. Finding Your Typography & Fonts

  5. Selecting Your Web Designs

Find a summary of each resource in the categories below so you know where you need to delve deeper and where you don’t!

 

Understand what your Company Values are, why you need them, and how you and your team can develop them.

 

The Muse

https://www.themuse.com/advice/words-to-live-by-5-steps-to-choosing-your-teams-core-values

  • Determine Who Should Be Involved
  • Brainstorm About What’s Important to You and Your Team
  • Consolidate and Define
  • Frame Your Values According to Your Team’s Culture
  • Evaluate Your Values as a Complete Set

TINYpulse

https://www.tinypulse.com/blog/sk-how-to-choose-company-values

  • List Who You Like and Why
  • List Who You Don’t Like and Why
  • Brainstorm Values
  • Repeat
  • Make Values Easy to Remember

Zenefits

https://www.zenefits.com/blog/how-to-choose-the-best-company-core-values-for-your-organization/

  • Why Core Values are Important to Businesses
  • What to Consider When Choosing your Company’s Core Values
  • The Best Company Core Values: A How-To

CultureIQ

https://cultureiq.com/defining-company-values/

  • What are Company Values
  • Defining Your Company’s Values
    • So, Where do You Even Start?
    • Who do You Involve?
    • The Core of It
    • What Was the Result?
    • What Comes Next?

Threads Culture

https://www.threadsculture.com/create-your-core-values/

  • The Wrong Way to Use a Core Values List
  • Threads Method to Make Your Own Core Values List
  • What You Need
  • Step #1 — The Core Values List Question
  • Step #2 — Creating the Core Values List
  • Step #3 — Organizing Your Core Values List
  • Step #4 — Selecting Your Core Values
  • Step #5 — Defining Your Core Values
  • Next Steps

Cornerstone OnDemand

https://www.cornerstoneondemand.com/rework/6-steps-defining-your-organizational-values

  • Assess Your Current Organizational Culture
  • Review Your Strategic Business Plan
  • Determine the Culture Needed to Achieve Your Plan
  • Decide if Your Values Need to Shift
  • Define What Your Chosen Values Really Mean
  • Incorporate These Values into Organizational Processes

Talk Business

https://www.talk-business.co.uk/2018/01/31/how-to-determine-your-business-core-values-and-why-to-do-so/

  • Step 1: Understand Where the Company Stands at the Moment
  • Step 2: Review the Current Strategic Plan
  • Step 3: Consider the Cultures
  • Step 4: Choose the Values
  • Step 5: Define the Meaning of the Value
  • Step 6: Incorporate the Values Into the Processes of the Organization

 

Take your personal and company values and turn them into a powerful Mission Statement that will set the tone for your business.

 

Kinesis Inc.

https://www.kinesisinc.com/how-to-write-a-powerful-mission-statement/

  • Your Mission is Your Core Purpose
  • Why You Should Have a Strong Mission Statement
  • Examples of Mission Statements

The Balance

https://www.thebalancesmb.com/how-to-write-a-mission-statement-2948001

  • Describe What Your Company Does
  • Describe How Your Company Does What It Does
  • Add Why (Your Company Does What It Does)
  • Put Your New Mission Statement to Work

Seapoint Center

https://seapointcenter.com/how-to-write-a-mission-statement/

  • Step 1: Determine Why You Want to Write a Mission Statement
  • Step 2: This Next Step Corresponds With Your Selection in Step 1
  • Step 3: Consider What You Offer from Your Customer’s Viewpoint
  • Step 4: Now, Write a Brief Statement of No More Than 25 Words
  • Step 5: Involve Others

Community Tool Box

https://ctb.ku.edu/en/table-of-contents/structure/strategic-planning/vision-mission-statements/main

  • What is a Vision Statement?
  • What is a Mission Statement?
  • Why Should You Create Vision and Mission Statements?
  • How Do You Create Vision and Mission Statements?
    • Learn What is Important to People in Your Community
    • Decide What to Ask
    • Decide on the General Focus of Your Organization
    • Develop Your Vision and Mission Statements
    • Obtain Consensus on Your Vision and Mission Statements
    • Decide how You Will Use Your Vision and Mission Statements

 

Now we get to the visuals. Take a look at what branding colors can mean, some suggestions and trends, and a ton of examples to inspire you.

 

Help Scout

https://www.helpscout.net/blog/psychology-of-color/

  • Misconceptions Around the Psychology of Color
  • The Importance of Colors in Branding
  • 5 Dimensions of Brand Personality
  • Color Trends for Men and Women
    • Men’s and Women’s Favorite Colors
    • Men’s and Women’s Least Favorite Colors
  • Color Coordination and Conversions
  • Why we Prefer “Sky Blue” Over “Light Blue”
  • Finding Your Own Palette

99designs

https://99designs.ca/blog/tips/branding-colors/

  • Why Branding Colors Matter
  • Application of Branding Colors
  • How to Determine Your Brand Identity
  • Emotional Associations of Each Color
  • Formula for Building a Brand Color Scheme
    • Plan on Choosing 3 Colors
    • Choose Your Base
    • Choose Your Accent
    • Choosing Your Neutral
      • Monochromatic
      • Analogous
      • Complementary
      • Triadic
  • Know When to Color Outside the Lines

CreativeBloq

https://www.creativebloq.com/branding/amazing-uses-colour-6133196

  • Red and Orange
    • Coca-Cola
    • Target
    • Vodafone
    • Orange
    • Home Depot
    • easyGroup
  • Yellow and Green
    • Veuve Clicquot
    • Caterpillar
    • JCB
    • John Deere
    • Harrods
    • Starbucks
  • Blue, Purple and Brown
    • NHS
    • Tiffany & Co
    • Facebook
    • Cadbury’s
    • UPS
  • Pink, Black and White
    • T-Mobile
    • Hotel Chocolat
    • Guinness
    • Apple

Piktochart

https://piktochart.com/blog/inspirational-brand-colors/

  • Food & Beverage
    • Talor Jorgen Coffee
    • Gold Bar Whiskey
    • Omakse Room
    • Hurly Burly Live Cultures
    • H + J
    • The Street Food Collective
    • Flor de Viento
  • Lifestyle
    • Rasaru
    • Basetti Home Innovation
    • Tour & Travel
    • Blue Saigon
    • Mutual Attraction
    • NAU
  • Digital
    • Cashtree
    • Mobu
    • SM Protect
    • Hidden Characters
    • Wokine
    • Waaark
  • Big Brands
    • DropBox
    • Google
    • Uber
    • Lufthansa
    • Asana
    • Evernote
    • SpaceX
    • National Geographic
    • Bang & Olufsen
    • Spotify
    • Airbnb
    • Grand Budapest Hotel

BrandColors

https://brandcolors.net/

 

This one has too many choices to list, but you’ll love seeing the hundreds of brand colors from 500px to Zopim

Fast Company

https://www.fastcompany.com/3028378/what-your-logos-color-says-about-your-company-infographic

  • What Your Logo’s Color Says About Your Company (Infographic)
    • Red
    • Yellow
    • Blue
    • Orange
    • Green
    • Purple

Canva

https://www.canva.com/learn/brand-color-palette/

  • Rich and Adventurous
  • Warm Antique
  • Waimea Waters
  • Tropical Punch
  • Bolivian Beauty
  • Fall Collection
  • Very Venice
  • Vintage Sundown
  • Marigold Mix
  • Nordic Woods
  • Green and Gold
  • Balearic Bounty
  • Aqua Army
  • Siesta Hour
  • Mellow Musings
  • Afternoon Delights
  • Greek Salad
  • French Connection
  • Serene Sakura
  • Morning Mist

 

It’s not what you say, but how you say it! According to the industry, these are the powerful strategies you can employ for picking the perfect typography and fonts.

 

99designs

https://99designs.ca/blog/trends/font-trends-2018/

  • Handwritten Fonts
  • Watercolor Fonts
  • Vintage Slab and Script Fonts
  • Helvetica and Helvetica Alternatives
  • Creative Experimental Display Typography
  • Responsive Fonts for Web
  • Mid-Century Fonts
  • Refined Serif Fonts

Awwwards

https://www.awwwards.com/typography-is-the-new-black-trends-in-web-design.html

  • Hero Fonts and Bold Typefaces
  • Serifs ARE BACK
  • Expressive Typography in Broken Grid Layouts
  • Hero Fonts and Large Letter Sizes in Paragraphs
  • Pictograms, Icons and Emojis Decorate Our Paragraphs
  • The Evolution of the Paragraph in Web Design

Design Shack

https://designshack.net/articles/typography/typography-trends-2018/

  • Color Fonts and Type
  • Simple, Bold Sans Serifs
  • Highlighted Type
  • Cutouts and Overlays
  • Layering with Other Elements
  • Text with Gradients
  • “Overdone” Effects
  • Custom Everything

Digital Synopsis

https://digitalsynopsis.com/design/top-10-typography-trends-2018/

  • Serifs Will Dominate
  • Retro Makes a Comeback
  • Bigger will be Better
  • Cutouts and Overlays
  • Highlights and Underline
  • Hand Drawn Letters
  • Gradients Will Take Over
  • Custom Fonts Will Emerge
  • Colorful Fonts Will Be the New Black
  • Transparency in Typography

CreativeBloq

https://www.creativebloq.com/features/typography-trends

  • 1970s-Style Serif Fonts
  • Retro Reactions to Geometric Type
  • Colour Fonts
  • Custom Fonts Designed In-House
  • No Trends

Creative Boom

https://www.creativeboom.com/resources/top-10-fonts-that-will-be-popular-with-designers-in-2018/

  • Harriet
  • Larish Neue
  • Ogg
  • Domaine Display
  • Transcript
  • Opposit
  • Moniker
  • Trade Gothic Display
  • Mont
  • Noe Display

 

Finally, it all comes together! The tone, theme, and imagery of your company fit together to create a customer experience they’ll never forget. You’ll be surprised by what websites can really do.

 

Boral Agency

https://www.boralagency.com/web-design-trends-2019/

  • Personalized UX
  • Voice User Interface
  • Practicality and Content Centered UX
  • Minimalism and Bold Typography Designs
  • Augmented Reality
  • GIFS or Animations
  • Sticky Elements
  • ChatBots
  • Progress Spectrum
  • Grid Layouts

TheeDesign

https://www.theedesign.com/blog/2018/web-design-trends-2019

  • Speed
  • Flat Design
  • Mobile First
  • Broken Grid/Asymmetrical Layouts
  • Shapes
  • Single Page Design
  • Video Backgrounds
  • Micro-Animations
  • Chatbots/Machine Learning
  • Engaging Minimalism or Attention-Grabbing Visuals

Merehead

http://merehead.com/blog/top-web-design-trends-2019/

  • Non-Standard is an Effective Move
  • Full-Screen video as a Convenient and Informative Element on a Website
  • Geometric Shapes as Freshness and Originality of Web Design
  • Cinemagraphs as an Excellent Replacement for Boring GIF Animation
  • Bright Colors
  • Simple Design & Unique Font
  • Minimalism and Translucent Buttons
  • Using Photos in the Center
  • Natural and Streamlined Shapes
  • UI Trends of 2019
    • Large Headings
    • Minimalism
    • Enough Space Between Elements
    • Bright Colors
    • 3D Elements
    • Gradients
    • Presence of Animation

 

I love how many of these trends are the same—that’s why they’re called the industry standard!

Webflow

https://webflow.com/blog/19-web-design-trends-for-2018

  • Broken Grid Layouts
  • Illustrations Take Center Stage
  • Brutalism Reaches Mainstream Status
  • More Organic and Oblique Shapes
  • Even More Pervasive Interactions and Animations
  • The Emergence of Maximalism
  • Serifs Put Their Best Feet Forward
  • Floating Navigation Menus
  • The <Video> Element
  • More Immersive “Multimedia” Longform
  • Variable Fonts
  • Content Hubs — or Webhooks? — Get Cool
  • CSS Grid
  • The Quest for the Perfect Digital Design Tool
  • Diversity and Inclusion as Design Challenges
  • The “Pivot to Video” Plays On
  • The Rise of the UX Writer Continues
  • Design. Systematized.
  • Principles-First Design

NJ Marketing & Web Design Agency CMDS

https://www.cmdsonline.com/blog/the-looking-glass/web-design-trends-2019/

  • Bright Colors
  • Natural Shapes
  • Interactive Backgrounds
  • Minimalist Designs
  • Building for Mobile First

SoftScript Solutions

https://www.softscripts.net/blog/2018/06/changes-and-trends-in-web-development-this-2018-2019/

  • Accelerated Mobile Pages
  • Progressive Web Applications
  • Shadows and 3D View
  • Integrated Animations (Motion UI)
  • Virtual Reality
  • Push Notifications
  • Compatible Extensions
  • Mobile Web
  • Single Page Websites
  • Artificial Intelligence Support
  • Flash to HTML5

Muzli

https://medium.muz.li/web-design-trends-2018-a9bfabc99d46

  • Minimal and Comfort
  • Futuristic Designs
  • Custom Illustrations and Videos
  • Shadows for Extra Depth
  • Responsive Web & Logos
  • Minimal Studio Shots
  • More Negative Space
  • Focal Points
  • Animations, GIFS and Cinemagraphs
  • Micro Interactions
  • Bright Gradients & Vibrant Colors
  • Big Bold & Creative Typography
  • Particle Backgrounds
  • Create More Space with Split Page Design
  • Monocolor and Hybrid Icons
  • Tell Stories to Retain Users
  • Make Your Content Print Ready

Venngage

https://venngage.com/blog/graphic-design-trends/

  • Multiple Brand Color Schemes
  • Color Gradients are Making a Comeback
  • Better Branded Social Media Images
  • Unconventional Colors Everywhere
  • Bold & Handwritten Fonts Dominate
  • More Custom Illustrations
  • Better GIFS, Less Reactions
  • Cinemagraphs are Gaining Traction

 

Thanks for taking the time to stop by Yas’ Ultimate Branding Library! I hope you found everything you were looking for, and I invite you to come back again to find even more inspiration. If you’re in need of Branding Services, check out our Brand Identity page and contact us to get started.

MarketingSEOWeb Design

Top 8 Most Important Qualities of a Great Website

Imagine your customers seeking out your products and services, rather than you having to go out looking for them. Sounds great, right? With the right website, it’s possible! Here are some of the most important qualities your customers are expecting from you:

First Impression

Think about your first few seconds on any website. You make a lot of decisions in these crucial moments, and so does your customer.

When it’s good: Your website will build trust, show that you care, and help your customer navigate.

When it’s bad: Your website will tell your customer that you don’t care and chase them away with slow loading times, unsatisfying imagery, and errors.

Search Engine Optimization (SEO)

Google’s goal is to provide its users with the most relevant, trustworthy, high-quality experience they can. Here are some of the most important SEO factors:

  • How many other websites are linking to this page?
  • Does the page load quickly?
  • Is it easy to navigate?
  • How long are people spending on each page?
  • Is the content right?
  • Are there images or videos on the page?

When it’s good: Google will rank your site closer to their #1 spot on the first page, which means your customers are more likely to find you before they find your competitors.

When it’s bad: Google will bury your website deep where your customers may never look.

Quality Images and Video

Images and video portray emotion, which helps your customers relate to your message and values. Eye-catching images are also used to hold your customers’ attention as they read through your pages.

When it’s good: Your customers will see great images of your products and facilities, which will help them feel comfortable choosing you over your competitors. They’ll also spend more time interacting with each of your pages.

When it’s bad: Your customers won’t read about your services or products if it feels boring to them, and low-quality images and videos just won’t hold their attention.

Easy to Navigate

A website that’s user friendly and easy to navigate is essential—the key is a good menu.

When it’s good: Your customers will see your easy-to-understand menus and find what they’re looking for right away.

When it’s bad: Your customers won’t think to look under “About us” to find your “Services” page, or they won’t know what “Our Discoveries” means, so they’ll leave your website and find one that’s simpler.

Quality Content

You need to understand your audience and provide them with the easy-to-read information they expect to find on your website—fast.

When it’s good: Your customer will find the content they need to make an informed decision based on your insightful recommendations.

When it’s bad: Your customer will give up on finding the information they need because, like many in this day and age, they don’t like reading.

Mobile-Friendly is a Must

More than 70% of your users are accessing your website from their mobile phone; catering to this audience is a must.

When it’s good: Your customer will be able to experience your entire website seamlessly, giving you every opportunity to convert them.

When it’s bad: Your customer will get fed up with scrolling side-to-side in order to read your page and they’ll look for a competitor’s website.

Calls to Action

If your website doesn’t convert your visitors, all of your marketing efforts are a waste. These conversions can make the difference between no customers and too many customers.

When it’s good: Your customer will know exactly where to go to make the purchase after their questions have been answered and your on-the-fence buyer will be motivated to make a quicker decision.

When it’s bad: Your customer will leave your website thinking, “That was a nice website”, but then forget where they found their information and possibly buy from your competitor instead.

Fast Loading

If your website doesn’t load quickly, your customer is going to leave before your site is ready to go. We live in a fast-paced society and you need to keep up with your customer.

When it’s good: Google will recognize this for SEO, and your customers will spend way more time on your website because it’s fast enough to keep up with their attention span.

When it’s bad: Google will penalize your SEO, and your customers will get frustrated very quickly as they try to move between your pages. Chances are, this will cause them to leave.

Now that you know your customer is harder to please than your in-laws, reach out to Yas and we’ll help you make sure your website is in the green for every single category. Call us at (306) 249-9609 today!

Ready to get started?

Start your project
Copyright 2019 Yastech Developments. Saskatoon, Saskatchewan Canada Privacy Policy Get Free Estimate