The American Society for Engineering Education runs a blog and newsletter with original content and resources for engineering college and graduate students. Students can find news, internships, scholarships, and other opportunities.
Original website was optimized for mobile but not responsive -- it looked exactly the same on different screens, including desktop. No clear navigation allowed readers to get to the information they wanted.
Content was also not organized like a typical news or blog, although the website got new content almost every day.
The goal was to redesign the site and create an acceptable desktop version.
Original layout approximation (no "before" screenshots but these wireframes are pretty accurate):
Reviewing the site analytics and newsletter analytics revealed a handful of sections that students were interested in (internships, scholarships, and links to other orgs/resources), and barely any traffic to other article types aside from featured stories.
Ideally, students would be able to read this blog much like they would on any other news site. Business goals included showcasing more of our content in a more obvious way -- having a section for featureds, most recent, and multimedia/video articles. Since this site is updated almost daily, it makes sense to display this content in a way that the front page remains fresh and new as often as possible.
Suggestions for improvement:
Making popular or featured sections more obvious
organizing post types and displaying them on the front page to show lots of content, similar to a news site. Grouping content types into: Features, shorts, videos, internship opportunities, interviews, etc.
Final product was done in Wordpress. Sidebar allows for quick navigation. Featured stories at the top, video articles on a right sidebar and most current articles in the center. Popular pages are accessible via the sidebar. Site is also responsive