FLUX, an annual magazine, needed a dynamic homepage that showcased the publication’s latest work: weekly news stories during the school year and magazine content when it came time to publish in late spring.
Limited by university host site requirements and budget, creative HTML and CSS were applied to build a visually engaging website that reflected the design of the magazine.
The magazine’s table of contents maintains a visual element within the confines of the web host, using key photos from each story as interactive buttons. Hovering over each photo reveals the title of the story.
Each story page maintains a simple design, highlighting the written and visual content.
For design-heavy magazine spreads, jpegs of the design pages were hosted onsite with some body text and key words to maximize SEO. The files were large enough to remain full clarity without compromising page loading time.
University of Oregon Clark Honors College
As web editor for the University of Oregon’s Robert D. Clark Honors College communications department, my role was to maintain a website that provided current and prospective students, faculty, and other community members with key information and updates about the college. All website content strictly adhered to the university style guide and ADA/accessibility requirements.
Professor pages were designed with current and prospective students in mind. Faculty contact information and dynamic term information are placed at the top of the page while their areas of study and professional experience were detailed lower on the page.
As a way to provide insight to prospective and current students on what a particular Clark Honors College class was like, course features were highlighted in the college’s magazine, Scholar. I designed the complementary website layout to be highly visual with distinct sections that mimicked the feeling of turning a page.
For photo-centric layouts, like a highlight on the Class of 1967, the backgrounds were kept simple and distinct. The photo layouts were coded to change dynamically with screen size.