Need some inspiration for building your website?
Take a look at these user-friendly sites created at EWU. These model sites have been featured here for good designs, structure, content, or creative use of Page Builder modules.
This site is notable because of its excellent use of the Accordion module. This is a site that has a great deal of information to offer its visitors, but too much text on a page can be overwhelming. By organizing this information into accordions, they simultaneously reduce page length while making information easy to skim through.
EWU Off Campus is notable because of its use of the menu module on the Bellevue College page. This menu doesn’t replace standard menu, but supplements it in a very effective way. Because there is a great deal of information about the Bellevue campus, it warrants being organized in its own menu.
The OCE is featured because of its clean, organized look. The site is well structured, making information easy to find. There is also a fine example of Page Builder’s Content Slider module on their homepage.
EWU in the News is featured for its use of the Posts Module. Blog sites have a default view for displaying posts. The Posts Module offers alternative displays.
Eastern Online is featured mainly for its creative use of both TablePress and the Accordion module. Specifically, it has used TablePress to insert a table within an accordion. This is an effective way to both organize and display information.
The Facilities website is a good example of consistency, particularly the Department pages. Because each department page uses the same layout, users can form expectations about where they can find certain information, which makes the site much more usable.
Giving Joy Day’s site may use a unique theme, but that’s not the reason it’s featured here. This site is notable because it has used Page Builder very creatively. They have utilized the flexibility of row backgrounds and have made good examples of the Countdown module, Number Counter module, and Callout module. Additionally, by condensing their information to the most essential facts and breaking it up into rows, they have made their site very easy to read.
The PUB site is commendable for its information architecture. Its menu in particular is organized well. They follow best practices by keeping their main menu items to a minimum, which makes it easier for visitors to process; they use concise, yet descriptive labels, which makes information easier to locate; and they utilize submenus to group items, making the menu easier to read and scan. On pages, their information is condensed and easily digestible.
Additionally, the PUB site has effectively used the Countdown Timer and Slideshow modules on the homepage, the Gallery module on the Renderings page, and TablePress on multiple pages. Overall, they have a visually appealing, readable, and navigable site.
Overall, Student Employment’s site is a well-organized site that makes use of consistent layouts and strong information architecture, but they are especially notable for the way they have considered their audiences. They have defined their main users: students, supervisors, and off-campus employers. Then they structured their site to fit the needs of those groups. Because of this, relevant information is easy to find, making the site very usable.
Student Employment also effectively uses the Content Slider module and the Posts Carousel module on their homepage.
Check out Summer at EWU’s Tuition & Deadlines page for a good example of TablePress at work. For an example of the Collage view in the Gallery module, see their Gallery page.
This site is notable because of its use of creative headings, as well as the consistency of those headings. Each page has the same structure: a banner-like photo with a heading and an overlapping icon. This is a particularly good example because the text is not actually part of the image, but placed with Page Builder. The photo, icon, and bar are a single image, set as the background in the row, while the text is overlaid on top. Because the text is not part of the image, it is accessible to users of screen-readers.