Taking an online science journal from the 90s into the 21st century.
Ecology & Society is a "a journal of integrative science for resilience and sustainability" . It was one of the very first science journals to publish online, launching their website in 1997, a revolutionary change in the science and research community. In 2022, I took on the job of redesigning that same website from the '90s and bringing it forward to the modern day, with better user experience, visual design, and tools for readers, publishing scientists, and editors.
I completed this project while employed as a Senior Designer at Office/Bureau, working closely with the development team.
The original website built in 1997 (left), and our redesign in 2022 (right).
This website was designed in the '90s, and not much had changed in the 20+ years since. Our work was cut out for us. Inspired by nature, maps, and geology, we settled on a soft green palette with lavender contrasting, and I created a small library of textural patterns emulating topography hatching for subtle definition. We settled on Optima as our primary typeface, leaning on its history as one of the earliest available web fonts (in line with E&S' pioneering background), and combining it with Right Gothic, whose wide font in particular gave nice contrast to Optima and stood out for titles and headlines, bringing some modernity to the design: a combination of old and new.
E&S publishes hundreds of papers a year, their topics running the gamut. These papers come from hundreds of different authors, with all kind of different contents: multiple sections and annotations, mathematical equations, figures and tables, and more. We had to design a website that made all that information equally available while not being visually overwhelming; users had to be able to navigate to the pieces they needed with as few clicks as possible.
We added a handful of features on the Article pages - the most used and arguably most important pages - to contain all the info that comes with a paper without being overwhelming or adding any unnecessary steps to access.
The E&S site is huge, housing hundreds of papers as well as E&S' own publication information and background on their editorial team and history. We had to create a set of functions, tools, grids, and systems to display all this and make it accessible and navigable. Below are select pages showing some of the UX design, visual design, and information design work myself and our team did.
Click on any thumbnail below to enlarge.
Bachelor of Design in Graphic Design
OCAD University, 2011.
Skilled in Adobe Creative Suite & Sketch.
Skilled in HTML & CSS coding.
Familiar with animation (Photoshop) and AODA requirements for print and web.
Senior Designer, Office/Bureau
Art Director, H+K Strategies
Teacher (Art Direction), Toronto Film School
Art Director, Publicis
Art Director, Juniper Park\TBWA
Designer, Critical Mass
Web Designer, Indigo Books & Music
Lead Designer, Blue Ant Media
Designer, WIND Mobile