We have some wonderful program pages to share with you. These are great examples of how you can lay out your content for program participants, volunteers, and other people who are involved with or interested in your program. Here’s initial feedback we’ve been hearing from all of you about the updated design features:

  • “The sample webpage looks great!  I love the ease of navigation and how well it showcases 4-H.”
  •  “Love the ‘new’ website layout!….Really like the ‘call to action’ addition!”
  • “The overall appearance is very aesthetically pleasing….The design helps with visually de-bulking the content.”
  •  “This looks great! I appreciate that you’ve simplified & condensed the menu.”
  •  “[It] will really help to showcase the work of the volunteers locally, so thank you!”

Master Gardener local programs

  • Polk (western region example)
  • Lincoln (coastal region example)
  • Josephine (southern region example)
  • Umatilla (eastern region example)
  • Wasco (central region example)

Check these out too:

4-H local programs

These pages also turned out well:

More local 4-H examples will be coming soon.

Statewide Program

About the examples

The above examples were created through a partnership between EESC and these groups. A 4-H and Master Gardener local program was selected from each region. They were selected because they had a lot of wonderful content added to their pages, which gave us a great starting point.

Tips and recommendations for program pages

Think about how your current content will best fit into this style.

  • Do you need to craft a more concise program description?
  • You can use nested subpages to make the menu not so long and help users find the content they are looking for. Do you need to create nested subpages so the side menu is shorter?

Training materials

Getting help and sharing feedback

We can walk you through how to create this look when you’re ready. Send us questions, training requests or your feedback on the designs!

Thank you

A shout out to Alisha Atha, Holly Burton, Rose Clarke, Shevon Hatcher, Renée Johnson, Samara Rufener, Sara Runkel and Michelle Sager for partnering with us to create the examples programs listed above. We greatly appreciate the content you added to the website before we got started—and your feedback and suggestions along the way! Thank you!


Website updates

  • Your profile pages on the OSU Extension website will automatically display some Digital Measures information. This includes the awards and presentations you’ve added to Digital Measures. To turn off the display of one or all of your publications and awards on your Extension profile, log into Digital Measures and go to the Activity menu. Click on Awards and Honors and/or Publications and Intellectual Contributions, and change the sharing option to “no”. This updates every 12 hours.
  • EESC added a food safety and preservation hotline “call to action” to the OSU Extension homepage; let us know if you want the topic page announcement tagged to show on your county page.
Print Friendly, PDF & Email

2 thoughts on “Fabulous program page examples

  1. Some beautiful pages here! Thanks for all the great work. Question: Whom should we contact if we see something that should be corrected?

  2. Hi Janet,
    Thanks for taking a look! Glad you liked the designs. You can contact the Web and Content Strategy team (see Help menu) if there’s something that looks like it’s not technically working. If there’s content changes or related suggestions, then the state or local program web group coordinator can be found under Content Teams/Web Groups menu at the top of this Navigator blog site.
    Thanks,
    Michele

Leave a reply

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

required