WordPress Child Themes at Work

supply chain and logistics company website
Twenty Twenty-One is a blank canvas for your ideas. It makes the block editor your best brush. See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.

WordPress’ TwentyTwenty-One template theme turned into a turn-key landing page solution for Solmark International – a global supply chain and logistics company.

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

BenchmarkScore
Google Lighthouse: Mobile Performance87/100
Google Lighthouse: Desktop Performance100/100
Google Lighthouse: Accessibility100/100
Google Lighthouse: Best Practices100/100
Google Lighthouse: SEO93/100
WebPageTest Speed Index2.116
Total Homepage File Size1.56 Mb
Total Web Server Requests22
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.

Team

Branding, Visual Design and Content Strategy by: Gravity Communications
WordPress Theming and Consulting by: Scott Marlow

A WordPress Developer Committed to Performance-Optimized Themes

Composer website screenshot

This new version of the site is definitely WAY more mobile friendly. Love it!
Reg Unterseher

My latest WordPress project, which involved customizing a single Theme for 5 domains for 4 Northwest choral composers.

By collaborating on their marketing efforts – the group was able to affordably launch a series of custom, co-branded domains. The new, customized Gutenberg Block Editor enables each composer to create rich page layouts and integrate a unique color palette – while providing a consistent layout and user experience to visitors. In particular, each composer appreciated the power and flexibility of the Latest Posts Block, which was used to compile their respective choral catalogs alphabetically, as well as showcase featured compositions on their homepages.

Conductor-Composer website screenshot

Based on Automattic’s _Underscores Theme, page load speed ranks in the top 10% of sites – with high benchmark scores for accessibility, SEO, and other best practices.

Site Statistics

Google Lighthouse Insights
Accessibility: 98/100
Best Practices: 100/100
Mobile Speed: 87/100
Desktop Speed: 99/100
SEO: 100/100

WebPageTest Speed Index: 1.238 (median = ~3.519; top 10% = <1.388)

Total Server Requests:   26 (7 Scripts + 7 Images + 3 Fonts + 7 CSS + 1 HTML)
Total Page Size:                 334 Kb (In 2020, the average page size was ~2.4 Mb; the median size was ~2.1 Mb)
Page Load Speed:             ~1.2 seconds

Composer-Conductor website screenshot

Web Design + Development Team

Visual Design by David Owen Hastings
WordPress Theme Development by Scott Marlow

Building Nonprofit Websites in King County

Nonprofit youth mentoring website screenshot

A redesigned WordPress website for The 4C Coalition – a community-based nonprofit, founded in 1999, that helps black and other youth of color succeed in school and in life. The 4C Coalition offers one-on-one mentoring, group mentoring and tutoring to 12- to 17-year-olds in King County.

Scope of Work

content migration
copywriting
creative strategy
color palette development
front-end web development
online data management
performance optimization
security hardening
search engine optimization
visual design
WordPress training and consulting

Performance

Page load speed ranks in the top 15% of sites.

WebPageTest Speed Index: 1.737 (median = ~3.591; top 10% = <1.388)

Total Page File Size: 1.3 Mb (In 2020, the median web page size = ~2.1 MB; the average page size = ~2.4 Mb)
Total Web Server Requests: 48

Web Design Team

Content Strategy: Rita Cipalla
Photography: Rebecca Sullivan
Visual Design: Joan van den Berg
WordPress Theme DevelopmentScott Marlow

 

Original Websites for Original Artists

musician-composer website

A redesigned WordPress website for musician-composer, Glenna Burmer. The new site merges content from burmermusic.com into a single domain for the award-winning artist. Visitors can listen and watch concert clips from SoundCloud and Vimeo. Stay tuned for the teaser trailer for the award-winning animated short film, Nana korobi, Ya oki.

The new website is simply FANTASTIC! Absolutely beautiful!
Glenna Burmer

Scope of Work

content migration
copywriting
creative strategy
color palette development
front-end web development
performance optimization
security hardening
search engine optimization
visual design
WordPress training and consulting

Performance

Page load speed ranks in the top 10% of sites.

Google Lighthouse benchmarks
Mobile Speed: 85/100
Desktop Speed: 97/100
Accessibility: 96/100
Best Practices:  100/100
Search Engine Optimization: 93/100

WebPageTest Speed Index: 1.169 (median = ~3.591; top 10% = <1.388)

Total Page File Size: 489 Kb (In 2020, the average page size was ~2.4 Mb; the median size was ~2.1 Mb)
Total Web Server Requests: 24 (4 Scripts + 5 Images + 6 CSS files + 4 fonts + 2 Other + 1 HTML )

Team

Content Strategy by: Rita Cipalla
Visual Design by: Joan van den Berg
Banner artwork: Descending Dragon by Nobu Burmer | Banner photo: Sakurajima volcano, Kyushu, Japan, by Glenna Burmer
WordPress Theme Development byScott Marlow

What Would WordPress Do?

City of Gig Harbor parks website

WordPress is the most popular Content Management System in the world. WordPress powers 42% of all websites; and 62% of CMS-powered sites.

But not all WordPress sites are created equal.

One of my favorite tasks is showing clients the benefits of open source technology. In particular, I enjoy demonstrating Core Web Vitals for open source WordPress Themes vs. cheap, popular paid commercial themes from vendors like ThemeForest. I primarily use Google Lighthouse to evaluate sites, but I also rely on Pingdom, WebPageTest and other benchmarking tools.

This latest nonprofit project for PenMet Parks in Gig Harbor involved rebuilding a commercial theme-powered WordPress site with my favorite Theme, _Underscores.

The client’s previous page load speed was atrocious, and the website crashed on a regular basis. Worse, content contributors could not even use the CMS to make the most basic content edits due to bloated Theme and Plugin features.

By following better WordPress and web standards, web server requests were reduced 69% and page size was reduced 73%. As a result of better web development practices, page load speed improved 78%. And the parks organization can now easily, intuitively edit all of their site content.

Scope of Work

accessibility testing
brand discovery
project management
content migration
copywriting
creative strategy
art direction
color palette development
front-end web development
performance optimization
security hardening
search engine optimization
visual design
WordPress training and consulting

Site Statistics

Performance MetricOld WebsiteNew Website
Google Lighthouse: Mobile Performance3/10067/100
Google Lighthouse: Desktop Performance12/10092/100
Google Lighthouse: Accessibility97/100
Google Lighthouse: Best Practices93/100
WebPageTest Speed Index7.1761.831
Total Homepage File Size
(In 2020, average page size was ~2.4 Mb; median size was ~2.1 Mb)
4.5 Mb1.2 Mb
Total Web Server Requests19461
Total Homepage Load Time~6 seconds~1.3 seconds

Team

Photography by Chrisy Dorsey
Visual Design by
Heidi Grace
WordPress Theme Development by Scott Marlow