13A Portfolio

j

PROJECT CORRECTIONS/TIME SPENT
I recreated my photodesign project which took a good hour and half, and worked about another half an hour on the Magazine cover to make the background more of a solid background.  And other minor changes and tweaks that I saw along the way on other projects.

DESCRIPTION
Design a portfolio that showcases all projects from my Visual Media course.

PROCESS (Programs, Tools, Skills, FOCUS principles)
I made corrections to my pieces that I wanted to have look better.
I came up with some ideas for the portfolio layout and started putting my ideas on the artboard in Indesign.  I created the master pages first, and then added the basic text elements that needed to be included on most of the pages and then adjusted the amount of text space given based on how much was needed for each specific project.  And placed the various projects on the corresponding pages based on my opinion of what I thought my best project were.   Exported it as a PDF, and uploaded it to slideshare.net after a lot of technical issues with that website.  I had to switch browsers and eventually had everything work out just great.

CRITIQUE PROCESS
Katherine Randolph suggested using different background image than I initially wanted to use, and I chose to go with the brick background.

 

MESSAGE
I want a professional way to showcase my design and photography work throughout this semester.

AUDIENCE
Potential client and employers.

TOP THING LEARNED
Having a definitive plan however temporary helps get ideas going, and helps you get a direction set.

COLOR SCHEME & COLOR NAMES
Complementary // Purple and Green

TITLE FONT NAME & CATEGORY
Bree
// Slab Serif

COPY FONT NAME & CATEGORY
Factoria
// Sans Serif

THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT
N/A

SOURCE OF EACH IMAGE (website name and hyperlink)
Images and graphics are my own.

*I am not able to supply a video due to severe technical difficulties.  I’m lucky I was able to get this posted at all.

So instead of doing the video, I can say that my favorite project was the infographic and the website and coding assignments.   But I also really enjoyed the brochure just because I had it printed and have something tangible to hold from doing it.  I realize the biggest help in doing design work is to start with a plan and have a message to be specific to a targeted audience.  It helps in streamlining what it is I want to communicate and how to create that.  I look forward to so many more projects like this in the future.

Advertisements

12A – Brochure Design

frontinsideback

I decided to do an offset brochure for this assignment.  I had another idea to go towards but spending lots of time at the hospital makes it hard to get creative at this exact moment.  So I have taken the beginnings of last weeks initial post, and built upon it.

Description:  Create a brochure

PROCESS:
1. I created the logo in Illustrator and made a matching elf to go with it to add character.  I just used basic shapes and added color to put it together.

2. I set up the document in InDesign so that I could figure out the layout and how to make it interesting.  And decided which images I wanted to use. I based the color scheme off one of those images And I think it makes everything work well.

3. I like the background from last weeks design and decided to reuse it for this final version.  It adds a great amount of texture while keeping the color.

4. I took the family photo into Photoshop and cut out the background.  And placed it on the inside page.  So you would be able to see that when the blue square gets cut off after getting printed.

5. I brought in the text and made sure to show text wrapping and chose to do it around the elf.

6. I was short on time this go around so I found a printer that was still open which was FedEx but I’m not impressed with the color of the document.
7. While there I took advantage of their big cutting blade and cut the straight edges off the brochure on all for sides so that it shows a full bleed.  Those cuts were relatively easy. But the square to cut off, I tried to do with a little Exacto type of knife. And found that part to be more challenging.  I see the benefits of using a die cut or even a smaller cutting device that cuts straight lines on a smaller scale.

Critique Process :

From my Daughter:  She helped me fix the logo design and walked me through how to make it look good.  And helped with the placement of the colors.  I wasn’t able to get any feedback from anyone, as I’ve spent lots of time in the hospital the last few days, and couldn’t finish my assignment till this evening.

Message:   That Christmas time is a time to laugh, and reflect on our lives.

Audience:  Anyone that likes a good laugh, and likes to do things with their families and friends.

Top thing learned:  Getting a document printed doesn’t mean it will always look great when you get it back from a printer.  Tinkering with the color to get it to look just right is going to take some work.  And getting the critique really helps pull a project together, because you can get outside feedback and not rely completely on your own thoughts and ideas.

Color Scheme/ Color Names
I used a complementary color scheme and pulled the colors from the card image in the brochure.  I used a pink/ green/ yellow/ white and black

Font Name/ Heading

Los Feliz

Font name/ body copy
FrieghtMicro Pro

Thumbnails:   All images are mine

Brochure Draft A

10cwendy-holcomb_drafta

 

10cwendy-holcomb_drafta2

Situation:  Design A Brochure – Draft A

Requirements:

• An appealing layout design
• 1 logo (personally created for this project)
• 4 quality images (not the logo)
• Duplex print (2 sided)
• Straight/crisp folds
• Full bleed edge
• Use filler-text (right click inside text box and choose “Insert with Placeholder Text”) or boxes to represent text placement

PROCESS (Programs, Tools, Skills, FOCUS principles):

  • I used my daughter as a tutor and she walked me through how to create the little Santa logo that I created for this brochure.  Which I think is way cute.  And now I can reuse the same basic shapes and create any character that I want to.
  • I used Illustrator to create the Santa and the elves using basic shapes and joining, and subtracting parts.  And then filling and adding strokes to make it look like what I was needing.
  • I picked a color scheme based off from a photo that was in my brochure that also worked for a “Christmas” color theme as well.
  • Focus Design principles that I used were repetition in the number of elves that I used, along with alignment.  And added a drop shadow to those shapes to help add some dimension.
  • I used Photoshop to create the texture images using the colors in my color scheme.
  • I made sure to use the same colors in my Santa Logo and elf as are in the color scheme as well.
  • I also made sure to bring out the “yellow/gold” color that is part of Santa’s belt as a shape box behind what will become text.
  • I have made a cutout shape on the front cover so that when it’s cut out it will let the viewer see the family picture.  (If I do this for Christmas this year, I’d change the family picture to one we just took, and will insert it once I get them back.)
  • I’ve used Photo shop for the texture layers and shapes.  And imported those to InDesign.

Critique:

Since this is a two part project, I haven’t reached out for much critique yet, except for in the creation of the elves and santa that I have made.  More critique for the final draft coming next week. 

Message: 
To wish our family and friends a Merry Christmas and bring them laughs with our “from the Mouth of Babes that will be included.

Audience:
Family and Friends of ours that want to receive a Christmas Newsletter from us.

Top Thing Learned: 
How to create cute little people using illustrator, and now my mind is going fast trying to come up with lots of other ideas.

Color Scheme:  I used the color scheme picker tool in InDesign and I based it off this photo that is included in the brochure.
img_0602

Still deciding on the Fonts to use but I’m leaning towards Los Feliz /Serif  and Legacy Sans/San Serif.

Original Photos:  All images are mine.

Website Mockup …….

10awendyholcomb

Client Situation:  The CEO of your company asks you to create a web page layout for a new company website to communicate the executive committee’s vision to the web developer. Your full color, high definition, accurate prototype will serve as the blueprint for the new website. The web developer has requested wireframe (aka: shape map) and a .psd with layers (Photoshop native document) based on the 960 web design grid for accurate sizing and precise coding.

PROCESS (Programs, Tools, Skills, FOCUS principles):
1. I decided to continue with my initial logo design and make a mock website based around that idea.

2.I sketched out a few ideas on how to layout the digital map or “wire-frame”.

3. Using Photoshop I opened the document with the grid template and extended the canvas size by about 9 inches in height.

4. I saved that as a PSD and then saved it again with a different name so I could create the real document.

5. I then proceeded to create the layout with the color scheme I’ve been using and made sure to use the same two fonts I had in the logo on this webpage.

6. I used the eyedropper tool to select the colors from the logo so I could reuse them in the layout.

7. I opened up a few photos that I wanted to use that are ones I have taken, and created clipping masks with the shapes that I already had in place.

8. I was sure to align the outside edges and not go to close to the edge of the page.  I wanted to go with something simple yet have an impact.

**This sketch is the basis for my digital sketch map. I changed it up a bit, but this was the main idea.

**sketch-1

sketch-2

sketch-3

10wendyholcombsketch

CRITIQUE PROCESS:
I posted a jpg version on Facebook as I missed the time frame to get critique from the professor.  I posted in the class facebook page, and had a few classmates respond.  The overall consensus was the initial “still life” image that I had was essentially sticking out like a green thumb and that I should replace it with something else. I decided to eliminate that category and create a completely different one.
One classmate suggested that I use a purple “bar” for the navigation since I had one down at the footer level and I played with that idea and like it, so I changed the font to white.

I also had my friend Heather Johnson inform me of the same thing with the still life photo. And if I were to use this I should include contact info in the footer of the page.  And that the logo looked a bit big, and that I should try to add contrast with the photos by making the main image a lot taller than the three photos under it.

MESSAGE: Photos are a way to capture your memories and be able to relive and see them over and over again.

AUDIENCE: Those who cherish family photos and want to preserve their memories through photos.

TOP THING LEARNED: If you keep the PSD file layers organized you can easily find the layer that you want.  And using it as a “template” and just plugging in the content will help save lots of time when you are creating layouts.

COLOR SCHEME & COLOR NAMES
Complementary // Green and purple

Fonts used and Category
Legacy ITC Pro // Sans Serif

FreightMicro Pro (various weights) Slab Serif

THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT:

First image baby with a frame: Taken September 2016 in Rock Canyon near Provo, Utah.

Second Image of the young man: Taken April 2016 in Provo, Utah

Third image of the family and the one of the couple: Taken March/April 2016 in Santaquin, Utah.

Last one is the white lace texture I used for my

All photos are mine, and the logo I created.

HTML and Coding project

webpagescreenshot

DESCRIPTION
Code a custom webpage with HTML and CSS.

PROCESS (Programs, Tools, Skills, FOCUS principles)
1. First I created my logo in Illustrator. I wanted to focus on photography.
2. I resized my logo to be no longer than 500 px on the long side.
3. I opened up my html and css templates using Notepad++ and then started working on adding all the correct tags in the right order.
4. I made customizations in my CSS to match the colors in my logo and changed the fonts to what I preferred. I kept changing one thing at a time and then reload it in the browser to see what exactly it did.  I knew how I wanted it to look but getting it to look that way was a bit tricky.
5. I decided to use a solid background of green that matches the logo color.
6. I validated each file and made corrections till they were validated.

CRITIQUE PROCESS

Through the Facebook group I had a few people suggest that I keep the upper border and the bottom border matching instead of using one thick and one then.  I played around with it till I really liked what I saw. And ultimately went with the thicker border in both spots.

Bro. Stucki suggested that my original blog button be a lot smaller. So I made the adjustments and really do like how it came out.

MESSAGE
You want and need pictures taken.

AUDIENCE
Those who like to have pictures taken, and understand the importance of it.

TOP THING LEARNED
I read the tip to fix the first error first as many other errors could come up because of an earlier error.  So I made sure to do that.  And when making style changes one thing at a time until I really know what it looking like and doing.

COLOR SCHEME & COLOR NAMES
Complementary // Purple & Green

TITLE FONT NAME & CATEGORY
“Freight micro pro”,Georgia, san_serif; //San Serif

COPY FONT NAME & CATEGORY
Legacy Sans Serif  // Sans Serif

THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT
N/A

SOURCE OF EACH IMAGE (website name and hyperlink)
The graphics are my own

Infographic Activity

 

infographic8a_wendyholcombClient Situation:  You have been gathering data on a trending topic assigned by your project manager. Now, you will create any type of infographic to be shared on Pinterest as well as the company’s blog.

PROCESS (Programs, Tools, Skills, FOCUS principles)
1. I started off by brainstorming, and wanted to know what other people were doing in regards to family pictures.
2. I created a survey and posted it on Facebook, and gathered responses over the period of three days.
3. I then sketched some ideas of how to communicate some words like the seasons with icons.  I used illustrator to draw the icons that were used, using mostly the pen tool and then using some shapes and then subtracting the front on the family portrait icon.
4. My initial brainstorming ideas were not in fact used.  I found a photo that I had taken that was a fall time photo since it was the favorite season and most people preferred outdoor sessions. So I created a whole new color scheme based around that photo by using the color selector.
5. I used Photoshop on the original background image, and sized it for the infographic size I had in mind.
6. I constructed the actual infographic in InDesign, and used drop shadows to most of the icons and shapes to create some depth to the design.

7. Alignment was one of the FOCUS principles I was trying to adhere to.

MESSAGE
To inform others the importance of taking and displaying family photos.

AUDIENCE
Those who care about family history in the form of photos.

TOP THING LEARNED
When creating specific icons or shapes for an intended project, create them in the designated color scheme to begin with.

COLOR SCHEME & COLOR NAMEScolors-used
Complementary // Orange, Lime, Brown


TITLE FONT NAME & CATEGORY
Egyptian Slate // Serif

COPY FONT NAME & CATEGORY
Akko // Sans Serif

THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT

886701_10152319287118345_57286055_o

A link to my original infographic plan with the color scheme and ideas initially brainstormed.

infographic-plan

SOURCE OF EACH IMAGE (website name and hyperlink)
The graphics are my own.
Source of article:  A survey I created and posted to Facebook.

 

 

 

Business Identity

letterhead-final

Business Card Front:

business-card_1

Business Card Back:

business-card_12

Such a fun project to do. I used illustrator to construct the logos initially.  Where I came up with three different types at first. I posted it in the Facebook group and got feedback on my strongest direction.  I also posted the same three on my personal page and had several people give me feedback.  I didn’t really like the colors that I started off with.  This is a business I already have a logo for and picked out the colors the first time and thought I’d try to come up with my own creative logo.  Here are the original three :

logo-activity_2

 

So I went back to my original color scheme for my current logo and replaced the colors on the camera logo and then fine tuned it a bit more.   I then designed the letterhead and the business cards in InDesign.

Critique Process:  I followed the instructors suggestion about keeping all the info on one line at the bottom of the letterhead.   And repeated the logo design on the back of the business card.

 

I used complementary colors,  purple and green.

Fonts that were used:
Freight Micro Pro/ Slab Serif  and  Legacy Sans ITC pro

My Final Logo Image in the middle: artboard-7

Not sure what’s up with the coloring on this blog but they did match my letterhead and business card when it was in Illustrator.