Profile page of original intranet - very boxy and text-heavy

Family tree of original intranet - outdated look and users often would ask how they add more people to their family tree. Not immediately clear who family members are unless you hover over the image.

Sketch idea for homepage. Trying to include a news feed, calendar, twitter feed, along with a whole bunch of important links while still keeping visually interesting

Sketch idea for our "knowledgebase", basically where all our shared documents are stored.

Sketch idea for the page that allows management of each Chapter

Base theme used for the new intranet. Many modifications made especially to the home page and navigation, including keeping nav always on top, removing the nav from over the slider, and creating a 3-column layout

Used a plugin to add custom CSS instead of modifying files directly. Note @media CSS options to deal with browser window resizing, allowing site to be mobile friendly

Used a plugin to add PHP "snippets" to the site to add a number of extra features, usually through implementing hooks and filters

Custom access determined by user roles, both on the front end and in the admin area. 

WiseChat plugin used to run our chatroom (we hold online meetngs regularly as we have chapters throughout the country). Note the "Save Chat Transcript" link - the plugin didn't have this feature so this was added on by me

All-in-One Event Calendar plugin allows us to add events directly through the website or through our organization's Google calendar. Users are able to subscribe to keep updates on their personal calendar app. Primarily un-edited except for some minor CSS styling

bbPress plugin used to run our forums. The plugin integrates with the plugin that handles our user accounts. Styling done to keep look and feel consistent with rest of site.

WooCommerce plugin used to handle various fees that were formerly only submitted by check. This allows chapters the option of picking the payment method and digitizing the entire process if desired.

Knowledgebase page. Important documents, along with folders for each Chapter, archives, and more, are all accessible here. National Officers and Chapter leaders are able to upload/update files

Screenshot of part of our Address List file. File is created on-the-fly as each user's request. Contact information is pulled from the database, so the list is always as current as each user keeps their information.

Login page, with added Coat of Arms and information for anyone having trouble.

 Intranet homepage. User is greeted with their name in the top right corner, along with a variety of information. A feed of the three upcoming Fraternal events on the left, and a feed of the three most recent forum posts on the right. Under the sliding gallery, to the left is the social wall of each user (similar to Facebook). In the middle are articles posted by the national officers of the fraternity. To the right is a mini-player for the organization's unofficial spotify feed, and directly below that is a Twitter feed that displays posts from all known fraternally-related accounts.

Page where users can choose which Chapter they would like to view officers for. Instead of just a list of the Chapters, visual circles with animating hover-overs are used.

Old way of viewing leadership roles vs new. Old was just a list of names and emails, new provides more information; users can now see the names of each officer or representative, along with a photo and bio if provided. Image links directly to the respective user's profile.

 

Officer pages are dynamic, so as officers are updated, or someone updates their information it is also updated here. Eliminates the need for someone to manually update the page. 

Displays a list of all active members at the Chapter that the current user is part of. Links right to each user's profile. Allows leaders to compare (and then move on to update) their list of actives against what is listed on the intranet. Again, created dynamically via database information

An example of one of the reports that each Chapter needs to submit semesterly. Form generates the number of "initiates" and their content based on a prior question. On form submission, a styled email containing the form information is sent out to the appropriate bodies.

UltimateMember, the community-based plugin that we use, allows for notifications. Additionally, through hooks and filters, I was able to create several other custom notifications.

User creation form that I built, as the UltimateMember plugin and WordPress did not allow for addition of extra fields that our users need for their accounts

Page that handles the updating of officers. Also manages the privileges associated with each role.

 

This page has tripped me up multiple times; keeping track of who is supposed to have what privilege, especially if they gain or lose a role with less privilges, had me rewriting the form submission code more than once.

Settings page. Contains standard settings along with a custom tab I created for managing subscriptions to various mailing lists.

 

Of importance: not only does this page handle subscriptions, but as users update their email address, a hook is used to trigger an event that removes their old email and adds the new if they are subscribed to any lists.

User profile page, on the "Fraternal History" tab. History is "created" when a user is made inactive, and stored in the database to be loaded here.

Note custom buttons and tabs on this page: 
-A button to make the user active/inactive (toggles)

-A button to give the user a national officer position

-A tab that displays the Fraternal History of the user

-A tab that displays the Lineage (family tree) of the user

Profile also displays custom information such as which Chapter the user is active at, and what positions they hold

Profile page, on the Lineage tab. Tab displays each user's Big and Little Brothers, along with who was in their pledge class. The user viewing the profile will also be provided with information about whether the person is part of their family tree or not, and the ability to add or remove them from their tree as needed. Each name links directly to the Lineage tab page of the user's profile, so it's easy to traverse up and down the tree.