This portfolio of recent projects demonstrates both New Website Designs and Refinements of Existing Websites done in the last¬† 3 years. Most have been done using WordPress with modern PageBuilders and CSS Design/Styling tools. But there are 3 projects shown with a yellow¬† background which have been developed with HTML5 and a JavaScript Framework to meet special requirements. If you click on the site’s screenshot you will be transferred to the website.


CHALLENGE: Create a Demo Website for a client that uses both the Gutenberg Block Editor and Elementor PageBuilder on SPA-Single Page Applications for Real Estate Promotions. 
TECHNOLOGY:   WordPress 5.7, Kadence WP theme, Kadence Block,  Qubely Block Addon, Elementor Pro and Happy Addons plugins
CODING TRICKS:  The same images and sizing are used in both full-width and center sliders. Also Google Map, House Details, and Contact Form follow the same layout and sizings. Page speeds were tested with GTmetrix & Pingdom and delivered nearly identical results.

DEVELOPMENT TIME: One sessions of 3 hours plus a 2 hour follow-up

CHALLENGE: Create Landing Page design for stories about City of Toronto Parks and Facilities
TECHNOLOGY:   WordPress 5.3 and Ocean/WP multi-layout theme. Elementor Pro PageBuilder for frontend; choice of best plugins for gallery, Slider, and Accordion/Toggle  layout
CODING TRICKS:  How to condense a lot of information and images about the parks usage in the summer time. Accordions allow condensing info with click expanded detail info. Sliders and gallery widgets provide visual story telling. Parallax background images draw visitors into story.

DEVELOPMENT TIME: 3 sessions of 2-3  hours to gather story material, then develop the layout in Elementor plus Gallery & Slider plugins followed by final fixes on colors, typography and layout.

CHALLENGE: Create an attractive technical website for a start-up Chemical Engieering Consultancy.
TECHNOLOGY:  WordPress 5.2, Astra Theme  to allow multi-layouts of pages; two PageBuilders РThrive Architect for sophisticated pop-ups, Divi for special page styling and templates. Smart Slider 3 for  overview of services on offer.
CODING TRICKS:  Marketing is paramount for start-up consultancy so a promotional rollout using SEO Studio, Google Local Business, PWA local app,  plugin chat, plus other push options..

DEVELOPMENT TIME: 5 sessions of 3-4 hours  produce the current staging version awaiting final consultancy committment & directions.

CHALLENGE: Sell a Nevis St. Kitts vacation home remotely from Toronto and France. Make the website a pivotal element in the selling chain.
TECHNOLOGY:  WordPress 5.2 on SiteGround Hosting allows for staging ,back-up and website optimization . FooGallery and Nextgen provide carousel look at the property. Lazy loading and compression of images insures good response time.
CODING TRICKS:  Use deliberate pointers in images to give perspective on Nevis and surrounds. Employ a number of SG Optimizer routines for better performance.

DEVELOPMENT TIME: 3 consultations of 3 hours each to complete delivery of website.

CHALLENGE: Design  a MBA Class website with easy navigation and use by class members. Also make  website extensible to add future features.
TECHNOLOGY:  WordPress 5.0  MultiSite with Astra Theme + Elementor PageBuilder using  Foo Gallery and Smart Slider 3 plugins for robust image display with full screen animations.
CODING TRICKS:  Elementor  + Astra theme allows quick creation of SPA-Single Page application which can be easily extended for mobile use with AMP and PWA for tablet/cellphone use as required.

DEVELOPMENT TIME: 3 sessions of 18 hours  total to deliver working system.

CHALLENGE: Deliver in 2 days a crosstabs and summary analysis of the results of the WordCamp 2018 Survey of topic candidates for presentation
TECHNOLOGY: Google Sheets with WordPress +  Elementor PageBuilder using WPDataTables
CODING TRICKS: Transfer of survey data from Google Sheets to WordPress via WPDatatables plugin. Analyzing the data with Create SQL plugin and then use Elementor templating to quickly reproduce 108 reports. See here for the details.

DEVELOPMENT TIME: 2 sessions  of 12 hours total  for results to be made  available to WordCamp TO organizers.


CHALLENGE: Deliver newly styled SPA-Single Page Application website for Beauty Salon
TECHNOLOGY: WordPress +  OceanWP Theme and Divi PageBuilder plus Sticky Menu plugin 
CODING TRICKS:¬†Hero Image overlay with sticky header and multi-column “page” layouts
 plus online booking. Also popup slider and gallery carousel to promote Hair and Makeup work.
DEVELOPMENT TIME: 1 sessions in 5 hours for  WordPress Meetup Demo of PageBuilders Prowess


CHALLENGE: New website with new hosting service and design criteria
TECHNOLOGY: WordPress +Tesseract theme with SiteOrigin Pagebuilder, Foo Gallery, Lets Encrypt SSL, & All in One SEOPack 
CODING TRICKS: Pages with multiple galleries using Masonry layout,  simple video  & sliders for promotions

DEVELOPMENT TIME:  Three 2 hour sessions over 9 months


CHALLENGE: Revamp website with new dramatic look & feel  on a new hosting service
TECHNOLOGY: WordPress + Beaver Theme with Beaver PageBuilder
CODING TRICKS: Posts in grid display, Gallery using Masonry layout,  Full-width video  & Events in Accordion layout

DEVELOPMENT TIME: 7 sessions in 5 weeks


CHALLENGE: Create Demo Display Website
TECHNOLOGY: HTML5+Bootstrap JavaScript using MobiRise IDE and Smart Slider
CODING TRICKS: Full-width background image, full-width slider, grid gallery layout with lightbox, scroll animations

DEVELOPMENT TIME: 2.5 days using pre-processed images

CHALLENGE: Show Northumberland Hills Arts Groups and their diverse activities
TECHNOLOGY:WordPress using Headway Theme and SiteOrigin PageBuilder and Justified Image Gallery
CODING TRICKS: Full-width slider with links, gallery of artist works with links to their websites, art groups in multi-column layout, tabbed display of Fall Fairs  and Blog page  with sidebar of artists works.

DEVELOPMENT TIME: 9 sessions of 1/2 day

CHALLENGE: Add new Posts Grid  Layout optimize to speed access to Web tutorials 
TECHNOLOGY:WordPress using Magazine Basic Theme and Divi and Elementor  PageBuilders
CODING TRICKS:  Add Post Grid plugin with search feature & performance tune-up for better response time across the board

CHALLENGE: Refine Consulting firm website with call to action slider and revised services messaging
TECHNOLOGY: WordPress with MultiPurpose Theme and Thrive Architect PageBuilder using animated slider
CODING TRICKS: Parallax scrolling, slide in animations, sidebar maps, very fast response time
DEVELOPMENT TIME: 8 hours over 5 days


CHALLENGE: Display images using fullwidth slider, Masonry gallery and animate text blocks 
TECHNOLOGY:WordPress using Revolution Slider and Foo Gallery with addons
CODING TRICKS:  Resize  & animate content blocks,  insert gallery on several pages, and make slider responsive plus full width

DEVELOPMENT TIME: 3 two  hour sessions

CHALLENGE: Revise theme, PageBuilder and styling to reflect graphic design tools & methods covered by website 
TECHNOLOGY:WordPress changing Magazine Basic  to OceanWP Theme, SiteOrigin to Elementor PageBuilder  and page wide backgrounder plugin 
CODING TRICKS:  The PhotoFinishes.com emphasizes photo and media  design tips & tutorials. So reviewed tools like Artlandia Symmetry Mill, new Pixlr apps, and Riot Compression which was used in new page layout scheme.


CHALLENGE: Create a brand new promotion website for Monarch Migration 
TECHNOLOGY: JavaScript Foundation Framework using Slick Slider
CODING TRICKS:  Website uses the Foundation template file as point of departure, files compressed for very fast response time
DEVELOPMENT TIME: 12 hours to get all the images and copy ready

CHALLENGE: Recreate a website with lost hosting & no backups 
TECHNOLOGY: WordPress using Divi PageBuilder and Esteem Theme
CODING TRICKS:  Had to produce images, layout from a few screenshots. Divi provided full width images and fast development given tight time limits
DEVELOPMENT TIME: 4 sessions of 3 hours each

CHALLENGE: Do a new Northumberland Hills promo website emphasizing the local fairs, fall countryside splendor linked to local artists 
TECHNOLOGY: JavaScript Foundation-Zurb, jQuery, Slick slider, Audio controls, and CSS3 styling
CODING TRICKS:  3-column layout for local fairs, slider, and links to artist promo pages
DEVELOPMENT TIME: 3 sessions of 2+ hours

CHALLENGE: have a four season look for the website each quarter of the year and  to use full-width display methods 
TECHNOLOGY: WordPress using Magazine Basic Theme and SiteOrigin plus Elementor PageBuilder
CODING TRICKS:  PixofToronto
 emphasizes full width elements and many video plus slider or gallery displays: results in lots of CSS & media refinements
DEVELOPMENT TIME: 3-4 hours  sessions once every two weeks

CHALLENGE: Provide assessment and simple revisions to website 
TECHNOLOGY: WordPress using Slider Revolution and Owl Carousel plugins
CODING TRICKS:  A number of simple gaps in the UIadmin, and slider use  were corrected