The HUB at Millersville University

The HUB at Millersville Case Study

Table of Contents

Overview The Team My Role Our Client Contract & Mission Team Materials Brand Guideline Flyer Design Superfest Ideation Challenges & Troubleshooting What I learned

Overview Design for Social Equity is a class dedicated to creating work that promotes fairness, justice and equality to all. Being able to design in this way can be very challenging, but so rewarding. Throughout this course, the class was seperated into groups to work along side clients in the effort to produce work that fit these qualifications and to also help promote local organizations in their work.

I was in a team of 7 design students who all worked hard to help our client the best we could. Even through the Coronavirus pandemic, which cancelled our face to face classes for the remainder of the semester, our team pushed through and worked together on zoom to finish what we started.

I was the leader of our group, so it was a great learning curve to tackle meeting online and keeping everyone on track. Even before being online, I communicated with our client and would give my teammated the information they needed to be successful in their deisgns.

The Team – via Zoom Kaylah

Shannon

Alexis

Rebecca

John

Ben & Ian

Team Member Roles

Kaylah:

Skills: Branding, Illustration, Print Design Role: Worked on creating our client a cookbook along with a

Ben:

Skills: Coding, Illustration, Branding Role: Worked on creating a new website for client. Researched

guideline explaining how to use the templates to put in new

website generators and developed wireframes and a new

information. Also created social media posts for the campus

design that is overall more effective for our client

Cupboard.

Rebecca:

Skills: Branding, Illustration, Publication, Communication Role: Worked on cooking class flyers, as well as flyers for Taco

John:

on how to take the best photo for their organization. Also

majority ofour materials. Also created social media posts

created social media posts for Campus Closet.

correlating to flyers

Skills: Brainstorming, Excel, Branding, Interaction Role: Worked on researching cooking class statistics, as well as creating out client survey questions. Also created flyers for Canned Food Drives and corresponding social media posts

Role: Worked on developing a Photo Guideline to show where our client can find images, as well as providing tips

Tuesday. Developed the graphics that are used throughout

Alexis:

Skills: Photography, Photo Editing, Interaction

Ian:

Skills: Illustration, Proofreading, Social Media Role: Worked on developing graphics for French Toast Friday, as well as a animated gif to show the character in movement.

Also created a flyer using the illustration.

My Roles For this team, Chain Reaction, I was nominated to be the leader. Being a leader had many responsibilites. I had to make sure that my team stayed

Skill Sets:

Illustration

organized and on track throughout the entire semester. I also took charge when it came to our client. I reached out to our client and exchanged contact information so we could be in touch throughout the

InDesign

semester. I communicated back to my team what was said by our client and vise versa, and I also arranged meetings with our client in person to discuss plans.

Publication

Other responsibilities I had as a leader was helping my team label their skills and provide them work that best fit their abilities. I created a

Branding

schedule for the semester for my team to follow to make sure we reached deadlines on time. I also took charge of updating our team Blog account, ensuring that it was consitent and had all of our work from each week. I

Leadership

also had to take lead once classes switched to remote learning – making sure that our team still met twice a week for class and checking in on each member to see that they were on track with their work.

Time Management

Apart from my leadership role, I also participated in other design work for our overall project. I focused primarily on created a Brand Guideline for our client, recreating logos, signage, flyer design and ideation for projects that will happen in the future. I worked with various team members to make sure my portion was consistent with all our materials.

The HUB at Millersville is an organization located right off Millersville University’s campus. Its main purpose is to reach and serve the next generation and the greater Millersville area by providing a center for ministry and mission.

The HUB houses other resources for students to help them with different needs.

Some of those resources are the Campus Cupboard, Campus Closet, a Cafe, and a safe space to hang out with others.

During this semester, our team aimed to help the HUB by providing design material that can be used to promote their organization and pave a way for them to reach students in a fun and welcoming way.

VISION STATEMENTS: 1. Serve the Campus by meeting needs 2. Building Community by connecting with students 3. Empowering Mission by developing leaders

Our Client

Contract & Mission Mission statement: Our purpose is to create and design strictly for social changes and make impacts within our communities. We strive to educate people through our designs and bring awareness of social issues to the public.

What our team can offer: Our team has multiple skills that can elevate the organizations we work with and create a message that will be impactful and memorable to the community. We work with everything from ideation and brainstorming to getting your concepts out and making visually appealing elements for a marketing campaign. We also have members skilled in social media management and photography. We strive to be able to communicate and make a message that works in our clients best interest.

Above is our contract we made for the HUB. Having the contract ensures that our team and client agree on the design work we will create. It helps our team know that no additions can be demanded by our client, not can our team create less or more materials without approval from the HUB.

Graphic Style

The graphical style our team pulled from was from Rebecca’s flyer designs. Above are some of the cooking class flyers that she created.

For future design material, we incorporated some of these graphics, as well as the color scheme. We then created our own graphics based on this retro, fun style.

Additional Work Some addtional work that included graphics and were main aspects of our project are the Cookbook(Kaylah) and the French Toast Friday illustrations and flyer (Ian).

The Cookbook follows the style Rebecca created through the color palette, and graphic style. Kayla also used some of Rebecca’s graphics.

Website Redesign

A website redesign was also a main feature we wanted to focus on throughout the semester. Ben worked on researching website generators that we could use to create the redesign. He then created mockups and the final website design throughout the entire semester using Strikingly.

Website URL: http://thehubmillersville.mystrikingly.com/

Brand Guideline Brand Guideline

I worked on creating a Brand Guideline for the HUB. A Brand Guideline is very important for a business or organization becasue it provides all the information one would need to know to have a consistent brand. Since employees and volunteers change every semester, our team thought it was important to include a guideline so there are now worries about inconsitency occuring.

The guidelines include – brand logos, color pallets, typefaces, signage, graphics and anything else that must stay consistent or that provides information someone may need to know in later years.

This semester, I put this guideline together and worked to re-create many of the materials needed for it.

Link to Official Brand Guideline Booklet https://issuu.com/sebergmaier/docs/brand_identity

Logo Remake

Original Logo

The first step I needed to take was to re-create the HUB’s logo. They only had an image of the logo (pictured on the left) but did not have the original files or pngs to use the logo on new material. I re-created the two variations of the logo that the HUB originally had so the rest of the team could use the png of it on the new materials we created throughout the semester.

This was somewhat challenging, but fun as well. I had to match the typeface without knowing beforehand, and also create the texture that the logo has.

Primary

Secondary

the

the

continued..

the

the

Not only did I provide the logo in the original colors, but I also included a black and white version. On some material, the logo colors clash or just do not fit. Black and white can be interchanged with any colors without breaking laws for trademark.

Throughout other material made from my fellow teammembers, the black and white logos were used,

the

the

so that will show the importance of having these.

Additional Logos

The HUB also offers other resourses, two being the Campus Cupboard and the Campus Closet. Due to inconsistancy between the two logos, I re-created both these logos as well. I created two versions of each – a primary logo with the statement “at the HUB” and then a secondary with a statement describing what the resource offers.

This was challenging because I had to match the font used and make sure I stayed close enough to what they originally used, but what works best for the brand.

Original layouts

Original Signage After updating the logos, I also had to update the signage for both the Campus Closet and Campus Cupboard. Regardless, both were inconsistant with one another, so I would have wanted to update these to make sure they were similar.

The images shown here are the original signs used.

Signage Remake

When re-creating these signs, I wanted to provide options for different purposes. I used the primary and secondary logos alone, so the poster would not be as cluttered and they could chose which logo to use. I then created variations with the information they had on the original signs. I wanted to make sure they were consistent with one another and tried to make them as least cluttered as possible.

Need Food?

Need Professional Attire for an Interview?

Located at The HUB Monday - Friday: 12pm - 9pm | Saturdays: 9am -12pm

Located at The HUB Open Wednesdays: 12pm - 9pm

Visit www.campuscupboard.org

Visit www.villecloset.org

Need Food?

Need Professional Attire for an Interview?

Located at The HUB Monday - Friday: 12pm - 9pm | Saturdays: 9am -12pm

Located at The HUB Open Wednesdays: 12pm - 9pm

Color Palettes Color palettes are a crucial part of a brand because it ties everything together and lets people know what belongs to what. The top palette are the colors the HUB already had for the main logo and the Cupboard and Closet logos.

HEX: #4b0404 RGB: 75, 4, 4 CMYK: 43%, 89%, 80%, 67% PANTONE 7421 C

HEX: #ffe8bc RGB: 255, 232, 188 CMYK: 0%, 8%, 29%, 0% PANTONE 7506 C

HEX: #007c76 RGB: 0, 124, 118 CMYK: 87%, 32%, 55%, 11% PANTONE 3282 C

HEX: #459b49 RGB: 69, 155, 73 CMYK: 76%, 16%, 98%, 2% PANTONE 7738 C

HEX: #170f32 RGB: 23, 15, 50 CMYK: 92%, 93%, 46%, 60% PANTONE 2765 C

HEX: #46926a RGB: 70, 146, 106 CMYK: 75%, 22%, 71%, 5% PANTONE 7724 C

HEX: #fddb33 RGB: 253, 219, 51 CMYK: 2%, 10%, 89%, 0% PANTONE Yellow C

HEX: #d3d3d3 RGB: 211, 211, 211 CMYK: 16%, 12%, 13%, 0% PANTONE 427 C

The bottom palette is what our team created specifically for our material so that it could be seperated, but still be apart of the same organization.

I also included the HEX number, RGB, CMYK and Pantone color so it is easy to find the colors in the future on any devise. Providing this information insures that the same color is used every time.

Identity Font

It is important to create a page for every typefaces used throughout a Brand. By providing this information, it ensures that all design material will be consistent in what font is used, especially in terms of content text and logos. Inaddition to the content and logo typeface, the guideline also includes the additional typograpy used throughout my teams material.

¬

­ ® ® ¯ ¬

¦ §

° ± ¯ ®

®

¬

¬

¬

¬ ¬ ¬

Secondary Logo - Avenir (Roman)

­

¡ ¢ £ ^¤ ¥¦§ ¨©ª«

­

¡ ¢ £ ^¤ ¥¦§ ¨©ª«

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-+:/”

­

¡ ¢ £ ^¤ ¥¦§ ¨©ª«

­

¡ ¢ £ ^¤ ¥¦§ ¨©ª«

­

¡ ¢ £ ^¤ ¥¦§ ¨©ª«

Avenir (Black Oblique)

Intensa Fuente

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-+:/”

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-+:/”

Brush Script MT Italic

Action Jackson

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-+:/”

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-+:/”

¬

® ² ¯ ® ¬ ® ® ¬

¬ ­ ³ ® ® ® ¬

Open Sans Light - Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-+:/”

© ¬

¬

¬

¬

¬

¬ ² ¦

§

¬

©

Canva Guidelines

In order for the HUB to access our files and make changes in the future, we used Canva. To make sure the HUB understands how to use Canva or to edit our files to change content, I provided a step by step guide, as well as the type to use and the sizes we made our material. Hopefully this is a helpful tool for anyone who may need to use Canva in the future.

Flyer Design Brand Guideline

To help the HUB in their advertising for themselves, our team created flyers for them to use. Since we were not able to be on campus the remainder of the semester, future print materials and guidelines were all were felt would be beneficial. I worked on creating flyers for both the Campus Cupboard and Campus Closet so information is easily available for students and staff.

For the flyers, I made them each 4x9in and provided three variations so there is options to pick from.

Sketches The beginning process of creating flyers was to make sketches of my ideas. These are the sketches I made for the Campus Cupboard. I then numbered them, 1 thru 6, and my team voted on the 2 they thought I should develop. I then began the digital stage of creating my flyers.

Graphics Used Graphics

For the Campus Cupboard, another student in our group created a style and graphics to use. I took some of the graphics she made and combined them with graphics that I created for my flyers, still staying with the same style.

My Graphics

Cupboard Flyers

¬

¬

± ¬

¬

¬

¬

¬

¬

¬

± ¬

® ®

­ ¬ £

¬ ¤ ®

® £ ¦ ¬ ® ´ ® §

® ®

­ ¬ £

¬ ¤ ®

® £ ¦ ¬ ® ´ ® §

® ®

To the left are the three flyer designs I created. I wanted to stay with a more simple approach for two of the flyers, as well as try out fun shapes on the middle flyer. I believe the middle flyer ties together nicely with the style of all the graphics used.

­ ¬ £

¬ ¤

The content I put on the flyers was from the HUB materials

®

® £ ¦ ¬ ® ´ ® §

could be used in the future, or just one, but there are

about the Cupboard – basic facts and information. All three options to pick from.

Sketches The beginning process of creating flyers was to make sketches of my ideas. These are the sketches I made for the Campus Closet. I then numbered them, 1 thru 8, and my team voted on the 2 they thought I should develop. I then began the digital stage of creating my flyers.

Graphics I created all the graphics for the Campus Closet. I wanted to demonstrate “professional clothing” in my graphics, and remained with the style from other graphics. I combined both color palettes to add more color and also to represent the Closet as well.

Original layouts

Closet Flyers

PROFESSIONAL CLOTHING

PROFESSIONAL CLOTHING ¬ ¬ ®

®

­ ¬

®

² ­ ¬

¬

©

¬ ¬ ® ¬ ¬ ®

®

­ ¬

®

² ­ ¬

¬

®

² ­ ¬

¬

©

­ ­

ª

Closet. I made two with graphics and one with an actual photo incase they wanted to move away from the illustrated look.

®

­ ¬

©

­

PROFESSIONAL CLOTHING

To the left are three flyer designs I created for the Campus

ª

ª

© ¬ ¬

© ¬

© ¬ ¬

© ¬ ¬

© ¬

© ¬ ¬

© ¬ ¬

© ¬

© ¬ ¬

I included the Closet color in the middle flyer and the third flyer. The imformation was from material provided to our team and I also added a list of clothing that could be donated or provided at the Closet for a student to come and get.

BrandSuperfest GuidelineBrainstorm

Every year, Millersville University puts on Superfest – a day of fun activities, free food and a place where organizations hand information and prizes out to students. Our original plan for the project was to help the HUB in promting themselves at Superfest and to help them out at their table.

Due to school being closed due to the Coronavirus, I instead created guidelines the staff at the HUB can use in other years. This way, they still will have an idea of what is possible so it is easier for them to make it happen.

Ideas My first step was creating a google doc with my thoughts for how to set up a table, what to bring, and even ideas for giveaways. College students love free things, so they would be more inticed to come up to the HUB’s table if they were handing put free food, stickers or any other miscellaneous items.

I also gave ideas for how to set up their table. When a table has nothing on it or looks boring, students will not waste their time stopping, so it is important for the HUB to present themselves in a way that will attract students.

the

T-Shirt Mock-Ups the

Since I provided ideas for things that the HUB could hand out at Superfest, I felt that I should create mockups for them in the chance they agree with some of my ideas. I created T-Shirt mockups for the HUB that could either be worn by staff at Superfest, handed out for

the

the

free, or even sold throughout the year.

the

the

Buttons Buttons are another element that students like and they are cheap to make. I created mockups of different buttons they could make and explained in the google doc where on campus they can create these for a reasonable price.

the

the

Stickers Stickers are another element that students like and they are cheap to make. I created mockups of different stickers they could make and explained in the google doc where on campus they can create these for a reasonable price.

the

the

the

Challenges Challenges we faced at the very start of this project was finding a client to work with. Originally we hoped to work with “Meals on Wheels” but they were unavailable. We then reached out to “Common Wheels” but we never heard back from them. After a week of waiting, we decided to reach out the The HUB, which was located right off campus. They were excited to work with us and needed a lot of help graphically.

After getting a client, we had to choose a team leader. Everyone picked me so I was then the “spokes person” of our team. Being a team leader had its challenges. From the start, I had to initiate communication with our client and then inform my team members what was said between us. I also had to help organize how our team would opporate, as well as make disicions on our semester long schedule. Many times, I had to help make sure all my teammates understood what they were assigned and tried to evenly distribute work to everyone.

After the Coronavirus outbreak, we had to change our way of approaching things. Instead of being able to meet together in person, we had to meet via Zoom. I took charge in starting meetings and informing my team when we would meet. I also took lead during our meetings to make sure everyone shared what they worked on the previous week. On top of that, I had to continue to keep everyon motivated to finish out our projects. We also had to adjust a lot of our projects to fit the situation were are in, still attempting to give everyone enough work.

Trouble Shooting Trouble shooting is similar to challenges, but what we worked through to fix out problems. In relation to finding a client, we could not give up just because we were unable to contact our first joice. By opening up the door to different ideas, our team brainstormed different ways we could improve student life on campus. That is when the HUB was mention. I had connections to the HUB through another organization, so getting in contact with them was easy.

After finding our client, we had to continue brainstorming for how we could design for them and help students through their organization. This took a lot of time and thought to come up with solid ideas that were approved by our client.

Being the leader and being challenged in that way, I had to humble myself and continue to ask my team their thoughts and ideas and be okay for my opinions to be put to the side.

In terms of the Coronavirus, we had to do what we had to do in this situation. We did not want to give up on the work we already planned, but we did need to adjust some ideas. One element of out work was to take new pictures for the HUB to use, but since campus was shutdown, we were unable to obtain this, instead, one teammember created a photo guideline book for the staff to have in order to promt ideas of how to take pictures in the future.

We also had to troubleshoot for what peint material to make and how our client woulf be able to print and make changes. Since the HUB does not have a graaphic desinger or access to Adobe, we made our elements in relation to Canva – a website the HUB staff has used. Designing around Canva guidelines was a little difficult, but the best option we had to make all our materiall accesable to the resources our client currently has.

What I Learned Through this class, I learned how to work in a large team to obtain the same goal, how to work hands on with a client, and also how to be a leader. Being a leader of fellow students students is hard since I do not have authority over them. I had to learn how to really work with them and their skills, while attempting to make them happy in the process. I had to put my foot down in some areas and push for 100% effort from everyone, but that made me a stronger person.

I also learned how to run a team under quarantine, which is something one does not get to say everyday. That adjustment was disapointing and challenging, especially in terms of motivations, but I am thankful for the expereince.

Learning about how to use design for more than just “making something look good” was new but a fun challenge. We had to work around demographics, what our client has access too, as well as trying to create work that is welcoming to everyone, no matter what. This was a class I am thankful I had a part in.

By Shannon Bergmaier