Portefeuille

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 website makeover with tight, sticky menus, new footer, PDF flipbook display, and revised page styling 
TECHNOLOGY:   WordPress 5.3 and Ocean/WP multi-layout theme. Divi 4 PageBuilder for frontend; FlipBook and Smart 3 slider plus text and box shadow stylings
CODING TRICKS:  How to collapse bloated header and footer while bringing   a lconsistent look to pages  with color, fonts and box-shadowing. Also many pages no longer have to of-link to display PDF file presentations allowing for immediate feedback commentary on same page.

DEVELOPMENT TIME: One sessions of 10 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 Pro PageBuilder using  Foo Gallery and Smart Slider 3 plugins for robust image display with full screen animations.
CODING TRICKS:  Elementor Pro + 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 12 hours  total to deliver working system.

CHALLENGE: Deliver in days a crosstabs and summary  analysis of the results of the WordCamp 2018 Survey of topic candidates for presentation
TECHNOLOGY: Google Sheet with WordPress +  Total Theme + Elementor PageBuilder using 2 plugins 
CODING TRICKS: Transfer of survey data from GoogleSheets to WordPress via WPDatatables plugin. Analyzing the data with Create SQL plugin that did the essential group by and crosstab filtering operations. Use Elementor section templating to quickly reproduce 108 reports. See here for all the steps needed. 

DEVELOPMENT TIME: 3 sessions  of 18 hours total  for  WordPress Meetup Survey 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  et 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
DEVELOPMENT TIME: 2 1/2 days

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.

DEVELOPMENT TIME: 7 hours

CHALLENGE: Create a brand new promotion website for Monarch Migration 
TECHNOLOGY: JavaScript Foundation Framework using Slick Slider
CODING TRICKS:  Site web 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
DEVELOPMENT TIME: 3 hours

Épinglez-le sur Pinterest

Partager cette

Si vous avez trouvé cet article utile, veuillez le partager avec vos collègues.

Faites défiler jusqu'en haut
Enable Notifications    Ok No thanks