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

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