Before & After Twenty Twenty-One Theme CSS Customization
Scope of Work
brand discovery project management content strategy copywriting creative strategy art direction color palette development front-end web development performance optimization security hardening visual design WordPress training and consulting
WebPage Test Speed Index: median = ~3.591; top 10% = <1.388 In 2020, the average page size = ~2.4 Mb and median page size = ~2.1 Mb. Database-driven websites, like WordPress, are more performance optimized when server requests are < 40 – 60.
Branding, Visual Design and Content Strategy by: Gravity Communications WordPress Theming and Consulting by: Scott Marlow
An overdue mobile-responsive website upgrade for my writing colleague, Rita Cipalla.
For this website redesign, we chose to skin an existing template WordPress Theme, Argent, by Automattic. The Argent Theme is based on _Underscores, so theme skinning is fast and straightforward – and the final product is guaranteed to be compatible with WordPress software and Plugins.
Overall Page Size is a lean 584 Kb, ~25% the industry median page size, with only 32 web server requests. As a result, page load speed is well optimized for mobile devices.
The site features Rita’s custom travel photographs for an authentic look. A classic combination of custom serif and sans-serif fonts are typeset in very readable line widths, with bold red and yellow call-outs for emphasis. And, unlike her previous static HTML site, Rita can now easily add and edit portfolio and blog content.
A fresh mobile responsive WordPress website for Salmon Creek Cafe in Burien. This fun redesign, with custom photos by Tyler Potts, replaces a SquareSpace site that staff found difficult to edit.
My favorite feature of the new site is the easy to read (HTML) menus, formatted in simple single columns. Too many restaurants publish their menus via cumbersome, difficult to read PDFs; HTML content is mobile responsive and much more accessible. We also emphasized the contact information, which restaurant patrons should be able to find easily.
To add value, we chose to custom skin an existing template Theme, Dara, by Automattic. Built on _Underscores, the overall page size is 717 Kb, about 1/3 the industry median page size of ~2.1 Mb.
My latest WordPress child theme project for Cascadia Search Dogs – a nonprofit dedicated to the development of high quality detection and search dogs through training and education. This membership-based site supports the organization’s K9 Search & Rescue mission in the Pacific Northwest.
With a total page size of 585 Kb and only 24 server requests, this site ranks in the 90th percentile of Google PageSpeed Insights:
Mobile Speed Optimization: 93/100 Desktop Speed Optimization: 97/100
I offer WordPress training classes, site consultations, and ongoing support and consulting. If you are interested in learning more about WordPress, please contact me.
Scope of Work: Front-end web development, Performance optimization, Rebranding, Security hardening, Visual redesign
Team: Penniless Projects, Scott Marlow
To rebrand the existing nonprofit’s WordPress website affordably.
To keep costs affordable, we built the new site design using the same HTML5 mobile responsive 2012 child theme (based on _Underscores). New full browser-bleed headers featuring custom photography help modernize the look and feel. While readability was optimized with an 1,100 pixel wide 2-column grid layout. Bold custom fonts and colors help distinguish the youthful brand.
Google Mobile Speed:
Google Desktop Speed
faster than 77% of tested sites
WebPageTest Speed Index
median = ~4,493 top 10% = <1,388
average score = 70
Web Page Size
In 2017, average page size = ~2.4 Mb median page size = ~1.9 Mb