eChalk School and District Website Examples

LHRIC District Home Page

• The Lower Hudson Regional Information Center (LHRIC) Instructional Technology center uses cool blues and crisp white to give their page a calm and professional feel. 
• The information bar above the navigation includes a call to action: you can click to schedule a tour! 
• Their social media links are embedded right into the banner below their name. 

LHRIC District Home Page: Below the Fold

• Scrolling down on their home page reveals announcements, a photo gallery, quick links, events and social media feeds. 
• The navigation bar now remains at the top of the browser window as you scroll down. 

LHRIC District Our Team

• The "Our Team" page highlights the skills of their team and the services that they offer to LHRIC districts. 
• The team photo adds a personal touch. 

LHRIC District Department Page

• Groups and departments have their own pages. 
• These pages allow groups to share more specific news and events for their members. 

Pawling Central School District Home Page

• Pawling Central S.D. makes great use of the Prestige theme with a rotating carousel of high-impact images. 
• The pictures they have chosen complement their bold orange and charcoal theme colors. 

Pawling Central S.D. Home Page: Below the Fold

• Scrolling down the home page reveals announcements, upcoming events, social media feeds and a picture carousel highlighting recent events. 
• The navigation bar (which starts at the bottom of the page below the banner) now remains at the top as you continue to scroll.
• The white background keeps the look clean and simple, and lets the colors in the menu bar and their photos really pop. 

Pawling High School Home Page

• Schools within the district also use the Prestige theme and district colors, providing a unified look and feel across all of the websites. 
• Schools personalize their pages with their own news feed, pictures and calendars. 

Pawling Central School District Menu

• The navigation is simple and intuitive, providing easy access to everything with minimal clicks. 
• Here, they have organized important information for parents. 

SWBOCES Adult Services Home Page

• The Southwest Board of Cooperative Educational Services (SWBOCES) Center for Adult and Community Services uses their website to showcase their services for local school districts and community members. 

• The muted gray and green color palette and larger blocks are sophisticated and easy to read. 

• The center uses a rotating picture carousel in the top row to highlight the different vocational areas they support. 

SWBOCES Adult Services Career Page

• Potential students can browse available courses on pages for each career track. 

• The Mosaic theme highlights all of the healthcare options very nicely on this page. 

• Using a simple grid for the page layout makes it easy to quickly browse through the available courses, while the alternating colors add visual interest. 

Island Park puts important information front-and-center with this bold use of the Mosaic theme. The home page features the information parents look for most often, including news, quick links, the district calendar, school lunch and payment information, and even a local weather app. The side navigation makes it easy to find additional information and resources and toggle between the district and school websites. 

The Mosaic theme and district colors are carried through to the individual school websites. This continuity makes it easy for parents to locate information on the different sites and provides a sense of unity among the schools. 

Lincoln Oren Middle School makes great use of Teacher Pages. Teachers use their pages to keep parents and students up-to-date with important class information, calendars, and assignments. 

Parents can find all of their children's teachers in the auto-generated Class Directory. 

Royal blue, white and grey give this district website a clean, simple look. The website is anchored by a large photo celebrating their students. 

Scrolling down on the home page, visitors will find important news, announcements, and events. The two-column page layout works well here. 

Westbrook uses eChalk Groups to organize their departments. Each department has a group, which allows them to control their own public webpage, news feed, and calendar. 

The Human Resources webpage has important announcements and resources for staff, along with information about working for the district. 

The William Cullen Bryant home page uses the Marquee theme. Their simple use of color gives the site a clean, appealing look. The top navigation is well organized to make everything easy to find. 

William Cullen Bryant is organized into Small Learning Communities (SLCs). This page highlights each SLC with important information and their unique mission. 

The Google Translate tool allows website visitors to translate the entire site into their native language. Website translation helps them serve everyone in their community. 

Shelton Public Schools Home Page

• The Shelton Public Schools home page includes a video message from the superintendent, upcoming news and events, and quick links to the resources families need the most.

• Using one bright color with a soft neutral gray secondary color makes this Marquis site look inviting and professional. 

• Banner alerts draw attention to time-critical information. Alerts can be pushed down from the district to all school sites. 

Shelton Public Schools Pop-Up Alert

• Clicking on the banner alert brings up a pop-up with more information.  

Shelton Public Schools School Site

• Individual schools also use the Marquis theme and maintain consistent colors and navigation.

• The Quick Links and District News blocks link directly to the district site, so updates automatically appear across all school sites. 

Shelton Public Schools Calendar

• This unified calendar pulls information from both the school and district calendars so busy families can see everything in one place. 

Oysterponds Union Free School District Home Page

• Oysterponds Union Free School District uses rotating images of their students and community in the banner of their homepage. 

• Using bright, colorful images takes full advantage of the visual Reprise theme. 

Oysterponds Union Free School District School Board

• The School Board page has links to meeting notes, information about upcoming board meetings, and other important information. 

• Having a dedicated landing page for Board news keeps everything organized and makes it easy to meet reporting requirements. 

Nyack Public Schools Home Page

• Nyack Public Schools makes great use of the Reprise theme with a rotating carousel of banner images that highlight their students, schools, and local community. 

• The bridge chosen as the leading image echoes their district motto: "Building bridges for today's students."

Nyack Public Schools School Directory

• The school directory makes it easy to find individual schools in the district. 

• Pictures of the schools make the directory more visually appealing. 

Nyack Public Schools School Site

• Individual schools also use the Reprise theme for visual consistency. 

• Each school has its own rotating carousel of images highlighting their students and special activities. 

Nyack Public Schools Athletics

• Students and parents can find all of the latest updates on their school teams on the Athletics page. 

• The large picture carousel at the top has highlight pictures from recent games.