Growing & Changing
With Technology
Since 1998
websites
design & art direction
html
css
sass
php
javascript
javascript frameworks
git
gulp
wordpress
Joomla
server maintenance
DNS records
Bootstrap
VIDEO
conceptualization
graphic design
video editing
sound editing
special effects
compression
vimeo channels
youtube channels
social media delivery
E-Learning
conceptualization
graphic design
programming
animation
h5p
learndash
grassblade LRS
WordPress LMS
I am a freelance WordPress website designer and website developer. I never could choose one or the other. I love doing both. Right out of college, I knew that I enjoyed to design and be creative but that I also loved to bring designs and other creative visions to life. This is the main reason that I stayed a freelancer all of these years.
Being a freelancer, I get to work on a wide variety of projects in different genres for an endless list of clients. I have never been forced to pick just one speciality. I will either be called into projects for only one area of my skillset or for the fact that I can work in all areas. Having the ability to see a project through from concept to completion is my core strength.
Contact Me
Skills
Web Design
I can either work with an existing design or I can design the site myself. I have created many different brands. This involves the logo design and then establishing an overall look/feel for a company. Because I understand how the end product will be built, I design realistic concepts and because I am always in the “web world”, I am on top of what is current and modern.
Web Development
I have gone through many tools and technologies over the years. But html and css has always been the backbone. I am now an expert with WordPress. I use the WordPress tools combined with programming to create custom themes. Currently I am a fan of WordPress sites that don’t use builders but I am skilled witih all of the popular ones.
Video Editing
I use Adobe Premiere and After Effects for most video editing and effects. I will “mock-up” the inital designs in Photoshop or Illustrator for client approval and then, to save time, I will continue with most of the graphic process within the video editor if possible.
E-Learning
I build e-learning tools. I understand what is possible and what will engage the user. If I am going to be building the e-learning tools then there is no need to “mock up” each and every one of them. I will mock up a few different ones for the client’s approval and then i will design and skin the rest with HTML & CSS.
Programming
I am a WordPress website designer and developer now but I learned how to build websites when only html existed. There were no WYSIWYG editors at the time and it was way before WordPress. There was only code and I learned in simpletext on a Mac. Later as CSS was introduced, I quickly got on board as it changed everything. CSS continuously changes and updates as the browsers get more sophisticated so it is important to stay on top of these changes.
For instance, responsive websites are powered by CSS. When websites went through this transition, it was a learning curve. Although schooling gave me the starting blocks for programming, I am entirely self-taught with new technologies.
Reading online tutorials and analyzing code is a common thing for me as my skills are always growing. I won’t often say “I can’t” do something. If it has been done, I will learn how to do it and if it hasn’t been done, I will be even more excited!
PHP and Javascript are languages that I use daily. These languages are constantly evolving and so I am always learning. A successful freelancer is one that gets excited to learn new things.
I am a WordPress website designer but websites are not the only thing I use WordPress for. I use it as my primary base to build websites, e-learning courses and online stores. WordPress offers clients a full content management system (CMS) and there is basically nothing you can’t accomplish with WordPress.
When I build anything in WordPress, I have a few goals:
- The site needs to be optimized for speed.
- The site should be “smart” and be built for growth.
- All areas of the site need to be easy for anyone to edit.
I build “custom” websites. I don’t purchase pre-built themes as they are bloated and they result in a slow website. Also, there are many occasions when I am called in to “fix” the websites that have these pre-built themes because they have simply become obsolete.
Years ago, a WordPress site needed a builder to make things easier for the client to edit but now, WordPress has evolved. The WordPress Block editor (Gutenberg) is just as capable as any builder and it comes with WordPress. There are lots of add-ons you can get for the WordPress editor and you can accomplish anything that any of the builders can accomplish.
Currently, this is what I am using to build WordPress sites. It is very simple for clients to learn. And to make it easy for clients, I make any of the areas they plan to edit regularly “dynamic”.
This means that that they simply have to edit a POST or a CUSTOM POST TYPE by adding a title, featured image and copy or fill out custom fields and then the dyamic area in the website has been updated with a new entry. I put a lot of thought into building each area of the website so that when the client is editing in the future, the look is maintained.
I currently use WordPress as the primary base to build e-learning courses. I use all of the same techniques with e-learning that I use with websites, in terms of development but there are other tools that use within WordPress for e-learning.
There are a lot of ways you can develop training material within WordPress. I have used Learndash quite a bit and will use Learndash only when the goal is to have quizzes and tracking throughout the course. In combination with Learndash, I have used H5P elements (for interactivity) and XAPI elements for tracking of both the Learndash and the H5P elements.
For other, more simple courses that have the goal of simple tracking and the goal to be “no such an obvious course”, I have built a full membership system using Paid Memberships Pro. I custom built all of the tracking by tapping into the User Metadata of WordPress. This allowed me to build progress bars and to feed the user the proper modules, based on where they were in the program.
As a WordPress website designer, the main system that I use to build online stores is Woocommerce. Woocommerce has the most tools available and it can be customized with PHP hooks and filters. Here are some examples of online stores that I have built using Woocommerce.
Make the Connection
After building this e-learning system with Learndash, I installed Woocommerce for the shopping cart. This is a basic shopping cart that also has coupon coes.
Normac Kitchens
This website uses Woocommerce in catalogue mode. Variable products are set up and a swatches plugin is configured for the doors.
Memorial Galleries
This online store is interesting because along with Woocommerce, there is a plugin that allows users to customize their own tombstone. They can type save their design and they can purchase it right on the website.
WPInnova
This website has over 200 products but the online payment is disabled. This website is “catalogue mode” instead.
SEO stands for “Search Engine Optmization”. A website with good SEO will have a better chance of being listed near the top of Search queries on search engines like Google.
The biggest key to good SEO is “well written content”. I don’t always write the content for the websites I build but I will advise my clients on their SEO and make recommendations.
All of my websites follow SEO best practices. I use YOAST to validate the SEO for each page and each image is inserted with ALT tags and named with keywords. Header tags are used throughout the site.
When websites are complete, I will install Google Analytics and Google Tag Manager. There is a plugin for WordPress called Google Site Kit that I am currently using for this. This plugin allows clients to see their google stats right in the WordPress Admin.
Accessability is always kept in mind when building websites. I use REMs as the font measurement. This gives accessible tools the ability to adjust the font sizes. Accessible fonts are chosen and colours are also chosen while keeping accessability in mind. There are lots of plugins for WordPress that can offer accessability tools and closed captioning can be added to videos and e-learning tools if required.
When I am building websites, I am sure to compress each image before uploading. I also compress all of my CSS and Javascript before uploading.
Once each website is built, I will optimize the website for speed using various tools (more compression, minification, caching, database reduction) within WordPress.
I install server based firewall and security tools and then I also recommend that my clients use an external Firewall, CDN / CACHING tool. I will install and configure this for each site that has it.
Cope Website
This website has over 70 videos that I created, in addition to the entire website. The goal of this non-profit website is to support victims of trauma while they await government resources.
Thrivelandia
This online world was built for kids and teens. It is a membership based site with e-commerce features built in. It contains over 80 videos and over 80 interactive e-learning activities.
Make the Connection
This e-learning course was created for new mothers. It is built with a combination of Learndash, H5P and WordPress and it contains over 60 videos and interactive activities. It has full tracking using XAPI elements on the Grassblade system.
Videos
Design / Videos / Sound
FROM CONCEPT TO COMPLETION
And everywhere in between
Creating videos is one of my favourite things to do. The best videos are the ones that I am involved in from the beginning. I often have a hand in the concept of the video. I may write the script or work closely with the script writer. Then… I am given creative freedom to do what I want with the concept.
I believe they are the best in the end because when you have a designer passing graphics and ideas to a video editor, sometimes things get lost in translation. The sound editor can’t always see the vision. Having a video editor execute a vision they understand will lead to a more fluid product. Even though I often create the video in it’s entirety, I always keep my client in the loop. I often start with storyboarding my ideas to make sure the client is happy with the direction and then when I have an initial scene ready, I will schedule a meeting with my client before I go too far with the concept.
Trailer
Thrivelandia Online World
Intro
Grat Grove Land Intro
Trailer
Make the Connection Course
Intro
What is attachment (e-course)
Quote Request
Although I can work on an hourly basis if requested, most of the time, I work on a set-cost basis. If you have a project in mind, please contact me.