Portfolio

 

Description. I was asked to design a portfolio and include at least 8 projects that I have created this semester.

Process. I had a fun time putting together my portfolio. I started out looking for a textured background. After much trial and error, I finally found a picture that had a high enough quality. After I found my background, I started to work on my logo. I wanted something simple, with nice tones that would match my textured background that I chose. I created my logo in Illustrator. Next I opened up Indesign and created my portfolio document. I put my background on the master pages and then made a document on one side of my master page to get the form that I needed for my design pages. Next, I worked on my contact page, which was fairly straightforward and simple. Then I made my table of contents page. I wanted something that was different, so I made a visual table of contents.

Project Corrections. I fixed a couple of kerning and tracking problems on my Infographic projects. This took me 15 minutes. Next, I fixed the Savior on my montage project. I had to make him a little bigger because I originally left a tree behind Him that was awkward. I also originally put a layer on the picture because it said we needed on on the instructions for the assignment, but when I turned it in Brother Stucki did not like it and so I removed it. This took me 30 minutes to fix. Then, I fixed my web page mockup. Brother Stucki said that there was too much red and I should remove it from the background because it would make it easier on the eyes. I did this, but had to change my color of my type in the process. This correction took me 30 minutes. Finally, I fixed a couple of problems with my Prezi presentation. I couldn’t remember how to use Prezi, so it took me longer than normal to fix. I fixed the color of my type and tried to fix some pictures, but I originally put them together in Illustrator and after too much wasted time, I decided not to change them. I spent 30 minutes playing around and changing things on this project.

Critique Process. Brother Stucki critiqued my sample pages and told me to line up my boxes on the visual table of contents. He also told me to fix a couple of lines my text because the spacing was off.

Message. I designed some pretty cool stuff and it is pretty to look at.

Audience. Anyone who loves design and potential employers.

Top Things Learned. I have learned to do more things in Indesign. I always get overwhelmed when working on these projects because I always feel like I am starting from scratch, but when I sit down and work on my projects, I am always able to get them done. I just need to relax and work and take it one step at a time.

Color Scheme and Color Names. I used a natural and relaxing color palette.

Title Font Name and Category. I used Legacy Sans ITC Pro Bold, which is a sans serif typeface.

Copy Font Name and Category. I used Bembo Book MT Pro, which is a serif typeface.

Thumbnails of Any Original, Unedited Images Used in Project.

Sources of Each Image. Click on the background image above to be taken to the source.

Advertisements

Design a Brochure

Description. I was asked to design a brochure. I was also to design the logo to go along with the company.

Process. The hardest part of this brochure for me was coming up with an idea and a company. I knew I wanted to make a brochure with a unique shape. My daughter has been making a lot of cookies lately and the idea for Crazy About Cookies was born. I knew that I could make my idea the shape of a cookie now I just needed some cookies that I could take pictures of. I went to various stores around Orem, Utah and bought cookies to photograph. I took the pictures, and enhanced them in Photoshop. I also cut the cookies out in Photoshop. I then transferred the cookies to my brochure in Indesign. Next, it was time to make a logo. I opened up Illustrator and began to design. I knew I wanted to write the word cookie and make them look like cookies, but I didn’t know how I was going to incorporate the name together. Then the idea of putting it on a cookie sheet came to mind. In the end I think it came out great. I then transferred my logo into Indesign. Now it was time to design the brochure with my pictures, logo, and required 250 words. I put on my cookies and then wrote the story behind Crazy About Cookies section of the brochure. I made the text wrap around the cookies. I left the front of the brochure with just the front of a sugar cookie. I put my logo on the back along with the fictional address of the cookies store and social media icons. Everything came together great.

Critique Process. My husband gave me some very good help and encouragement  along the way. He helped me to place my cookies in a good place on the brochure. Brother Stucki suggested that I put social media icons on the first critique. Sarah Pence Sharp suggested that I move the cookies in a more organized manner, which I did. She also said that my brochure was a little text heavy on the right side of my brochure, but I couldn’t do too much about that because of the required 250 words for the assignment. I do think that I incorporated the words in a tasteful manner. On the second critique, Brother Stucki suggested that I change the font color from black. He suggested a brown, but I didn’t think it looked good with the marble countertop background on the inside of the brochure, so I changed it to a gray color. It did make it look a lot better. He also suggested that I use some tracking and kerning, which I did apply to my final brochure.

Word Count. I have 272 words in my body copy.

Message. The cookies at Crazy About Cookies are tempting to look at and delicious to eat!

Audience. Anyone who loves cookies!

Top Things Learned. I have worked in Indesign before in a couple of classes, but they have always provided the Indesign document and I just had to fill out the information. I’m sure that I still have a long way to go, but I did learn how to do many things in Indesign, like setting up a document and using paragraph styles. I also learned that sometimes it takes some time, patience, and couple of tries to get my brochure to come out like I expected.

Color Scheme and Color Names. I used cookies, so my color has a lot of browns and creams, although my front cookie is frosted in pink. On my logo I used a neutral color palette.

Title Font Name and Category. I used Neue Haas Grotesk Display Pro, which is a sans serif typeface.

Copy Font Name and Category. I used Stempel Garamond LT Standard, which is a serif typeface.

Thumbnails of Any Original, Unedited Images Used in Project.

      

Sources of Each Image. The cookie images are from photographs that I took. Click on the social media icon picture and the marble countertop picture above to be taken to where I got the images.

Video of my Brochure.

 

 

Web Page Mockup

Description. I was asked to make a web page mockup using a grid.

Process. I made my mockup of the same company, Teeples Custom Homes, that I used in HTML and CSS coding project. I first started this project by sketching out three different layout possibilities. I next made a wireframe of my project in Photoshop using the 16 column grid. Then I used my wireframe  and started adding my pictures, text, and shapes. I really enjoyed using the grid.

 

Critique Process. I turned my project in on the Facebook page and Brother Stucki told me to change my typeface on my main writing, so I did that. He told other people to add social media ideas and I thought that was a good idea, so I did that too. I didn’t love my header on my first draft, so i spent some time playing around with that until I think that it looks better. Sarah Sharp commented on my post and said she like my color scheme and that she like the simplicity of my mockup.

Message. My message is that Teeples Custom Homes is a builder in Utah.

Audience. Anyone looking for a contractor.

Top Thing Learned. I learned once again how to work in Photoshop. I only use it for this class and I have a little bit of knowledge on how to use it, but I always have to relearn little things every time. This time I kept trying to change the color of text of Teeples Custom Homes, but I had imported it as a Smart Object, so it wouldn’t let me change it.

Color Scheme and Color Name. I went with a monochromatic color scheme using red (#84211B) and white (#FFFFFF).

Title Font Name and Category. I used Egyptian Slate Std Bold, which is a serif typeface.

Copy Font Name and Category. I used Legacy Sans ITC Pro, which is a sans serif typeface.

Thumbnails of Any Original, Unedited Images Used in the Project.

  

Source of Each Image. Click on each picture above to be taken to the original source.

 

HTML and CSS Coding Project

teepleswebsite

Description. Create a webpage using the HTML and CSS that I know, which includes a logo that I created and my thought process of how and why I created it.

Process. I created my logo and the thought process and description can be found on the business identity post on my blog. I did resize my image in Illustrator, so the biggest side was 300 pixels. I then downloaded the HTML and CSS files from BYUI. I made a folder on my desktop to contain everything I needed for this project. This folder included the HTML document, the CSS document, and the jpg of my logo. I opened the HTML document in Text Wrangler and got to work. I included a many HTML tags including head, body, title, h1, h2,  p, ul, and br. I also included a link to my blog. I then moved to the CSS document. First I inserted the code to link the CSS page to the HTML page. Then, I changed the colors of the type and backgrounds, the typefaces, and I added a comment on the page.

Critique Process. I did not get much critique this week because we did not submit this project to Facebook for my peers or my teacher to review. I did ask my family what they thought and they gave me some feedback. I used to have some of the type in the red color, but they advised me to change it to black because there was too much red on the page.

Message. Teeples Custom Homes is a great company and now it has a great logo!

Audience. People looking for a custom home builder in Utah.

Top Things Learned. I have done HTML and CSS coding before. I am not super good at it, but I really don’t mind doing simple web pages. It is kind of fun to see what you can do to put a webpage together.

Color Schemes and Color Names. My color scheme is monochromatic and my color is red.

Title Font Name and Category. This is my list in my CSS page: Egyptian Slate Std, Baskerville, Garamond, serif.

Body Copy Name and Category. This is my list in my CSS page: Verdana, Trebuchet MS, Calibri, sans-serif.

Thumbnails of Any Original, Unedited Images Used in this Project. None

Source of Each Image. None

 

Emperor Penguin

infographic-01

Description. Pick a trending topic and then make an infographic that is well laid out and pleasing to the eye. Then we will post  the infographic on Pinterest and my blog.

Process. Penguins have been really popular lately and my kids can’t get enough of them, so I decided to do my infographic on the Emperor penguin. I started out by studying about the Emperor penguin. I found some good information on coolantarctica.com. Next, I put together some facts that I wanted to use on my infographic. I sketched out a couple of designs of how I thought I would place the information and the vectors that I needed to create. Now the fun part began. I started to sketch the penguins in Illustrator. I made a bar graph of how tall penguins are and used the vectors of the penguins instead of the bars on the graph. I put all of my information together and then made my first draft of the  infographic.

Critique Process. I posted my rough draft on the class Facebook page and got some good feedback. Brother Stucki suggested that I use less text. I took this into consideration and figured out a way that I could include more vectors and less text. Ronnie Stanley suggested that I put “feet” on my chart in a more prominent place, so people would be able to see it better. Marci Grimaud also told me to reduce the text on my infographic and gave me some suggestions. I changed my infographic quite a bit to make the changes that I needed to include less text.

Message. This infographic teaches people about the Emperor Penguin.

Audience. Penguin lovers everywhere, especially my kids! Also, anyone who would like to learn more about Emperor penguins.

Top Thing Learned. I’m still not the best, but I learned how to better use Adobe Illustrator’s pen tool.

Color Scheme and Color Names. I used complementary colors including blue, orange, with other neutral colors, like white, black, and tan.

Title Font Name and Category. Bembo Book MT Pro regular, serif.

Copy Font Name and Category. Neue Haas Grotesk Display 55 Roman, sans serif.

Thumbnails of Any Original, Unedited Images Used in the Project. None

Source of Each Image. None

Business Identity

teeplesbusinesscard-01 teeplesbusinesscard-02

teeplesletterhead-01

Note. My business cards above would not normally have the stroke around them, but I did this so you could see them on the white background of my blog.

Description. I was asked to create three logos for a company. Then, I was to receive feedback from at least 10 people on the logos that I created. Next, I needed to choose the best logo and refine it, if needed. Lastly, I was asked to make a business card and matching letterhead for the company using the logo that I created.

Process. We are extensively remodeling our house. The contractor we are using is Ed Teeples and his company is called Teeples Custom Homes. I chose this company for my project because their logo is just their name in the Steeple Garamond font in a red color. I wanted to make them a logo to go along with their company. I didn’t know what I wanted to do, so I grabbed a piece of paper and marker and started sketching. The first couple of things that I tried did not work, but I kept on sketching and came up with a way to use their company initials TCH to form a house. I chose a color similar to what Teeples Custom Homes logo is now. I thought it reminded me of a nice, classic brick color.

Original  and Final Logos.

logos-01  finallogoteeples-01

Critique Process. I posted my logo options on my personal Facebook page and got good feedback. I had great response and they told me what they thought and held nothing back. I learned a lot from this critique. I also put my logo option on the class Facebook page and got some feedback there as well. Finally Brother Stuck gave me feedback and some good direction to go for my final design.

Message. The message that I am trying to get across is that Teeples Custom Homes is a builder based in Orem, Utah.

Audience. Anyone looking for a contractor.

Top Things Learned. The top thing I learned this week was that everyone has their own opinion. I knew this beforehand, but it has a different feel when it is something that I have designed. I liked all of my logo options so it didn’t matter to me which one I used, but I was surprised by the varying results that I got. In the end I had to choose one, so in a sense I would have to displease someone. I’m just saying that because before I just looked at a logo as a logo. There are definitely some logos that I like better than others, but my first choice pick for a logo may not be the top pick of the person next to me. I went with the logo that most people liked, but the experience taught me that feedback is a good thing because what I think is not always what the majority of people think.

Color Schemes and Color Names. I went with a monochromatic color scheme using red (#84211B) and white (#FFFFFF).

Titles Font Name and Category. I used Egyptian Slate Std Bold which is a serif typeface.

Body Copy Font Name and Category. I used Egyptian Slate Std Regular.

Thumbnails of Any Original, Unedited Images. None were used.

Source of Each Image. I created the logo myself in Adobe Illustrator.

 

Montage Project

sarahpoche-6amontage

Description. I was asked to create a montage poster with two or more pictures and a quote. The poster needs to have a spiritual theme.

Process. This projects was super hard for me. I had designers block. I could not hunk of anything that I wanted to do. I couldn’t find a quote and then when I did, I couldn’t find pictures to match the vision I had in my head. It took me a long time to finally find a quote that I wanted to use. After much searching I found a quote by President Thomas S. Monson that I short and sweet. It said, “be found doing the work of the Lord.” That’s what life is all about, right? To learn to be like our Savior? The work of the Lord can be done everywhere, on the street, in our homes, in the temple. I found a picture of the Payson, Utah temple and a picture of the Savior on lds.org and then I started to create my montage. I adjusted both images in Photoshop. I tried to use the rule of thirds in my design. I also, after much trial and error, found two fonts that I liked together. I spent the most time trying to get the text right. The best way I could lay it out was centered. I know that is not the preferred method, but the ascenders and descenders kept getting in the way when I left aligned or right aligned my text. To finish it off, I chose a green from the trees using the eyedropper tool.

Critique Process. I posted my montage to the class Facebook page. Brother Stucki suggested that I make Christ smaller. He said the text was his favorite part, but he told me to play around with overlays on the text. He also said he might would raise the text just a bit. After I made Christ smaller, the temple and the text were both on the same side of the montage making it look too “heavy” on the right side. I emailed Helaman Higley and he gave me the advice of moving my text on the other side of the picture or to make Christ bigger. Haha, that made me laugh because I just made Christ smaller working on Brother Stucki’s advice. Anyway, I moved the text over, ,played around with it for a long time and settled on the design I have now. On Wednesday after I had made my changes and had it almost ready to turn in, I asked my husband, Joe, what he thought about it. He gave me the thumbs up, so I turned it in.

Message. My message is a call to action to always be found doing the work of the Lord.

Audience. This montage is for anyone who knows and loves the Savior.

Top Things Learned. The most important thing I learned this week is to not overthink things. I could not think of a quote and how I would want to do my montage because I was way overthinking this project. Once I found this simple quote everything came together nicely.

Color Scheme and Color Name. I would think that my color scheme would be classified under earth tones. The color names are green, blue, cream.

Title Font Name and Category.  I used Legacy Sans ITC Pro, book italic which is a sans serif typeface.

Body Copy Name and Category.  I used Stempel Garamond LT Std, bold italic, which is a serif typeface.

Thumbnails of Any Original, Unedited Images Used.

.payson-temple-evening-1367564-print pictures-of-jesus-1138494-print

Source of Each Image.  I found both of these images on LDS.org. If you click on the pictures of the temple and Christ above, it will take you to the original source.