Project 7: Web Page

Project Screenshot:

Description:

A web page designed to showcase a personally created logo for a fictional company.

Process (Programs, Tools, Skills):

I created this web page using Sublime Text Editor, where I utilized both HTML and CSS to create a web page that not only provided necessary information, but showcased my limited skill in web design.  I used hex codes to create a color palette that was appropriate for my logo.  I used the eyedropper tool in Photoshop to do this.  I changed my fonts to fit the design standard, then declared backups to account for viewing on various browsers.  I made sure that all of my code was up to the current standard, then used an online validator to ensure my code was valid.  Programs/Tools Used: Sublime Text Editor & Photoshop.

Message:

That my company Dumb Dog Designs is a resource for those looking for fresh digital designs.

Audience:

Anyone who is in the market for new digital designs, including logos, decals, etc.

Top Thing Learned:

How to style links in CSS.

Color scheme and color hex(s):

Monochromatic: #7a4a1e, #9e6c4a, #ffffff, #b77c4b, #e1c299

Title Font Families & Category:

Tahoma, Geneva, Sans-serif

Copy Font Families & Category:

Tahoma, Geneva, Sans-serif

Changes made to the CSS:

I changed the font families, page colors, added padding in some places, removed padding in others, added a comment, centered the image, and styled my link.

Word Count:

368 words describing my logo rationale.

Project 6 Stationery

Letterhead: Business Card (8.5 x 11 layout): Business Card (large layout):

1. Description:  Matching business card and letterhead designed using an original logo.
2. Process (Programs, Tools, Skills):  I created the logo using simple shapes in Adobe Illustrator. Once the logo was created, I opened a new two page InDesign document and placed my logo .AI file into this document.      Secondly, I created two 3×2 rectangles on the remaining artboard to mimic the basic shape and size of a business card.  I then copied/pasted the logo and contact information onto this page. I kept the logo and contact information about the same size as the information on the letterhead. I made sure that no important information came any closer than 1/8″ from the edges.

   For the letterhead, I positioned the logo near the left-middle of the top of the artboard.  I then typed my contact information into a text box and positioned it on the right hand side of the letterhead. I made both my name and phone number 20pt font to contrast with the 12pt contact information.  I also incorporated my color scheme into the name, and emboldened the number.  I added a larger transparent version of the branch as a watermark with opacity at 5%.  I used both Illustrator and InDesign.

3. Message:  Blue Leaf Industries is a manufacturer of anti-itch creams and other high-end salves.  The blue hues represent a feeling of calmness, while the leaves represent natural ingredients and organics.

1. Audience:  Anyone suffering from rashes, psoriasis, or other skin maladies.
2. Top Thing Learned:  How to create a watermark, and how to use different creative cloud programs together.
3. Color scheme and color names:  Monochromatic, blues.
4. Title Font Name & Category:  Volkhov, Serif
5. Copy Font Name & Category:  Tw Cen MT, Sans-serif

Project 5: Logos

1. Description:  Logo for a design company
2. Process (Programs, Tools, Skills):  I created several different logos, each using a different color scheme while keeping the same idea in mind.  After gathering around a dozen votes, I chose the one that won out and refined the logo.  I tinkered with the color scheme until I had something that fit what I saw in my head when I thought about dogs.  I used Illustrator to create the design.
3. Message:  We are a company that deals in artistic design.
4. Audience:  Anyone looking for a company to design logos, icons, decals, and the like.
5. Top Thing Learned:  How to properly use the pen tool to create shapes, as well as manipulating those lines to create bezier curves.
6. Color Scheme and Color Names:  Monochromatic; Shades of brown.
7. Title / Body Font Names & Categories:  Myanmar Sangam MN, Sans serif.