Sierra Club Insider Magazine

Sierra Club Insider Magazine

Sierra Club Insider Magazine

Transforming an email newsletter into a print publication

Transforming an email newsletter into a print publication

Transforming an email newsletter into a print publication

magazine spread
magazine spread
magazine spread

Client

Sierra Club*

Sierra Club*

Sierra Club*

Tools

InDesign, Illustrator, Photoshop

InDesign, Illustrator, Photoshop

InDesign, Illustrator, Photoshop

This concept design focused on building a comprehensive cover and spread system for the Sierra Club Insider newsletter, elevating it from a bi-weekly email into a quarterly print publication. This project adhered to Sierra Club's brand guidelines and remained within the aesthetic of other official publications, like that of the Bay Area Chapter's Yodeler magazine. The end result is a vibrant and colorful publication that will have it's club members eager for each issue.

The Challenge

The Challenge

Currently, the Insider is a HTML newsletter sent out bi-weekly to club members. The format is based on a 2 column grid and features a basic combination of images and text. As an email, it is effective and simple. For a magazine, we will expand this basic format into a more dynamic and comprehensive design.

The Solution

The Solution

The Sierra Club explains itself as a grassroots environmental organization based in the United States, with many local chapters. Their goal is to amplify the power of their millions of members and supports to help defend everyone's right to a healthy world. An official magazine would need to reflect this love of the environment, down-to-earth nature, and vibrancy of it's diverse members and coverage of issues. The goal is to provide a platform for communicating important issues, campaigns, and events while engaging the reader with beautiful illustrations and photography.

Cover

Custom masthead
Design programme
Prominent illustration

Cover

Custom masthead
Design programme
Prominent illustration

Cover

Custom masthead
Design programme
Prominent illustration

Design

Nature & wildlife
Vintage / mid-century
Explore & grow

Design

Nature & wildlife
Vintage / mid-century
Explore & grow

Design

Nature & wildlife
Vintage / mid-century
Explore & grow

Spreads

10 x 10 grid
Branded theme
Inspire a journey

Spreads

10 x 10 grid
Branded theme
Inspire a journey

Spreads

10 x 10 grid
Branded theme
Inspire a journey

magazine spread
magazine spread
magazine spread

Masthead

Citrus Gothic typefaces
Sierra Club brand colors

Cover Illustration

Palette based on season
Landscape silhouette
Spans cover + back cover

Headers

Mostra Nova typefaces

Masthead

Citrus Gothic typefaces
Sierra Club brand colors

Cover Illustration

Palette based on season
Landscape silhouette
Spans cover + back cover

Headers

Mostra Nova typefaces

Masthead

Citrus Gothic typefaces
Sierra Club brand colors

Cover Illustration

Palette based on season
Landscape silhouette
Spans cover + back cover

Headers

Mostra Nova typefaces

The Inspiration & Final Covers

The Inspiration & Final Covers

The design for the covers was inspired both by mid-century travel posters and the beauty of the varied nature across the United States. The typeface choices were guided by popular mid-century style forms.

magazine spread
magazine spread
magazine spread

Each issue has it's color scheme based on that quarter's season; spring, summer, winter, and fall. The illustrations must be vector art that is a silhouette landscape with a Sun element for cover page. These illustrations can have people, animals, or plants for the objects in shadow. The illustrations must be large enough to overflow onto back cover. The front cover provides a framing to place article headers and sub headers.

The final vector illustrations chosen for this concept design were found in Adobe Stock and designed by the artist named Amil, with some adjustments made to size or placement of forefront silhouette elements.

A custom masthead was designed utilizing Citrus Gothic Regular and Citrus Gothic Shadow Regular. The word "Insider" was color treated with whatever official Sierra Club brand color best fit the palette of each issue. This color is extended inside for design elements, like the framing blocks.

A custom masthead was designed utilizing Citrus Gothic Regular and Citrus Gothic Inline. The word "Insider" is to be colored with an official Sierra Club brand color that best fits the palette of each issue. This color is extended inside for design elements.

magazine spread
magazine spread
magazine spread
magazine spread
magazine spread
magazine spread
magazine spread
magazine spread
magazine spread

Designing the Spreads

Designing the Spreads

Built on a 10 x 10 grid with .125 inch gutters, the internal spreads feature beautiful photography, illustrative elements, and well organized typography to help take the reader on a journey and keep them engaged. The body text utilized Merriweather family of typefaces and Lato family for headers and subheaders, following along with Sierra Club brand guidelines. Getting to the final designs required some exploration and a few iterations.

Sketching Wireframes

Initial sketches focused on building spreads with ample white space, engaging photographs, and various block and circle elements to stylize.

magazine spread
magazine spread
magazine spread

First Iterations & Style Change

Initial iteration of interior spreads focused on establishing hierarchy of information, stylized circle and rectangle elements, and photographs. After review, these designs needed to be refined and better aligned to a grid. Additionally, it became clear that the shape elements and full color backgrounds were not working. There would be a medium to high volume of text to apply to each page and more space was needed without reducing whitespace.

magazine spread
magazine spread
magazine spread

Final Spreads

The final iteration of the spreads better adhered to a 10 x 10 column grid and allowed the photographic elements to be shaped and placed in such a way as to provide the engaging elements throughout the pages. Images can be sized or shaped in ways that would guide the journey of the reader. Color background was removed and the article titles were stylized with the sizes of the columns of body text varied to complement the photographic treatments.

magazine spread
magazine spread
magazine spread
magazine spread
magazine spread
magazine spread
magazine mockup
magazine mockup
magazine mockup

*This was a student project

Thank You =]

Thank You =]

Thank You =]

© Copyright 2024

Storee Moss

powered with

Contact Me

Have a project in mind or interested in hiring me? Lets chat!

© Copyright 2024

Storee Moss

powered with

Contact Me

Have a project in mind or interested in hiring me? Lets chat!

© Copyright 2024

Storee Moss

powered with

Contact Me

Have a project in mind or interested in hiring me?
Lets chat!