Senior Project Process Book

ADMIR ARI The Memory Edition

Johnathon Tott-Berger jtottberger@mail.sfsu.edu December 21, 2019

1

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

2

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

Project Overview

The Memory Edition

The overarching concept for this project is “The Pros and Cons of Memory.” The case study used for this concept is Memory Devices and Methods. Memory loss or failure happens to everyone and is a natural part of the aging process. Thousands of people a day forget at least one thing, whether it was forgetting to pick up food on the way home from work or forgetting to grab documents from the printer before you leave the room. With all of the devices and methods out there, how much can we improve our memory if at all, and can we avoid the woes of Alzheimer’s and Dementia. Admirari is an interest magazine that explores different human behaviors and traits in each addition. Some other additions would include Skateboarding Culture, American Dreamers, Sexuality, and Counter Culture Turns Pop Culcture.

CHALLENGES Some of the challenges to this project are gathering the content and developing content digitally for the pages. Competing deadlines make production time stressful and sometimes non condusize to the project. Other challenges include Connecting to my target audience and being able to get them to pay for a physical magazine, printing the document and adjusting for color based on what was printed, and portraying the graphic elements in a unique and fun way that engages with my audience.

BENEFITS People who engage with magazine walk away feeling a little more informed and connected to each other. Admirari looks to affect culture and community on a local level. I hope the readers will connect to the stories and increase empathy and awareness towards different issues. The magazine hopes to develop a community of readers who become

December 2019

more curious of the world around them. Other benefits inlcude getting a grade and hopefully passing the class. The Magazine encourages its reader’s to engage and be curious of the world they live in.

3

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

APPROACH AND OUTCOMES Market Research – Developing market research helped to better understand the types of products and services that currently exist surrounding my overarching concept.

Interview Questionaire – The questions will help guide the types the content that will be used and to help guide the seperation of content into categories and bite sized chuncks that can processed more efficiently.

StoryBoarding — Storyboarding will help piece the chapters together and to organize and develop the flow of the magazine. It helped guide layout choices and strategies for content placement.

Persona Creation – This helped to better understand the tyopes of people that are being reached through the development of this product.

Visual Research – This started by taking notes of things noticed about things from my surroundings that pertain to product. Then it moved to quick rough sketches of inspoiration from the surrounding environment. After that I went into the round of crazy eight sketches where I seperated a piece of paper into 8 equal parts, I chose two sketches from the previous page and worked towards developing those on minute at a time. After the crazy eight sketches I finialized one design and worked to sketch it out and label parts of interest. Other visual research was done through google searchs and pinterest.

Task Analysis – This helped to develop content and provide an interesting approach this helped to develop content and provided an interesting approach to adding content. Interestingly enough, this piece of research was not used in the end product.

Logo Generation – This helped to create a logo for the magazing and to act as a way to promote and present the company of ADMIRARI in the world. Through this process I found lots of intersting designs that would make for cool and fun tshirts.

The shirts could then be sold for fund raising and other financial needs (priting more shirts, etc).

Prototyping – Prototyping helped to visualize the different sizes of text that were needed. It allowed me to see how the product would live off screen which is very important because the porduct always looks different on screen then off. It also lets you see different variations and options.

STAKEHOLDERS

AUDIENCE | USERS

The stakeholders for this project start with my-self as the biggest stakeholder. I have a lot to gain/lose by either doing well or failing on this project. The effectiveness of this project depends on how well I can execute my ideas and if people enjoy it and can connect to it.

Another stakeholder is the publication or studio producing my work. The audience becomes a stakeholder as they will determine my success through amount of copies bought and sold and their reactions to its contents.

Other stakeholders are the retailers who would potentially stock my booklet/magazine/video. A potential stakeholder could also be an outside investor or capital sponsor.

The target audience for this project is young adults between age 18 and 35 years old. My audience has parents, grandparents, or gaurdians who are experiencing or will experience a cognitive memory issue throughout their day to day life. They also include people who have loved ones who have memory issues due to the aging process. They have at some time in their life forgot to do something or had a false memory of a moment in time. They live ordinary lives and carryout traditional everyday tasks throughout their day.

YOUNG ADULTS

• Vague understanding of memory and memory loss • They have a youthful outlook on life • Have a parent or guardian and may have witnessed their grandparents or elders struggle with cognitive issues • Have experience a lapse or loss of memory at different points in time

ADULTS

• Have some understanding of memory and memory loss • Have an understanding of memory care techniques and processes • Have family members experiencing any number of cogni tive issues • Manage busy days and hectic schedules • Have experienced memory loss in their personal life SENIORS

• • • • •

Have experienced memory loss or lapse of memory They have produced false meories before They may or may not have had children They have experienced some sort of stress in their life They may be dealing with a cognitive memory issue at the moment

User Testing – Throughout the process of creating the mgazine I asked people what they thought of the layout, content choice and overall aesthetic of the magazine.

Their feedback helped shape the magazine as well.

4

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

DES 505: PERSONA

Philip the Fulltime Student with a Fulltime Job

BACKGROUND

Education: Currently enrolled in an Undergrad Program at San Jose State University for Visual Design.

Early Career: Freelance designer in spare time.

Has worked for a screen printing company and has created his own tshirt designs.

MOTIVATION

Wants to Graduate from College and enter the Design Industry.

Survives off coffee, fear, and stress to meet deadlines.

DES 505: PERSONA

Lizzy the Fulltime Student with a Fulltime Job

With so much going on Philip often forgets to turn in assignments and complete job objectives.

Wants to be financially secure.

Wants to travel and make new memories.

PAIN POINTS

Sometimes she forgets to write down things she was supoosed to do and forgets about them.

She will see that it can be very difficult to improve your memory and often times those “tools” don’t work.

Philip becomes more aware of how his memory might be affected by his activities.

5

MOTIVATION

Lizzy becomes more aware of how her memory might be affected by her planning mehtods.

RELEVANT BENEFITS PROVIDED BY DESIGN SOLUTION

The design is good for Jeff and the also benefits the greater good.

Early Career: Advertising and Marketing

RELEVANT BENEFITS PROVIDED BY DESIGN SOLUTION

He wants to get better at remembering things but doesn’t use any “tools” to help improve his memory.

“ I’m always balancing time between work, school, and social life. I never seem to have enough time in the day and tend to not make firm plans. I like to play video games, play music and draw when I can.”

Education: San Diego State University

She trys everything she can to not forget a single thing but somehow she manages to forget something at least once a week. .

PAIN POINTS

Philip will see that it can be very difficult to improve your memory and often times those “tools” don’t work.

BACKGROUND

Lizzy will think about memory differently, and may try some of the techniques listed.

“ I like to have every aspect planned out thouroughly before I comit to something.

My planner is my life. I enjoy using smart devices around my home because they help remind me to do things. My hobbies include, running, brunch, and walking on the beach.”

The design is good for Lizzy and the also benefits the greater good because it exposes her to alternative memory methods and an overall awareness that our memory is not as good as we think it is.

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

DES 505: PERSONA

Brandon the Structural Engineer

BACKGROUND

Education: Graduated from Cal State East Bay with a degree in Computer Science Early Career: Started as an intern for the company he currently works for.

Worked for original company, moved up in positions several times and is looking forward to retirement..

MOTIVATION

DES 505: PERSONA

Denise the Single Mom of Two

Wants to spend more time with his family.

Brandon works long hours and is often away on business trips. .

6

MOTIVATION

knows she is getting older and dimentia seems unavoidable as she ages.

With her busy life she knows that she cant remember everyhting but trys to remember what she can.

RELEVANT BENEFITS PROVIDED BY DESIGN SOLUTION

The design is good for Brandon and the also benefits the greater good.

Created her own interior remodeling company and makes her own wine and soaps.

PAIN POINTS

Brandon isn’t sure what is going to happen after his retirement and worriesa bout his childrens future.

Brandon will see that it can be very difficult to improve your memory and often times those “tools” don’t work.

Early Career: Started with an internship and transitioned into working for a kitchen and bathroom remodeling company.

Wakes up every morning to make the best day possible and is happy to be able to get up and start another day.

PAIN POINTS

“ Building something that lasts and serves the community for the greater good is a fun and challenging task. When I am not creating, I enjoy spending time riding my bicycle, playing a round of golf, and spending time with my family. ”

Education: Graduated from University of Michigan with a Bachelor of Arts degree in Interior Design.

Wants to spend more time with her kids and develop long lasting memories for her children.

Wants to remember the good times in life while providing for his family.

Brandon becomes more aware of how his memory might be affected by his activities.

BACKGROUND

RELEVANT BENEFITS PROVIDED BY DESIGN SOLUTION

“ When I am not home taking care of my family’s needs, I am working two jobs. I often do not take time for myself and am constanly taking care of my family. My hobbies include wine making, gardening, running, reading, and scuba diving. I love to be active and take my children on vacations.”

Denise will have fun experiencing the different types of memory and its affects on us. .

Denise will think about memory differently, and may try some of the techniques listed.

The design is good for humanity, it shows the frailty of memory and how we are all pretty bad at remembering things.

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

Deliverables

Costs

Deliverables are generally defined as tangible objects that can be

The costs are defined as spending ammounts that are required to finsih

truned in or reviewed. However they could also consist of articles that

the porject / product. The main cost will be on printing the finished

help guide the overall design, an example of this would be the creation

product. This includes but is not limited to production runs, and

of story boards whcih are used to help guide the finalized layout of

promotional goods. Materials weigh into this a lot as well. Each type of

a magazine or animation. There will be several deliverables needed

paper that the magazine reuqires to be printed on is going to dictate

for this project to be accomplished. The final deliverables consist of a

the cost. Manual proeduction of pieces will also nicrease the overall cost

magazine and memory game.

of production.

Deliverables for this project include:

Costs included:

♻ Overall Story Board

♻ Sketch book

20

♻ Page Story Board

♻ Pens | Pencils

10

♻ Dummy Mock

♻ Markers | Highlighters

♻ Game Ideas Finalized

♻ Printer paper

♻ Prototype 1

♻ Staples

3

♻ Prototype 2

♻ Stapler

7

♻ Prototype 3

♻ Ruler

10

♻ Process Book

♻ Cutting Mat

30

♻ Poster

♻ Packaging

♻ Blog Space

♻ Proto Paper

♻ Online Subscription Form

♻ Poster

15

free 5 13

♻ Sticky Notes

3

♻ White Out

5

♻ Prototype

25

♻ Sticky Dots

5

♻ Final Print ♻ Extra Pages

7

5

90 5 $ 251.00

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

Milestones September—

November–

Concept Development First Document (Spet 2)

Refine Chapter 1 (Nov 2)

Concept Refinement And Final Choice (Sept 9)

Refine Chapter 2 (Nov 9)

Category Research (Sept 11)

Refine Chapter 3 (Nov 17)

Market Research (Sept 16)

Prototype Final ( Nov 19)

Researched Design Approaches (Sept 18)

Refine Over Break

Persona Development (Sept 23)

December–

Stake Holder And Audience Research (Sept 23)

Send file to Blurb (Dec 2) Print second Proof (Dec 3)

October–

Cancel Order through Blurb (Dec 4)

Storyboard and Layout Design (Start Oct 1)

Final Edits Last Tweak (Dec 5-8)

Finalize Reseach Materials (Oct 7)

Final Print at CopyEdge (Dec 9)

First Storyboard Of Entrie Project (Due Oct 7)

Print Inside Game Pages with Flaps (Dec 16)

First Prototype Of Chapter 1 (Due Oct 14) Develop Inside Game Concept/System (Oct 14) Chapter 2 Finalized (Due Oct 21) Chapter 2 Prototype (Due Oct 23) Chapter 3 Finalized (Due Oct 28)

Paste Game page to inside pages (Dec 16) Finalize Research Priorities

Chapter Completion

Poster Printing CopyEdge (Dec 16)

Chapter Review with Crit

Chapter print and review

Final Presentation with Product (Due Dec 16)

Finalize Chapter with revisions

Chapter Edits and Revisions

Chapter 3 Prototype (Due Oct 30)

8

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

RE SE ARCH

Research | Initial Research

RESEARCH NOTES This was the start of my research. The original idea was to create a device that would notify you when it detected movement in the rear seats of your car. Threre was a lot of data out there on the amount of fatalities from being trapped in vehicles. When I started diving deeper into the topic, it became clear that memory itself could be a topic and more specifically the grey areas around it. We rely on our memory for everyday activities and survival, yet we take the process for granted until it comes with a harm. So it transformed from being specifically about children being trapped in cars to memory and memory failure. The next research steps taken were to analyze different programs, treatments, benefits, and harms of memory.

10

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Research | Visual research : Memory Games

1.Bop-It child’s play toy. this game could be played with one person or multiple.

2. A precursor to Bop-It was Simon says, this game requires memory to recall the light pattern. It’s a predissor of the verbal game Simon Says.

3. Merlin is a game system that holds up to six games in one device. One of the games is known as Echo, this requires the user to hit the corresponding key components after the pattern has been revealed.

4. Most people recall this playing this game at some point in their lives. This game has many different graphic forms, from playing cards to educational information on them.

5. Brain Age is a portable game that is played on the Nintendo DS system. They offer a variety of the standard analog style memory games like Sudoku, Crossword Puzzles and other games that encourage brain growth.

6. Happify is a mobile application that focuses on mental health and personal wellbeing. They offer different quizes and games to help keep heir user’s cognitive abilities sharp.

7. Crossword Puzzles are some of the oldest forms of memory games. It relies on the user recalling knowledge of past experiences and learned words.

8. Numbered caption goes here.

9. Numbered caption goes here.

10. CogniFit - IQ Test and brain quizzes, intended to boost your IQ and memory.

11. Lumniosity Mobile and Online application.

12. Memorado, is a French mobile game applicaiton that trains your memory, concentration and much more.

11

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Research | Visual research : Documentation

1. Using mobile applications at memory care facilities in hopes to alleviate the pain of dementia and Alzheimer.

2. Peggy McMartin Buckey, of McMartin Preschool in Manhattan Beach, Cal was accused of allowing a child to be sodomized at the preschool with allegations from hundred of students.

3. Objects and Memory is a documentary about ordinary objects that become memorialized and transcend their meaning into something greater and as a way to honor the terrorist attacks of 9/11.

4. Photo—Graphic Memory is a documentary about a fathers journey retracing his trail of photographs and journals to remember what he was like at his son’s current age.

5. Numbered caption goes here. Ebitis sequam facepe rem.

Et et, officipsam eume dercidu ntiur.

6. Elizabeth Loftus, a cognitive psychologist and expert on human memory. This is a photo of her testifying on behalf of an accused rapist before the court.

7. Numbered caption goes here. Ebitis sequam facepe rem.

Et et, officipsam eume dercidu ntiur.

8. Memory and learning techniques for vocabulary. This is in paperback form and offers different tips and tricks for learning languages.

12

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Initial Research | Market Research

It was during the crazy eight design sprint that the idea for the a magazine started to emerge as a place to tell a story, have people interact with the content, and connect with people through story telling

13

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Research | Crazy 8s

It was during the crazy eight design sprint that the idea for the magazine started to emerge as a place to tell a story, have people interact with the content, and connect with people through story telling. This was done after finding different methods of improving memory as a positive thing but also experiencing stories that come with a harm or unforseen dark side to memory.

14

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Research | Competitor / Inspiration Research

The three magazines to the left capture the style that Admirari is going for in it’s layout design and user interaction inside of the mag. Directly above, illustrates how users might interact with Admirari. Very top of column is an interesting spread for Scholastic Magazine.

1. Junior Scholastic Magazine provides informational articles and topics. The target market for this magazine fits into the target audience for Admirari as well.

15

2. Scientific American’s article style and overall layout is similar to the style that Admirari is going for.

3. Mad magazine has a quirky funniness and pokes fun at while addressing serious issues. The user’s interaction with the magazine is awesome and Admirari is also looking to incorporate user experience in out magazine line.

4. Above is a Fold-In, created by Al Jaffee, for Mad magazine. It is an interesting way to get users to interact with the magazine in a different way then writing in it.

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Research | Mission Statement + Interview Questions

The mission statement really helped to direct the naravtive of the magazine and helped create the order or chapters and how the sotry would be told.

Examining what the audience gets from interacting with the magazine helped to write the narrative and carry the storyline through by providing

The Interview questions helped with research and doubled as content for the magazine. When it came to using the interview questions as content it was hard to decide how to present them. I felt as though the question stand well by themselves and show just how bad our memory is even though we sometimes feel like it is good.

Starting to think about how memory works and how to break it down into chapters.

16

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Research: Interview 1

Tott-Berger, Johanthon

Tott-Berger, Johanthon DES 505 fall 2019 Prof. Glass

DES 505 fall 2019 Prof. Glass

Student Interview Quesitons (Cont’d)

Student Interview Quesitons What is your name?

What is your age?

Have you ever done something without remembering doing it the next day?

What was it? yes, litle things like how I plugged in my usb in my desktop

22 What is your occupation? student designer What are your hobbies?

Eating, Watching Movies, smokin, chillin with friends :0) <3 !

How busy would you say you are in any given day?

Like 1-10, I’, at an 8 every day At your busiest day, how busy does that look?

School, Club meeting, Internship, gym, homework. Barely anytime to eat or sleep Have you ever forgot to do something you set–out to do prior (something you planned before– hand but never did because you forgot)? yes All the Time Have you ever forgot how to get home?

NO

17

How often would you say you forget to do things whether the task is small or big?

Very often!

Have you ever tried any memory increasing applications or games like Lumosity?

No, I have not

Did you ever play any memory games growing up? If so, what were they?

Yes, but I can’t remember specific games.

Ironic, LOL

Do you have any siblings, cousins, or close friends you grew up around?

2 Older sister and Many cousins Has there ever been a moment when you were retelling a story that differed from the memory of another person close to you? If so, do you remember what it was?

Yes. Many stories I recall are about my sisters being mean and picking on me, but the do not see it like that.

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

Research: Interview + Guest Writing

Tott-Berger, Johanthon DES 505 fall 2019 Prof. Glass

Tott-Berger, Johanthon DES 505 fall 2019 Prof. Glass

Student Interview Quesitons (Cont’d) Has forgetting something ever cost you anything? If so, what was it?

Yes, Like if I forgt my Clipper card and have to buy a ticket Have you ever intentionally tried to forget something? If so and you’re comfortable sharing, what was it?

I try to forget hurtful words past lovers tell me because, I will obsess over it if I dont force myself to forget Without looking back, what was the third question asked? What was the First? What were your answers?

First — What’s your name — , Third — I forgot...

Two People, Two Memories, One Event

When I was younger, my cousins from Colorado were visiting in Minnesota. My mom and dad had been divorced for at least 6 or 7 years; my cousins are from my father’s side of the family.

We have always been close with my Cousins Dustin, Paige, Joey, and Tommy. I don’t remember if Joey or Tommy were present on this occasion. Dustin is only a year younger than my sister who is three years older than I am. My cousin Paige is 4 months older than I am. They had come to visit for a family reunion. On this occasion, my cousins were allowed to visit my mother’s house in Dayton, Minnesota. They were planning to spend the night from what I can remember.

My mom’s house was on five acres of land; we were standing in the backyard, it was the middle of the day, probably around 2 pm when all of a sudden, the sky starts to turn dark. The wind started to pick up and before we knew it the sky had transformed from dark grey to emerald green and the winds had drastically calmed down. If anyone is familiar with this type of weather, they know what is coming next. It started to downpour rain and the winds picked up again. A tornado alert warning was being aired on the television, and the storm sirens started to go off.

Before I knew it, Dustin, Nicole, Paige, my mom Liz, and myself are running into the house to take cover and seek shelter from the approaching storm. We were escorted into the basement by my mom. Our basement at the time was unfinished, it was framed out, but no sheetrock had gone up yet. There were two window–wells, in the mid-west these are a necessity for basements, they allow people to escape through the basement windows in case of a fire or emergency. Having these windows in the basement allowed us to be able to see the storm as it approached and came right over us.

The sound is unforgettable, it was like standing next to a freight train as it passes by. I remember seeing shingles from the roof of our shed landing inside of the window–well. It felt like we were in the basement for hours; everyone was huddled together and very nervous.

Finally, after about ten minutes or so the winds die down and the sky started to look less green and dark. The storm had passed; we all went back outside to see the damage to the neighborhood. I remember seeing shingles all over the yard from the shed and the house.

There was tress that had been blown down and leaves were scattered all across the yard. My aunt and uncle came to pick up my cousins and they never spent the time as was originally planned. I think the tornado scared my Aunt and Uncle and wanted to make sure their kids were safe with them.

18

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

19

DES 505.01 | FA 2019 | Tott-Berger, Johnathon

Research | Sotryline Development

This page shows the process of developing the storyline and adjusting content to fit. This was reworked a few times and I kept going back to my notes to guide how I would go from section to section and explain different aspects.

20

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Storyboard | Scenario A

1. Table of Contents and Intro Table of Contents and introduction pages are shown above. The intro begin with a hand written introduction on sticky notes.

4. This page starts to explore how people interperate shared events differently, this is similar to the telephone game played verbally with a larger group of people.

2. Chapter 1 opens up with learning about memory and how it forms. This spread will talk about the hippocampus and then offer a graphic way of remembering the information.

4. This page starts to explore how people interperate shared events differently, this is similar to the telephone game played verbally with a larger group of people.

3. On this page the two main types of memory used for storage and retrieval are explained and graphic elements help ease the readers to understand what is being said in scholastic terms.

5. Storyboard Panel Title Storyboard text. Velitatet que pro que molorum et lautat dolupti omnis explist iatemporem fuga. Mod mi, utem aboritin ea cones noneste consecabo. Me eos voluptat quiant accus sum

Research | Redefining Chapter Flow

22

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Storyboard | Scenario B

Research + Iteration | In Mag Memory Game

This page helps to show a bit of the thought and process of developing the in magazine game and the different elements needed. In the end I used rubber cement to paste the cut 8.5 x 11â&#x20AC;? piece of paper over. This left some white border around the the mag which was a nice feature in the end and tied other styles from the magazine together, like the post it note them.

24

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Cover Sketches

PROTOT Y PE SKE TCHE S

Section Divider Page

Logo Digital Sketches

Logo | Final Logo

M AG A Z I N E

SOCIAL MEDIA

MAGAZINE

MAGAZINE

3 x 3 inches

MAGAZINE

2 x 2 inches

1 x 1 inches

MAGAZINE

27

.5 x .5 inches

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Styles | In Magazine

Mag Name + Chapter Name 8 pt SemiBold

Right Headnote 8 pt Light

In-Chapter Sub-Header 11 pt Medium

Chapter Header 18 pt Extra Bold

In-Chapter Header 12 pt Semi Bold

Body Copy 11 pt Regular

Page Numbers 8 pt Regular

Raleway The typeface chosen for the magazine is Raleway.

The various type families were used to help create hierarchy and order to the flow and overall aesthetic of the magazine. The font choice was made after the second prototype was reviewed.

28

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Design Sketches: Prototype A

PROTO â&#x20AC;&#x201C;1 The first prototype created was sized at 8.5 x 11 inches. The content can be broken down even further to pull out precise information. When scanning, the color of the paper along with itâ&#x20AC;&#x2122;s texture and value appeared in the scan. Wanting to keep the color of the highlighter, the scn was brought in in-color. A way to incorporate the scanned paper effect into the entrire magazine would be to scan a creased blank piece of paper and use the scan as the background for the entire magazine. The size of the magazine feels nice at 8.5x11, although the smaller version has different feel to it. Below and all the way to the right is the prototype created at 6 x 8.5 inches.

The newest round of protoypes include different grid layouts using 3 or 4 column grids.

Above displays the first 8.5 x 11 prototype created for this project. The pages utilized full scans of articles printed from the web.

29

Content Development The page with the orange squares was the begining of the development of the interactive game aspect in the magazine.

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Design Sketches: Prototype A

PROTO â&#x20AC;&#x201C;2 This was the second prototype created for this project. The page size for this prototype was reduced to 6 x 8.5â&#x20AC;? for a single page and 12 x 8.5 for spreads. The booklet had a nice feel however, information started to get crammed against pictures and the reading order felt weird. Do you read the scanned articles, or the text on the side. I felt like this size did not allow me to type as much as I would like to be able to iterate what as being stated in the articles in my own words. This prototype really helped solidify style choices, size, and content structure.

The paper Dummy helped to visualize the size before printing a prototype and offered opportunity to get away form the computer while designing.

30

Above shows the 3-D interactive page. The picture contiuned into the final production of the magazine however, the page layout changed drastically.

Content Development Printing out this layout really helped to visualize the contrast of scanned photos vs actual text and how to include them.

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Design Sketches: Prototype A

PROTO -3 This was the third prototype that was put together. The size went back to 8.5 x 11” for single page and 17 x 11” for full spreads. The content had room to breath and the body text leading was increased to allow for better readability. The game idea was fleshed out and I knew exactly what I needed for the game. Throughout the different prototypes created the magazine and it’s content morphed into a publication that is interactive in multiple facets. This prototype was created by by printing all the pages out on 11 x 17” paper, folding them in half, spray gluing the backs, lining them up after they have been sprayed and then pressing them together. This process was done page by page and took about 30 minutes. once they were were all glued together I put them in a book binding press to press the pages together. The magazine was in the press for about 10 minutes. Some careful unfolding needed to happen as overspray from the glue made some pages sticky on the edges.

Above shows the 3-D interactive page. The picture contiuned into the final production of the magazine however, the page layout changed drastically.

31

Content Development Printing out this layout really helped to visualize the contrast of scanned photos vs actual text and how to include them.

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Tâ&#x20AC;&#x201C;Shirt Mock Ups

Subscribe | Online + Tear off

To the left is the online subscription form and below is the tear off subscription form.

33

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Blog | Blog Creation

This is the blog that I developed to help promote the magazine and allow for others to help create content and connect to one another.

34

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

Page Intentionally left Blank

35

DES 505.02 | FA 2019 | Tott-Berger, Johnathon

ST Y LE S IN DOCUM E NT Head A [Ubuntu Light] SUBHE AD B [UBUNTU BOLD] Ubuntu Light 12 pt. Body text. Sequiam fugitatur accab initatibus

[Ubuntu Light 10.5 pt] Ebitis sequam facepe rem. Et et, officipsam eume dercidu ntiur. Henducil lumque voluptae occullabo. Ut utati ommolorrores quae non cus abor sa coruptat.

quaeperum illacere escit omniam, officia turit, im excepra volumquiam hilicim usaeper upienimus idebit, estiorrum dolum lam quam, ut et aped qui ulpa num hilignatio temquosti denis mos sim lignist, adis et et fuga.

Otata vernam se consequi.

• Ubuntu Light 12pt.

Titled Caption. Ebitis sequam facepe rem. Et et, officipsam eume dercidu ntiur. Henducil lumque voluptae occullabo. Ut utati ommolorrores quae non cus abor sa coruptat.

Ubuntu Light 10.5 pt

1. Numbered Caption. Et et, officipsam eume dercidu ntiur.

Henducil lumque voluptae occullabo.

• Blah blah blah blah blah blah blah blah • Blah blah blah blah

Storyboard Panel Title Storyboard text. Storyboard text. Storyboard text. Ut utati ommolorrores quae non cus abor sa coruptat. Ut utati ommolorrores quae non cus abor sa coruptat.

1. Ubuntu 12 pt Numbered list

blah blah, etc.

2. Blah blah blah blah blah blah blah blah

Gill Sans Light — Section Headnote Gill Sans Semi Bold — Sub Section Headnote

3. Blah blah blah blah 4. Blah blah

36

DES 505.01 | FA 2019 | Tott-Berger, Johnathon