Nonprofit Website Training

Job training center website screenshot

Puget Sound Training Center provides career training and employment services to immigrants, refugees and under-served individuals. PSTC trains individuals who are clients of Washington State Labor and Industry (L&I) and Department of Rehabilitation (DVR); PSTC also partners with CBOs (Community Based Organizations) to provide customized skills training.

This website redesign project involved upgrading the job training center’s decade-old static HTML website into a mobile-first responsive layout, powered by an intuitive WordPress Content Management System. During the redesign, nonprofit staff were trained how to add and edit website content – including text, images, and links – using WordPress’ new Gutenberg Block Editor. In addition to editing content, staff can now use the block editor, which has been custom-branded to their identity, to create mobile responsive layouts.

Scope of Work

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

Team

Visual Design by: Joan van den Berg
Photography and WordPress Theme Development byScott Marlow

Weebly to WordPress Website Redesign

SPiN Cafe screenshot

A redesigned website for SPiN Cafe, an Oak Harbor nonprofit serving people in need.

Our team collaborated with board members and the recently appointed executive director to build a new WordPress site that better reflects the organization’s brand identity, with clear messaging and simple calls-to-action. Page and Post content was migrated from the original Weebly site and reformatted into semantic, search engine-friendly HTML.

Our heartiest thanks to you and your team for designing our new web site. All of the SPiN board members are well-pleased with the design and choice of visuals and graphics, as well as the ease of navigating the site.
Mark Stroud, president
SPiN Cafe

Scope of Work

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

Performance Analysis

Page load speed on the new WordPress site is significantly improved from the original Weebly site by reducing overall page size 64% and web server requests 66%.

Google Lighthouse benchmarks
Mobile Speed: 80/100
Desktop Speed: 92/100
Accessibility: 98/100
Best Practices:  93/100
Search Engine Optimization: 93/100

WebPageTest Speed Index: 2.675 (median = 3.519; top 10% = 1.388)

Total Page File Size: 675 Kb (In 2020, the average page size was ~2.4 Mb; the median size was ~2.1 Mb)
Total Web Server Requests: 30 (8 scripts + 8 images + 7 CSS + 1 HTML + 3 Fonts + 1 Other)

Team

Logo Design by: Theresa Dilley
Content Strategy by: Liz Gillespie
Branding and Visual Design by: Elise Cope
WordPress Theme Development byScott Marlow

DentistLink – Powered by WordPress

DentistLink screenshot

A redesigned website for DentistLink, a free non-profit referral service connecting Washington residents to dental care. DentistLink is supported by Arcora Foundation, the foundation of Delta Dental of Washington.

Page load speed was improved thru a 64% reduction in overall page size, a 21% reduction in web server requests, and a new WPEngine hosting platform. The new Theme integrates the WordPress Gutenberg Block Editor for more advanced layout and styling options. A Google Translate feature makes the site more accessible to under-served populations.

Scope of Work

  • Mobile responsive theming
  • Performance optimization
  • Security hardening

Google Lighthouse benchmarks
Accessibility: 100/100
Best Practices: 73/100
Performance: 92/100
Search Engine Optimization: 100/100

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

Weebly to WordPress Website Work

Family Voices of Washington screenshot

A redesigned website for The Family-to-Family Health Information Center – a nonprofit organization that helps families of children and youth with special health care needs, and the professionals who serve them, to find healthcare funding.

The 1.6 Mb Weebly homepage has been converted to a 625 Kb WordPress landing page (a 61% page size reduction), with 30% fewer web server requests, which results in better mobile performance.

ADA accessibility improvements included color contrast, ARIA elements, a keyboard-navigable menu with a site search option, reduced line widths for easier readability, and a Google Translate feature.

Scope of Work

  • ADA (WCAG AA) accessibility improvements
  • Mobile responsive theming
  • Performance optimization
  • Security hardening

Google Lighthouse benchmarks
Accessibility: 98/100
Best Practices: 98/100
Desktop Performance: 98/100
Mobile Performance: 70/100
Search Engine Optimization: 100/100

WordPress Theme Development by: Scott Marlow