Blog Layout Re-Design

HOURS thus far are 6 total hours to be spent once complete will be an additional 6 for a total of 12 on this task

Installed configured and completed several raw tests using PostX, Plugin must be purchased and licensed in the name of the company. all design and development work have been initialized on Staging at https://ddadevd.wpengine.com/our-videos/ & https://ddadevd.wpengine.com/yep-another-category-template/

July Audits from LP / Performance Maintenance

Estimate: 5 hours

This task is added to address the post launch performance drop, the audits sent by LP’s initial technical audit document and a separate error that was learned today 7/21/23 with regards to Schema data improperly structured. All fix actions will be reported on this task.

1. 1hr – all 45 entires from LP’s 404 document have been addressed
2. 1hr – all 47 entries from LP’s external redirects document have been addressed
3. 5hrs – Performance testing & modifications was able to bring the page from 55/83/92/96 to a 94/85/100/96 https://docs.apriljoneslaw.com/docs/baseline-testing/spiffy-2-1/ 

Implementation & Purchase of blockstudio.dev

Estimate: 2 hours to install and configure the plugin itself with existing systems but will be used for the implementation and dev of many of the integrations proposed on our roadmap.

implementation of this blockstudio.dev plugin system will allow ALL of the systems proposed within our roadmap link in with the templating layer of wordpress much easier. Creation of things in conjunction with ACF Professional will mean a flawlessly customized and implemented display system for all your web media. You no longer have to count on if the input of the content looks good without having to also style it as you input. All data put into wordpress and instead of using user inputs into gutenberg the user input would be interpreted through the template directly on to a page layout pre determined by this process. thru the templates control of our brand layouts only will have to be created once instead of with the creation of every new page.

Analogy of the teams page and other important concepts: 

the teams page proposal where a site editor will only have to fill out fields on a form with out having to deal with a full page layout editor gutenberg experience.  to fill out any number of pieces of custom field data we add to the profile of a person in the teams area and output that as a template layer. Currently the only data we use on the teams page is: Name, Quote, Picture, Bio, shortcode for head of grids. Available use of data processed with the blockstudio.dev plugin will allow us the luxury to really make things like the teams pages shine by adding all sorts of other data to the template layer. Think of the team page like the profile and stats of a baseball card… we will have that sort of exactness of design we can accomplish. oooo idea… what if we made each team members page in the design aesthetic of a comic book character super hero layout. All we would have to do if the site was implemented in the ACF+Blockstudio.dev  is have the page style designed once & the input of the data by site editors is just the repetitive task of inputting each individual piece of data instead of having to also associate the design of the page as well. By doing this you lower the bar in wordpress wherein any associate at any level of skill set can participate in the input of individual itemized data either one at time as the firm grows with adding team members or displaying customized data like the needs of the client portal, book review or article details

All designed layouts and customized input systems guarantee that your style of brand is represented exact in each step of the assembly of your site as presentation and content will be fully separated and determined by the abstraction layer of the system we created. This will allow for a developer to do the heavy lifting and the use the labor of even an intern staff then becomes useful to a firm media department allowing anyone at any level to have a role that helps during frequent and consistent marketing pushes. In specific editing of the site is a skill set which can be taught in a several hour class and truly isnt hard but Implementation of a staff to edit things created using this method could be accomplished with *any* staff member that can use word or excel without the need for any training.

Phase 3 LAUNCH TO LIVE

 Implementation of Phase 3 Staging to LIVE

• Move data from DDASTAGING to LIVE Environment
• Clear All Cache
• Replace all staging urls in content
• Ensure all plugin systems are updated
• Verify Mailgun Connectivity
• Implement GA4 & Verify All accounts within Tag Manager w/Google SITEKIT
• Verify all accounts in Yoast
• Setup Schema Markup on key pages
• Implement Schema based Reviews system.
• RE-Engage WPRocket & PERFMatters & Imagify
• Rebuild all cache on live
• Minify On live
• Final Round Re-Check to ensure SEO Test scores remain unchanged or better in new theme version
  • GTMetrix Data Metrics  
  • Mobi.ready
  • Pingdom
  • Page Speed Insights
    • Mobile
    • Desktop

Phase 2

Part 1: Simplifying WordPress Engagements (Primarily On Technical SEO) 

• Minifying Integration 
• Elevate Header (Decrease Mobile Clutter – From 2 TO 1 Rows)  
• Bulk Updating Of Technical SEO – Ex Meta Description & Title Tags  
• New Plugin Additions & Licensing Under JLF Business 
• New Plugin Configurations  
• Bulk Organization Of Media Library – Ex. To Support “Video” Page Redesign 
• Structured Data Markups

Part 2: The Big Update

• Completed all SHORTCODE Documentation on docs.apriljoneslaw.com
  • Still have to create how to sections of the documentation area.
• Completed all technical SEO Testing reports for OG site and for version 1.5 on docs.apriljoneslaw.com (MOBILE USABILITY WIN!!! WE NOW SCORE A 95% !)
  • GTMetrix Data Metrics  
  • Mobi.ready
  • Pingdom
  • Page Speed Insights
    • Mobile
    • Desktop
• Created a full width template for pages such as contact us which do not need the padding around the outer edges
• Rendered fix for contact menu to display vertically instead of horizontal
• Remove all Banner and INTERNAL_TEMPLATE shortcodes from default pages
• New Template updates that allow for the default page template page.php to have what was added by the short codes and inside the template itself contain the markup necessary to automatically select the right html markup based on testing which page is displaying
• Removal of use of FLEX class in overall templates
• Removal of FW Plugin
• Made Team Pages work on Gutenberg editor (used Morgan Terrell on DDADEVD as example)
• Edited team page css to allow for 4 items per row auto adjusted on resize for flex
• Changes to articles.php to account for the correct header now that page.php has been modified
• addition of content-articles.php in template-parts/content
• Conditional & logic programming changes to page.php which allow for the background image to be uploaded using an ACF Module
• Need to put in place a full width template for pages such as contact and speaker
• Removal of all css from CUSTOMIZER
• Addition of saveit.css to theme root and link in header-scripts.php
• Reveal of Easter Eggs
• Addition of Front-Page.php which forms the homepage header html
• All of this makes the Block editor actually useable to convert all the pages so that eventually NO shortcodes are used anywhere for overall page structure and the resulting HTML has been integrated into the default page theme so a admin user can much easier create a page knowing the default and proper styles will be properly implemented.
• De Queued ALL unnecessary and unused styles&html code from the DOM in an effort to reduce the DOM overall Reduced from 2400 nodes to 864 nodes
• Dequeued and placed in static file
  • Telephone styles
  • Map styles
  • Heart styles
  • Awards styles
  • Testimonials
  • Testimonials versions
  • Slider styles
• Modified home page practice areas by adding classes to line 413 of static_section shortcode myprac
  • This also requires adding the class “yep” to the practice areas content in the sections practice_areas post
  • Added all classes previously inserted in the generated page into to the new saveit.css file to continue DOM reduction
• Changes to free consultation page to make header smaller and removed apex chat from this page
• Before Move will redo Employment page layout ENTIRELY
• Created responsive breakpoints to make sure the header is properly navigable on:
  • iPhone SE
  • iPhone XR
  • iPhone 12
  • Pixel 5
  • Samsung Galaxy S8+
  • Samsung Galaxy S20 Ultra
  • iPad Air
  • iPad mini
  • Surface Pro7
  • Surface Duo
  • Galaxy Fold
  • Samsung Galaxy A51/71
  • Nest Hub
  • Nest Hub Max
• Load testing with WPRocket to Optimize
  • Resolved background image issues and removed theme based lazy load script which broke most of the auto lazy load features of WPRocket
• Load testing with PerfMatters
  • Optimized theme on site to work specifically with WPRocket enabled
• Enabled GZIP on development environment for final load testing.

Areas We Serve Redesign

estimate: 2 hours

These pages didn’t really exist anymore and for the one that does exist it could be alot more handy with design that queues better as to the areas we serve index as the highlight of the context of that page.

On-Site Calendly Replacement

estimate: 10 hours (15 hours with payments and ticketing)

This is a custom full appointment booking system that has the ability base all appointments on existing systems Integrates with:

1. Webhooks
2. Outlook
3. GoogleCalendar
4. Eventbrite
5. Zoom

New system will also have the options for further integrations with a payment-for-appointent system AND a QR Code based ticketing system for attendees of an event.

Accessability Audit & Edits created from audit

estimate: 8 hours

Estimate could vary based on number of edits that need to be addressed but know that we fixed 70% of previously existing accessibility issues by the process we went through. Only 30% of stuff is even left which would only be discovered and addressed in a specific audit.

Git Hub Code Repository

estimate: 5 hours

A Code repository contains all of your project’s files and each file’s revision history. You can discuss and manage your project’s work within the repository. https://docs.github.com/en/repositories/creating-and-managing-repositories/about-repositories< We can likely get away with the free version unless more detailed code documentation would need to be baked into the repository. if an account does end up being needed it would be a one user repository which only costs $3.67/month. https://github.com/pricing