EUSD is the sixth-largest elementary school district in California. In 2015, they were dealing with declining enrollment, largely due to competition from charter schools. Making matters worse, their marketing was nonexistent, and their old district website was cluttered and hard to navigate:
Recognizing their need, EUSD’s internationally-renown Technology and Innovation department initiated an RFP for a custom website redesign with significant strategic marketing and customer experience (CX) components. EUSD invited Deedub Inc. to submit a proposal after seeing the quality of my work on a similar project for the California Center for the Arts, Escondido.
Ultimately, Deedub Inc. won the bid, and the project was especially meaningful to me because I attended EUSD schools from Kindergarten through 8th Grade.
Quick Summary: Highlights and Impact
The website redesign took just over six months from start to finish, and the new eusd.org launched in August 2016 — on time, and just before the start of the new school year:
I also launched and actively managed multiple strategic marketing initiatives that complemented the website, enhanced the overall customer experience, and improved community awareness and perceptions of EUSD.
Notable marketing and CX achievements included:
Growing EUSD’s Facebook page from less than 200 to nearly 1,500 followers over two years (mostly organic with minimal ads). I shared publishing duties with staff and mentored them on best practices, resulting in an estimated 15,000 to 25,000 post views per month during year one.
Publishing EUSD’s first-ever bilingual email newsletter to over 17,000 recipients each month with open rates of 23 – 43%.
Targeting prospective parents by creating Why EUSD: a college admissions-style section of the new site. I also recommended offering school tours, and I made a tour request form accessible from Why EUSD and other areas of the site, resulting in a significant and sustained number of tour requests.
EUSD was so pleased with the results that they renewed my contract multiple times, leading to a successful four-year relationship. I was even entrusted with providing extensive group and one-on-one trainings and mentoring to numerous district staff members.
The impact of our partnership led to rave reviews from EUSD leadership and actual users:
Want to learn more? Read on for a deep dive into my methodical, collaborative process.
Or, if you’re short on time, select the section that interests you most:
- Phase 1: Research and Strategy
- Phase 2: Design and Development
- A Closer Look at the Finished Product
- Phase 3: Strategic Marketing and CX
Phase 1: Research and Strategy
I began the project with an extensive, two-month-long research and empathy phase, which included:
- Meeting with the superintendent’s executive cabinet on multiple occasions to learn about their needs and strategic goals.
- Conducting interviews, focus groups, and surveys to discover the needs and frustrations of critical stakeholder groups, including parents, teachers, staff, administrators, and community members.
- Reviewing Google Analytics data from all existing EUSD websites to determine top content.
- Utilizing heatmapping on the old district website to visualize user needs and behaviors. These heatmaps made an immediate and obvious impact on EUSD’s executive cabinet, convincing them of what wasn’t working, and making it easier for them to embrace the culture change needed to make the project a success:
My research revealed five strategic priorities that drove all project management, design, and development:
- The new website would need to be organized and designed around an audience-centric approach so that each of EUSD’s different stakeholder groups would only see content relevant to them.
- To make the audience-centric approach a success, the new site’s content management system (CMS) would need a highly-customized tagging workflow to route audience-specific content to appropriate pages.
- Due to budgetary and staffing limitations, all aspects of the CMS (including audience tagging) would need to be as intuitive as possible so that EUSD staff could easily maintain the site after my consulting contract ended.
- Due to the large number of Spanish-speaking parents within EUSD, we would need to publish some site content in both English and Spanish, and work with the district’s staff translator to develop a translation workflow.
- Surprisingly, many people were unaware of EUSD’s significant advantages and award-winning programs. As a result, we would need to sell the benefits of EUSD to prospective parents (both on the new website and beyond), much like universities pitch themselves to prospective students.
With buy-in from the superintendent’s cabinet on these strategic priorities, we moved on to the next phase of the project.
Phase 2: Design and Development
Over the next four months, I worked closely with EUSD’s talented Technology and Innovation team to build and launch the new site. I served as de facto project manager, coordinating meetings and allocation of critical tasks.
Noteworthy design and development milestones included:
Modernizing the building blocks of EUSD’s look and feel
The district’s colors, fonts, and other design elements were either unrefined or completely undefined. As a result, we scrutinized and standardized everything with a particular emphasis on achieving a high level of accessibility under the Web Content Accessibility Guidelines (WCAG).
I also modernized EUSD’s beloved, long-time school bell logo to be more readable and recognizable at any size:
Choosing WordPress as CMS and customizing it to the extreme, including on-screen trainings
WordPress was chosen due to its flexibility and massive library of powerful plugins. Using a mix of plugins and custom PHP code, I redesigned the appearance and functionality of the WordPress dashboard and editor interface to accomplish three things:
- Create the tagging workflow needed to route audience-specific content to the correct areas of the website.
- Reformat the WordPress editor to present content fields logically and sequentially for a more intuitive, step-by-step editing experience.
- Create expandable on-screen training tips right next to each content field. This, combined with extensive in-person trainings, would empower EUSD staff with the skills needed to maintain the website well into the future.
Please note: Due to the proprietary nature of my WordPress trainings and customizations, I can’t show extensive screenshots here. However, I’d be happy to give a private demo.
A groundbreaking redefinition of the home page
During the design process, an idea came to me that was inspired by my research findings:
What if the new EUSD home page consisted of a brief marketing message, followed by a simple menu where users could select their audience with a single touch or click? Doing so would reveal their audience’s home page featuring content custom-tailored to their unique needs.
I created conceptual wireframes to demonstrate this idea:
The Technology and Innovation team loved this approach, so it became the basis for our final home page designs.
Devising a content strategy and content production plan, including a simple Spanish translation workflow
Working with EUSD staff, we audited content on the old website, all the way down to the PDF level. The result was a comprehensive content strategy that identified what should stay, what should go, what needed to be created, and which audiences should have access to it.
This process also helped us allocate and track content production tasks in the weeks leading up to the site launch, as evidenced by my project management spreadsheet:
I also developed a strong relationship with EUSD’s staff translator (made possible, in part, by my having taken four years of Spanish in school). Ultimately, I created a simple, two-column Google Docs template where he could easily read source English content and supporting instructions at left, and write in his Spanish translation at right. This allowed him to forego WordPress training in favor of a simpler tool he was already familiar with:
A Closer Look at the Finished Product
Although the new eusd.org was built on WordPress, I did not use an off-the-shelf, cookie-cutter WordPress theme.
Instead, drawing on my years of experience coding HTML and CSS, I created a fully-custom (and highly WCAG accessible) WordPress theme specifically for the unique needs of EUSD.
Beyond the main home page shown at the beginning of this success story, I developed a complete family of content templates, including:
Audience home pages
The final audience template was true to our original, research-driven concept. It offered different content regions for different purposes, perfectly balancing the marketing communication needs of the district with the practical, day-to-day needs of the user.
Also, notice the prominent “Vea en Español” (ie: View in Spanish) button at the top of the page. The site intelligently senses whether equivalent Spanish content has been published for any given English page and displays this button accordingly — much more intuitive than the obscure translation menu on many websites:
The schools subpage
With 23 schools, plus home education and preschool, we needed a way for people to quickly access school-specific content. Our schools page layout accomplished this by offering a choice between an expanding “accordion” of basics (like contact info, tour requests, and a welcome video), or going to the stand-alone school website for comprehensive info:
Notice the optional, full-width banner image, plus a variety of CSS-driven formatting options in the main content area:
Best of all, every template is fully responsive for fast, optimal viewing on any device, including smartphones:
Phase 3: Strategic Marketing and CX
As I mentioned earlier, Why EUSD is a key feature of the site. Modeled after a college admissions website, Why EUSD acts as a welcoming entry point for prospective parents, offering ten dedicated subpages that tell the story of the district’s biggest strengths and advantages. I selected these “selling points” and wrote all Why EUSD content after extensive consultation with district staff and leadership during the research phase of the project:
But merely having such a critical resource means nothing if people don’t utilize it. They need to be able to find it, and it needs to convert, leading them to the next step in their customer journey.
That’s why I helped EUSD launch an extensive strategic marketing campaign to fight back against negative perceptions of the district (and public schools in general), and drive traffic to Why EUSD. The campaign was centered around a slogan I created in response to common emotions that emerged during the research phase:
“You want the best for your child — and so do we.”
The campaign reached out to parents through a number of channels, including Facebook, a monthly email newsletter, and “good news” articles on the EUSD website. I created a significant amount of content for each channel.
We even created a 30-second video ad that ran in the #1 position before every movie and showtime at Escondido’s movie theater during the busy 2016 holiday season. EUSD staff shot and edited the ad, and I wrote the voiceover script and negotiated the ad buy with the theater rep. We also simulcast it on Facebook, where it became one of EUSD‘s most popular posts.
But great marketing doesn’t just sell — it helps.
Choosing where to educate your child is a big decision, and we recognized that different parents would be at different phases in their decision-making process. As a result, we placed three distinct calls to action at the end of each Why EUSD subpage to provide helpful next steps for every parent, regardless of where they are in their customer journey:
I also coordinated with EUSD enrollment staff to ensure that all registration-related content was consistent across every digital and physical touch point, including Why EUSD, online registration systems, Facebook, email, and paper packets and letters mailed home. The result was a more cohesive, end-to-end customer experience that made the registration and enrollment process less intimidating for parents.
In fact, my emphasis on big-picture CX is why the overall project was so successful.
If we had treated it as a mere website redesign, we would have ended up with one great experience, and a bunch of others that were lackluster. The customer journey would have been incomplete and full of friction.
Instead, we scrutinized absolutely every experience — including essential underlying elements of employee experience (like training) — and we integrated them in a seamless fashion. That’s why EUSD is now able to offer CX that’s best in class, and I’m very proud of my role in making it happen.