Easy Website Design and Maintenance

Searching for an easy website design that you can create and maintain in-house?  Or ways to improve your current website design to make it easier for visitors and potential customers to place an order or find what they need?  

Well, since it takes about 0.5 seconds for someone to form an opinion about your website, you want to make sure you show them your best self. Think of it as a first date!  And if a potential customer does not like what they see, they will choose to do business elsewhere.

So, in this blog we’re walking you through how to DIY a more attractive and easier-to-maintain website design!  We’ll also cover the easiest website builders for beginners, easy-to-build e-commerce sites, examples from sites we’ve built, how to work with a web developer (and why you might need one), and what you should expect to pay.

HOW website design and maintenance becomes anything but easy

Does this sound like you?

• • A web developer built our website and we cannot make changes on our own
  • Our website crashes or is slow to load
  • It’s hard for customers to find what they need on our website
  • We’re paying a monthly website maintenance fee and still have issues

At Top Rope Media, we have seen all of these issues and more.  Before we dive in, if you have a question that can’t wait, let’s chat!

While we contributed all the copy, imagery, graphics, and design ideas, we still worked with a web developer to create the Top Rope Media website!

 1. DIY Your Website redesign: Start with what’s working

When we start a website redesign journey with a client, we first ask them what they love and what works well on their website.  Here’s some things to think about:

• Do you love the color palette and does it match your brand?
• Are the fonts easy to read on both mobile and desktop?
• Do you love the images and video?
• Is your main menu (main navigation) and tabs user-friendly?
• Are there certain plug-ins or 3rd party apps you can’t live without?

Make a list of everything you love or want to keep on your current website.  This will also help you determine whether you need a completely new website, or perhaps just a fresh template or theme!

During a recent web redesign for VECKTA, we learned most of their website visitors did not realize they offered a marketplace/platform where customers could shop for renewable energy solutions from vetted suppliers, and suppliers could bid on projects. So we utilized lots of shots of the marketplace in action to help them better tell their story! 

2. outline What needs to change on your website

Next, make a list of what needs to change.  You may want to sell your products or services online.  Or, you may need to fundraise and take donations.  Whatever the case may be, if your current site does not support this, or these options are not easy for the user to find, add them to the top of your list!

More things to think about:

• Do you have a simple checkout process?
• How many clicks does it take to read your latest blog post?
• Is maintaining your current website a nightmare?

Don’t forget to include things like page speed, broken links, and anything else that’s not working.

Here’s a peek at the hero image and main navigation we built for Outdoor Outreach, a non-profit organization here in San Diego!

3. Outline your ideal and easy website design flow

For pro surfer Rochelle Ballard, we built her new online learning course- Rochelle Ballard Flow on WordPress by using Learn Dash!

4. SELECT a website design platform: WordPress, squarespace, shopify or wix

WordPress websites

Are you wondering whether or not you need to build or maintain your WordPress website or if you can use something simpler?  Think about the following:

• Do you need a lot of customization?
• Will you need to integrate with several 3rd party, non-standard applications?
• Do you have someone in-house that can work in WordPress?  If not, can you pay for monthly website maintenance?

If the answer is YES to most of these, then we will recommend you build or redesign on WordPress.  The most important thing to keep in mind?  With a WordPress website YOU MUST maintain it or pay for regular, monthly website maintenance.

Unlike Shopify, Squarespace or Wix, there are theme updates, plug-ins, and security issues that need to be dealt with on a monthly basis.

If you do not have the time or the resources to maintain the site, we recommend working with a website developer.  Or, purchasing a website maintenance package.  Typical cost?  $150/month for website maintenance.  See below for more on WordPress.org vs. WordPress.com, and the costs related to each.

Shopify- THE best DIY option for easy e-commerce website design

For many of our clients, Shopify is one of the easiest e-commerce web design platforms to use!  Who does Shopify best serve?

• Brands selling products, especially those who intend to scale
• Those who want to connect with a Shipping Station to print labels, track packages and manage returns
•  Need a quick and easy way to set up an online store!
• Have access to over 5,000s of apps that you can integrate into your store

Need more reasons to work with Shopify?  Maintenance is minimal once the site is set up and running.  In addition, we are part of the Shopify Partners Program and have built and maintained several Shopify sites for clients over the years!

Squarespace or wix Web platforms- the best builders for beginners

What if you are not selling products but instead writing a monthly blog, selling services, or just want a place where people can find out about what you do?  If this is the case, and it’s your first time building a website, then try Wix or Squarespace!  

Both website builders have a variety of beautifully-designed templates that you can upload and start editing right away.  And similar to Shopify, you will have minimal maintenance once the site is built!

what all Web design platforms include

Keep in mind, all website design builders or platforms, whether Wix, WordPress, Shopify, or Squarespace, will typically have the following features available:

• A selection of themes or templates you can use
• Ability to make your site mobile-friendly
• e-Commerce capability
• Standard page templates within the selected theme: Homepage, Contact, About Us, etc.
• Image and video uploading and embedding
• Blogging capabilities
• Standard Search Engine Optimization (SEO) tools
• Email marketing or the ability to connect to your preferred email marketing platform
• Social Sharing and Social Network connections

Therefore, if you’ve been told that you must stick with WordPress, we’re here to say that may not be the case.  We’ve built websites for clients on all platforms, and are happy to chat with you to help you figure out which site best suits your needs.

Whether you are a travel blogger, a personal trainer, or a budding outdoor apparel brand, we can help!

The percentage of website traffic that comes from a mobile device has soared over the past decade. Therefore, ensure your new website looks great and functions well on both a desktop and mobile phone! 

5. Choose your hosting service

During the website build or redesign process, if you already have an existing site, you will need to know where your domain name is hosted and where is your website is hosted. If you do not know the answer to either of these, do not be alarmed.  In fact, many people have their websites built for them and are unsure of where it’s hosted! 

In addition, if you have a website already and it’s built on Squarespace, Wix, or Shopify, you will not need to have a separate host as these platforms handle the hosting for you!

However, if you are using or need to use WordPress, you will need to ‘host’ your website somewhere.  What are the typical hosting platforms you might use? 

• BlueHost
• SiteGround
• GoDaddy

Why do you need to know this?  Because if you want to DIY your website design on WordPress, work with a web developer, or move your current WordPress website into a new theme that’s easier to work with, you will need access to both the domain and the hosting account.

website hosting vs. website domain: Break it Down for me

In the simplest terms, your website host stores your website’s files.  Think of it as renting space where all of your files are stored.  Everything is ‘hosted’ there to ensure your website works properly.

Your domain name is where you created and paid for the name of your website.  You will need access to this so you can point your domain to the new site when it is ready, or update ‘records’ within the site.  Often both the web hosting and domain name may have been set up with the same company, like GoDaddy. 

Things to keep in mind:

• You can move your website host or domain name provider if needed.
• Your company email address is often managed through your website host. Therefore any changes to hosting can temporarily affect your email delivery.
• You may need a private or more secure hosting server.  What factors would determine this?  How many pages your website is, what tasks people are performing on the site, and how much traffic you are receiving at a given time.

Gathering website content such as copy, images, testimonials, graphics, and product descriptions, will take up the bulk of your website development time.

From editing product descriptions to creating discount codes, swapping out images, and adding in a new team member, if you’ll be DIY-ing the new site, through this process you’ll learn how to make edits to keep your website fresh!

7. Easy Website design and development Pricing

If you decide to go the DIY route to an easy website design, there are still costs associated with a brand-new website design or a website redesign. In addition, costs can vary tremendously.  What should you factor into your budget for a website project?

Hosting service for WordPress builds:
About $10/month, unless you need a more private or robust host.

Domain name:
Depending on the name selected, average $15-25 per year.

Website builder:
Squarespace- $16-65/month
Wix- $16-59/month
Shopify- $29-299/month

WordPress is free through WordPress.org, which is an open-source platform. However, you will be charged for any paid plug-ins or 3rd party applications you add to the site. 

WordPress.com is similar to a Squarespace or Wix website builder, where they’ve bundled your typical needs, often including hosting, into packages costing anywhere from $5-50/month. 

Read more here on the differences between WordPress.com and WordPress.org.

Website Designer or Website Developer:
This is your cost to have a professional build your website for you.  Typically, you will not need a developer for website builds on Wix, Squarespace, or Shopify.  But again, if you do not have the time or the resources to build your own website, consider hiring someone to help.  Costs: $4,000-$15,000 and up, depending on the amount of customization needed.  Read more about the websites we build and maintain for our clients. 

Plug-ins and 3rd party applications:
You will want to add extra features to your website, typically via a plug-in.  Expect to spend about $5-50/month per plug-in. Typical plug-ins or apps you may want to connect include: Mailchimp, WooCommerce, Zapier, Smush, and Yoast.

Case Studies: Website Design and Web Development by Top Rope Media

beginner Website designer timeline

Building a website by yourself is comparable to home improvement projects.  Be conservative and expect delays.  As a first-time website builder, the time it takes to build a new site or redesign your old site can be anywhere from a few weeks to several months depending on the platform you use. 

However, if you have some experience, the time to complete a website build will be much shorter.  Either way, you will learn new skills that will definitely be valuable in the future!  Therefore, here are a few tips to keep you on track:

1. Be Realistic about your website Content Production

As we mentioned earlier in the blog, content production is normally where we see the longest delays in launching a website.  Updating or refreshing your content will require you or someone on your team to write copy, take new photos or videos, and then create any new graphics needed.

How can you stay on track with content creation or content edits for your website?  Dedicate a few hours each week to content production and reviewing the website flow.  Great content and an easy-to-navigate website layout will help you generate better leads, more customers, and therefore increase revenue!   Where to start?  Here is our step-by-step guide to help you generate good content for your website!

Finding it hard to come up with the right copy?  Hire a content writer!  Wishing you had better photos or videos?  Read more about how to work with a professional or learn to take better photos! 

2. Don’t Let Perfection Be the Enemy of the Good

You have your new website or redesign in place.  But, you can’t seem to launch.  Why is there always one more revision!?!  Well, we call this launch paralysis.  And we see it happen.  A lot.  And, with all kinds of projects: websites, blog posts, presentation decks, and even social media posts!

How do you get around your stagnation?  Depending on the type of site you are building, you can push it live on a separate host domain and invite co-workers, close friends, and brand ambassadors to use it.  These are your beta testers.  And instead of just asking for feedback, create an anonymous form.  Or, offer them a discount on products or services to make purchases through the new site.  Then, you can make tweaks as feedback is submitted.

Once you have a few dozen people using the site, this will get your team comfortable with launching to a wider audience! 

One of our more recent website builds was for Crypthulu Studios. Designed on Squarespace, you can see how little things like font selection and graphics really help bring this gaming studio’s website to life!

Final thoughts on an easy website design

Your website is often the first place people interact with your brand.  And on this ‘first date’, you want to make the best impression!  Therefore, set clear goals, determine your budget, pull together a team to help, and set a conservative timeline. 

We are happy to help you along the journey, so please reach out if you have questions. Let’s start at the trailhead together!

Meredith McConvill, Top Rope Media

Website updates: how to maintain a wordpress website and avoid problems

Need to make a few WordPress website updates?  Perhaps new images, fresh copy, or an update to sponsors or staff?

Well, what about the updates visitors can’t see?  Like updates to plugins, themes, php, etc.  Or what if your site is not loading, has crashed, or worse has been hacked??

Well, we’ve heard from a lot of non-profits and outdoor brands over the years that need help with WordPress website updates.  In addition, some are also concerned about their website’s vulnerability, and about how secure it is when collecting a customer’s private information during payment processing.

So, we’ve pulled together our tips from website builds this year to help you with your WordPress website updates and overdue maintenance!

Before we dive in, if you are seeking to build a new website, create new content, generate more leads, or you currently work with Squarespace, Wix, or Shopify, read both our How to Use Your Website to Generate Better Leads and Easy Website Design and Maintenance blogs first!

Why DO You need to Update Your WordPress Website Frequently?

Why make website updates periodically?  Because if it’s outdated or slow to load, it takes less than a second for someone to form an opinion and decide whether or not they want to use your services, support your non-profit organization, or buy your products. 

In addition, WordPress is very different from Squarespace, Wix, or Shopify.  In the simplest terms, you need to make updates often, sometimes as frequently as once a month, to ensure you website works correctly.  

Furthermore, here’s examples of how neglecting your WordPress website updates could create a bad experience for you and your visitors:

•  Webpages are slow to load, not working, or no longer exist
• Checkout process is not working
• Website crashes while using the site
• Your website gets hacked
• You are no longer able to collect email addresses, or generate leads

HOW wordpress website updates become anything but easy

One of the most common problems you might face when making your WordPress website updates is that a web developer or web designer who built your website is no longer part of the company.

Therefore, you need to dig up passwords, contact the old developer, or if an agency built your site, use the dreaded ‘submit a help ticket’.  However, with some careful planning you can cut through the middle man or woman and do it yourself!

Before we begin, here are a few key things we cannot emphasize enough:

• Ensure you always have access to your WordPress website, your website hosting service, and your domain name. 
• You should be the owner and admin of each of these. 
• Have one person as a backup, or a separate email you can log in with in case you lose access to the first.
• Give only essential people access. Do not turn over full admin access to an outside organization.
• Always know how to log into your WordPress site, your hosting service, and where you purchased your domain name!
• Your passwords for each of the three site should be encrypted. Or use a service like LastPass to store passwords. 

More on this in a bit, but if you have a question that can’t wait, let’s chat!

fundraising + ECommerce wordpress websites

As a small business, you may have an e-commerce shop set up to sell products or services online.  Or, if you’re a non-profit, you’ll be fundraising and taking donations.

Therefore, if your e-commerce or payment processing areas stop functioning, it could mean the loss of hundreds or thousands of dollars in revenue, donations, or bookings.

So instead of waiting for something to fail, make it a habit to check the backend of your WordPress website regularly for updates. 

Below we’ve outlined a few steps you can take to update your WordPress website and prevent future problems.

1. login to your wordpress website or domain hosting service

2. look for plugin, theme or core wordpress updates

Once you get into the backend of your website, check for plugins, core updates, or WordPress themes that need to be updated.  Critical issues such as the site failing to load or being hacked can happen if these are not kept up to date. 

Typically you’ll be looking for a red circle notification with a number in it, indicating the number or updates or notifications you have waiting. 

Before you begin, we recommend backing up your site before you begin any WordPress website updates.  Especially if you are not familiar with WordPress or how your site was constructed. 

We have our site backed up through our domain hosting service, and we also use Updraft Plus to automatically keep our website backed up.  However, as Updraft Plus is a plugin, you will need to keep this up-to-date for it to function correctly!

Once you’re ready to begin, work in this order:

• Core WordPress updates
• Theme updates
• Plugin updates
• Finally, make any updates to your images, copy, add new pages, etc.

Furthermore, you will want to remove any plugins you no longer use.  If you’re unsure whether or not the plugin is still used on your site, leave it in place until you can check with your website developer. 

Need help?  Contact us!  We can support you with website development work at an hourly rate to get you back up and running! 

3. What happens if this doesn’t fix the problem?

If you’re still having issues with your WordPress website, depending on your website hosting plan, you may be able to contact the their help desk.  Then, their support team can identify why you’re having problems and make the changes needed at no cost to you. 

However, be patient.  Helper ticket submissions may not be addressed for 24 to 48 hours, or even longer.

Another tool to use is a website monitoring service.  These services provide security and will continuously monitor your website and report to you immediately if there is something wrong.  Issues that can be detected:

• Malware
• DNS warnings
• Site being blocked or hacked
• Website down or crashing

Therefore, if you want to try a website monitoring service, to give you peace of mind, we recommend Sucuri.  Keep in mind, website monitoring services are not cheap, about $199/year to start.  However the basic plan is perfect for those with small businesses, bloggers, or non-profits that do not have a web developer on hand.     

4. Asking for help: Website development Pricing

Costs for web development support can vary tremendously based on the root of the problem, how much customization needs to be done, and when you need the work completed.  If your WordPress website has crashed or has been hacked, you need help right away!  Therefore, this is when paying for those more robust hosting plans and website monitoring services come in handy! 

However, if you continuously have small issues with your website, it may be time for a redesign.  And with the new features available with Wix, Shopify, or Squarespace, you may no longer need to use WordPress!  Read more about the differences between each in our Easy Website Design and Maintenance blog.

Furthermore, you will not need a developer for website builds on Wix, Squarespace, or Shopify.  However, if you do not have the time nor the resources to build your own website, consider hiring someone to help.  Costs vary widely from $2,000-$10,000 and up, depending on the amount of customization needed.  Read more about the websites we’ve built and maintain for our clients. 

Web Development Case Studies

Final thoughts on website updates

Since your website is often the first place people interact with your brand, you want to make the best impression.  Think of it as a first date!  Therefore, here’s our final tips to keep your WordPress website up-to-date and running smooth:

• Take an hour each month to ensure your WordPress website is up-to-date. 
• Give only the essential people access to your WordPress website. 
• You should have at least two people that have access- you plus one other, just in case you lose access. 
• Assign advertisers, marketers, or other non-essential team members limited acccess. 
• Lose a team member?  Remove them immediately from access to all of your backend systems! 
• Use a tool like LastPass to store your passwords.  We can’t stress this one enough!

We are happy to help you along the journey, so please reach out if you have questions.

 Let’s start at the trailhead together,

Meredith McConvill, Top Rope Media