HSU Department & Promotional Websites

While at Humboldt State I designed and built a lot of websites. Some for internal purposes like promotion of events, some for Departments and groups and a few for larger University initiatives. I've collected a cross section of those here.

Home  ›  Work  ›  HSU Department & Promotional Websites

Centennial Website

One of the bigger happenings on campus while I was here, was Humboldt State celebrated their Centennial. There were a lot of special events put on, along with this website. The site was built in ExpressionEngine. Originally, the site was static but I ended up making it responsive a few months after it was launched.

The site had a lot going on. You could submit your stories and photos to be displayed on the site. I set up the front-end forms and set up the curation. At the top of the site, there is a really large slideshow featuring images from different time periods on campus along with descriptions. Below that was events feeds, a blog and interchangeable content and promotions.

  • Interface design & layout
  • Responsive Design
  • Content updates & curation
  • Front-end html/css
  • Developed in ExpressionEngine

View Site

Centennial Website Design

While the Centennial was on, the homepage was in pretty constant flux. Here is an example of some of the content that was housed just below the image slider.

centennial homepage content

Center Arts

Center Arts puts on the majority of concerts and speakers on campus. They were using an existing Drupal install but we both felt it would be better to start over from scratch. So I designed the new site, responsive site and built it using Drupal 7. Besides having a fresh design they also wanted to make publishing events easier, so I removed/restructured a lot of fields in the backend.

I also created a lot of default options for fields, an easier way to crop and save images, and a more flexible date system so events would automatically publish on a specific date and unpublish after the event had passed. The site relies pretty heavilly on the Views Module for displaying the individual content pages and the various sliders and slideshows.

  • Interface design & layout
  • Responsive Design
  • Front-end html/css
  • Developed in Drupal 7

View Site

center arts website

The site was designed in between seasons so the header designed changed to reflect the branding for that season. The internal page design for the 2013 season is below.

center arts design comp

Geography

I designed and created the html/css for the Geography Department site. They use Dreamweaver to do updates, so no CMS was used.

  • Interface design & layout
  • Static html/css

geography website design
geography internal page template

INRSEP

INRSEP was an organization on campus that helped native american students. The site had a responsive design and was built using Drupal 7. Unfortunetly it is no longer available to view.

  • Interface design & layout
  • Responsive Design
  • Front-end html/css
  • Developed in Drupal 7

INRSEP website design

Loyalty

The Loyalty program is something new that is just being rolled out where donors can see different projects that need funding and voice their input. I started with a simple, one page site where people could get information about the site along with various prompts to get them to update their contact information. Donors were contact about the project through a series of emails.

  • Interface design & layout
  • Responsive Design
  • Static html/css
  • HTML email design and markup

View Site

loyalty site design

Mobile Site

Before the beginning of the Humboldt State site redesign we had a little mobile site. This is the initial concept on the right and on the left is a concept for the new Humboldt State site redesign, a mobile view.

  • Interface design & layout

mobile site design

International Programs

When we first started moving over to Drupal we did not have an install setup for Drupal 7, so this site was built using Drupal 6.

  • Interface design & layout
  • Responsive Design
  • Front-end html/css
  • Developed in Drupal 6

international programs design

Funding

Funding was a one page site that incoming students were directed to, to find important information about application, scholarship and financial aid deadlines.

  • Interface design & layout
  • Static html/css

 

funding site

One Word

The One Word project was a promotion that was created to celebrate the University. People submitted their “one word” to describle HSU. This was an initial mockup for the project.

  • Interface design & layout

one work site design